VOOZH about

URL: https://www.coursera.org/learn/packt-full-stack-web-development-with-typescript-5

⇱ Full-Stack Web Development with TypeScript 5 | Coursera


Full-Stack Web Development with TypeScript 5

Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.

Full-Stack Web Development with TypeScript 5

Included with

β€’

Learn more

Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

3 weeks to complete
at 10 hours a week
Flexible schedule
Learn at your own pace

Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

3 weeks to complete
at 10 hours a week
Flexible schedule
Learn at your own pace

What you'll learn

  • Integrate AI capabilities using the OpenAI API

  • Leverage advanced TypeScript features for robust application development

  • Implement secure user authentication and authorization systems

Details to know

Shareable certificate

Add to your LinkedIn profile

Recently updated!

January 2026

Assessments

15 assignments

Taught in English

There are 15 modules in this course

Full-Stack Web Development with TypeScript 5 equips you with the modern skills needed to build robust, scalable, and efficient web applications. As full-stack development continues to evolve, mastering TypeScript and emerging tools is essential for developers aiming to stay competitive and deliver high-quality products.

Through this course, you’ll learn how to design and build full-featured applications using TypeScript across both the frontend and backend. You’ll gain hands-on experience working with Bun, PostgreSQL, Svelte, and AI integrations, enabling you to create performant systems and elevate your development workflow. What sets this course apart is its project-based learning model, guiding you step-by-step through building a real-world chat application. By blending theory with practical implementation, it ensures you gain the confidence to apply these technologies in real projects. This course is ideal for junior to mid-level developers with a foundational understanding of JavaScript and web development. Some familiarity with modern tooling is helpful but not required.

In this section, we explore TypeScript for type-safe development, build REST APIs with Bun, and integrate PostgreSQL using TypeScript interfaces for efficient data management.

What's included

2 videos2 readings1 assignment

2 videosβ€’Total 2 minutes
  • Introduction - Overview Videoβ€’1 minute
  • TypeScript Fundamentals - Overview Videoβ€’1 minute
2 readingsβ€’Total 40 minutes
  • Introductionβ€’10 minutes
  • Introduction to TypeScript and Its Evolutionβ€’30 minutes
1 assignmentβ€’Total 10 minutes
  • TypeScript Basics and Core Conceptsβ€’10 minutes

In this section, we cover advanced typing techniques, including narrowing, null types, and utility types.

What's included

1 video4 readings1 assignment

1 videoβ€’Total 1 minute
  • TypeScript Deep Dive - Typing, Generics, Classes, and Interfaces - Overview Videoβ€’1 minute
4 readingsβ€’Total 120 minutes
  • Introductionβ€’30 minutes
  • Function Typesβ€’30 minutes
  • Union Typesβ€’30 minutes
  • OOP Functionalitiesβ€’30 minutes
1 assignmentβ€’Total 10 minutes
  • TypeScript Fundamentals Reviewβ€’10 minutes

In this section, we explore configuring a backend environment using Bun and Hono, focusing on project setup, linting, middleware, and environment variables for improved code quality and maintainability.

What's included

1 video2 readings1 assignment

1 videoβ€’Total 1 minute
  • Configuring a Backend Environment with Bun and Hono - Overview Videoβ€’1 minute
2 readingsβ€’Total 60 minutes
  • Introductionβ€’30 minutes
  • Adding Linting and Formattingβ€’30 minutes
1 assignmentβ€’Total 10 minutes
  • Configuring a Backend Environmentβ€’10 minutes

In this section, we implement in-memory storage, authentication middleware, and chat controllers using Bun, Hono, and TypeScript for a chat application.

What's included

1 video5 readings1 assignment

1 videoβ€’Total 1 minute
  • Building Backend Infrastructure with Bun, Hono, and TypeScript - Overview Videoβ€’1 minute
5 readingsβ€’Total 150 minutes
  • Introductionβ€’30 minutes
  • Creating Database and API Typesβ€’30 minutes
  • In-Memory Implementation of the Interfacesβ€’30 minutes
  • Implementing Authentication and Authorizationβ€’30 minutes
  • Defining Our Controllersβ€’30 minutes
1 assignmentβ€’Total 10 minutes
  • Backend Development Fundamentalsβ€’10 minutes

In this section, we explore Zod validation for data schemas and Bun testing to ensure reliable app functionality and early issue detection in real-world applications.

What's included

1 video4 readings1 assignment

1 videoβ€’Total 1 minute
  • Improving Reliability Testing and Validation - Overview Videoβ€’1 minute
4 readingsβ€’Total 120 minutes
  • Introductionβ€’30 minutes
  • Developing Tests with Bunβ€’30 minutes
  • Registration Testsβ€’30 minutes
  • Validation Testsβ€’30 minutes
1 assignmentβ€’Total 10 minutes
  • Reliability Through Testing and Validationβ€’10 minutes

In this section, we explore security measures, request throttling, caching, and logging to enhance backend reliability, performance, and maintainability in REST APIs.

What's included

1 video4 readings1 assignment

1 videoβ€’Total 1 minute
  • Advanced Backend Development - Security, Throttling, Caching, and Logging - Overview Videoβ€’1 minute
4 readingsβ€’Total 120 minutes
  • Introductionβ€’30 minutes
  • Writing the Middlewareβ€’30 minutes
  • Managing the Cacheβ€’30 minutes
  • Using the Cache Middleware in Our Chat Endpointsβ€’30 minutes
1 assignmentβ€’Total 10 minutes
  • Backend System Fundamentalsβ€’10 minutes

In this section, we explore setting up PostgreSQL in Docker, designing a chat application database schema, and implementing CRUD SQL operations for data management.

What's included

1 video3 readings1 assignment

1 videoβ€’Total 1 minute
  • PostgreSQL Basics, Storage, and Setup - Overview Videoβ€’1 minute
3 readingsβ€’Total 80 minutes
  • Introductionβ€’20 minutes
  • What is PostgreSQL?β€’30 minutes
  • Constructing the Database Schemaβ€’30 minutes
1 assignmentβ€’Total 10 minutes
  • PostgreSQL and Docker Fundamentalsβ€’10 minutes

In this section, we integrate PostgreSQL with server code using the pg library, test SQL operations for reliability, and replace in-memory storage with SQL-based solutions to enhance application performance and data management.

What's included

1 video2 readings1 assignment

1 videoβ€’Total 1 minute
  • Interacting with PostgreSQL Using Libraries - Overview Videoβ€’1 minute
2 readingsβ€’Total 60 minutes
  • Introductionβ€’30 minutes
  • Updating a Userβ€’30 minutes
1 assignmentβ€’Total 10 minutes
  • PostgreSQL Integration and Database Managementβ€’10 minutes

In this section, we explore using Prisma ORM to simplify PostgreSQL interactions, manage migrations with Prisma Migrate, and enhance code maintainability through structured database operations.

What's included

1 video2 readings1 assignment

1 videoβ€’Total 1 minute
  • Interacting with PostgreSQL Using Prisma ORM - Overview Videoβ€’1 minute
2 readingsβ€’Total 60 minutes
  • Introductionβ€’30 minutes
  • Defining the Prisma Client Classβ€’30 minutes
1 assignmentβ€’Total 10 minutes
  • Prisma ORM and PostgreSQL Interaction Fundamentalsβ€’10 minutes

In this section, we explore integrating external APIs with TypeScript using fetch, handling errors, and validating responses for reliable and accurate data exchange.

What's included

1 video2 readings1 assignment

1 videoβ€’Total 1 minute
  • Basics of Integrating External APIs with TypeScript and Hono - Overview Videoβ€’1 minute
2 readingsβ€’Total 60 minutes
  • Introductionβ€’30 minutes
  • Validating API Correctnessβ€’30 minutes
1 assignmentβ€’Total 10 minutes
  • Integrating External APIs with TypeScript and Honoβ€’10 minutes

In this section, we explore integrating the OpenAI API into backend systems, focusing on secure configuration and leveraging LLMs for AI-powered application development.

What's included

1 video2 readings1 assignment

1 videoβ€’Total 1 minute
  • Setting Up and Configuring the OpenAI API for the Backend - Overview Videoβ€’1 minute
2 readingsβ€’Total 60 minutes
  • Introductionβ€’30 minutes
  • Setting Up OpenAI API Integrationβ€’30 minutes
1 assignmentβ€’Total 10 minutes
  • OpenAI API Integration Fundamentalsβ€’10 minutes

In this section, we introduce Svelte as a frontend library, focusing on reactivity, component structure, and lifecycle methods to build dynamic user interfaces.

What's included

1 video3 readings1 assignment

1 videoβ€’Total 1 minute
  • Introduction to Svelte for Frontend Development - Overview Videoβ€’1 minute
3 readingsβ€’Total 70 minutes
  • Introductionβ€’30 minutes
  • Reactivityβ€’30 minutes
  • Handling Conditionals and Iterating Arraysβ€’10 minutes
1 assignmentβ€’Total 10 minutes
  • Svelte Fundamentals Reviewβ€’10 minutes

In this section, we explore setting up a Svelte SPA with Vite and TypeScript, focusing on project configuration and structure fundamentals for efficient frontend development.

What's included

1 video2 readings1 assignment

1 videoβ€’Total 1 minute
  • Setting Up the Svelte Project - Overview Videoβ€’1 minute
2 readingsβ€’Total 60 minutes
  • Introductionβ€’30 minutes
  • Configuring package.jsonβ€’30 minutes
1 assignmentβ€’Total 10 minutes
  • Svelte Project Initialization and Configurationβ€’10 minutes

In this section, we explore Svelte chat application development, focusing on routing, authentication logic, and styling techniques for interactive and visually appealing interfaces.

What's included

1 video6 readings1 assignment

1 videoβ€’Total 1 minute
  • Svelte Chat Application Development - Overview Videoβ€’1 minute
6 readingsβ€’Total 160 minutes
  • Introductionβ€’30 minutes
  • Checking Invalid Credentialsβ€’30 minutes
  • Developing Chat Logicβ€’30 minutes
  • Creating a New Chatβ€’10 minutes
  • Writing Application-Wide Stylingβ€’30 minutes
  • Styling the Chat Containerβ€’30 minutes
1 assignmentβ€’Total 10 minutes
  • Svelte Chat Application Fundamentalsβ€’10 minutes

In this section, we explore configuring formatting and linting, implementing a11y best practices, and writing tests for Svelte components to build maintainable and accessible applications.

What's included

1 video3 readings1 assignment

1 videoβ€’Total 1 minute
  • Advanced Svelte Techniques - Overview Videoβ€’1 minute
3 readingsβ€’Total 90 minutes
  • Introductionβ€’30 minutes
  • Fixing Accessibility Issues in Our Projectβ€’30 minutes
  • Introducing Testingβ€’30 minutes
1 assignmentβ€’Total 10 minutes
  • Mastering Svelte Configuration and Accessibilityβ€’10 minutes

Instructor

Packt
1,946 Coursesβ€’575,115 learners

Why people choose Coursera for their career

πŸ‘ Image

Felipe M.

Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
πŸ‘ Image

Jennifer J.

Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
πŸ‘ Image

Larry W.

Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
πŸ‘ Image

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Frequently asked questions

Yes, you can preview the first video and view the syllabus before you enroll. You must purchase the course to access content not included in the preview.

If you decide to enroll in the course before the session start date, you will have access to all of the lecture videos and readings for the course. You’ll be able to submit assignments once the session starts.

Once you enroll and your session begins, you will have access to all videos and other resources, including reading items and the course discussion forum. You’ll be able to view and submit practice assessments, and complete required graded assignments to earn a grade and a Course Certificate.

If you complete the course successfully, your electronic Course Certificate will be added to your Accomplishments page - from there, you can print your Course Certificate or add it to your LinkedIn profile.

This course is currently available only to learners who have paid or received financial aid, when available.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

Financial aid available,