Build Web Apps with Nuxt.js 3: Master TypeScript & API [New]

Xây dựng Web App với Nuxt.js 3: Thành thạo TypeScript & API [Mới]

Xây dựng Web App với Nuxt.js: Tích hợp Composition API, Pinia, TypeScript, Server-Side API và SEO trên Vercel

5.0

(753 đánh giá)

2,095 học viên

Giảng viên

Shahzad Khan

Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao

50.000đ 399.000đ -87%

✓ Xem giỏ hàng và thanh toán

Bao gồm phụ đề tiếng Việt, tiếng Anh

6.5 giờ video

34 bài giảng

Truy cập vĩnh viễn

Học trên mọi thiết bị

Cập nhật: 31/05/2026

#Full Stack Development #Nuxt #Typescript #Vue Js

Bạn sẽ học được gì

Nắm vững kiến thức cốt lõi về Nuxt.js 3, bao gồm thiết lập môi trường, định tuyến (routing), bố cục (layouts) và các khái niệm quan trọng như middleware và plugin.

Thành thạo Vue 3, bao gồm Composition API, liên kết dữ liệu (data binding), vòng đời component (lifecycle hooks) và kết xuất động (dynamic rendering).

Học cách tích hợp và sử dụng TypeScript trong Nuxt.js để phát triển an toàn về kiểu dữ liệu (type-safe) và sử dụng generics.

Triển khai quản lý trạng thái (state management) trong Nuxt.js bằng Pinia, tập trung vào cách thiết lập store, lưu trữ dữ liệu (persistence) và mã hóa (encryption).

Yêu cầu

Cần có kiến thức cơ bản về HTML, CSS và JavaScript để hiểu được các khái niệm chính của khóa học.

Dù không bắt buộc, nhưng có hiểu biết cơ bản về Vue.js (đặc biệt là Vue 2 hoặc Vue 3) sẽ là một lợi thế.

Quen thuộc với việc sử dụng dòng lệnh (command line) để thiết lập dự án và chạy máy chủ phát triển (development server).

Nên sử dụng một trình soạn thảo mã như Visual Studio Code (VSCode) để viết code và quản lý file dự án.

Cần có kiến thức cơ bản về Node.js và npm (Node Package Manager) để thiết lập và quản lý môi trường phát triển.

Đối tượng phù hợp

Dành cho những ai đã quen thuộc với HTML, CSS và JavaScript và muốn khám phá phát triển full-stack với Nuxt.js và Vue.js.

Dành cho những ai mong muốn nâng cao kiến thức về các khái niệm Vue.js nâng cao và tận dụng Nuxt.js để xây dựng các ứng dụng có khả năng mở rộng, sẵn sàng cho sản xuất.

Dành cho những ai muốn học quản lý trạng thái với Pinia, làm việc với TypeScript và tạo ra các web app mạnh mẽ bằng các công cụ mới nhất.

Dành cho những ai muốn hiểu về hệ sinh thái của Nuxt.js, từ định tuyến (routing), middleware đến plugin, và xây dựng các dự án mạnh mẽ, dễ bảo trì.

Nội dung khóa học

9 phần • 34 bài giảng

1 1. Giới thiệu khóa học, Kết quả đầu ra và Tổng quan dự án

2 2. Cài đặt Nuxt 3 và Tạo Dự án Đầu tiên

3 3. Hiểu về Cấu trúc Thư mục và Các Tệp Cốt lõi của Nuxt 3

1 1. Trang (Pages) và Hệ thống Định tuyến Dựa trên Tệp (File-Based Routing) trong Nuxt 3

2 2. Bố cục (Layouts): Tạo và Quản lý Bố cục Ứng dụng

3 3. Component trong Nuxt 3 – Tính tái sử dụng và Các Thực hành Tốt nhất

4 4. Middleware trong Nuxt 3 – Các Loại, Trường hợp Sử dụng và Ví dụ

5 5. Composable – Tái sử dụng Logic với Composable trong Nuxt 3

6 6. Plugin – Mở rộng Chức năng của Nuxt một cách Đúng đắn

7 7. Server API – Tạo Backend API Bên trong Nuxt 3

1 1. Composition API so với Options API – Khi nào và Tại sao Nên Sử dụng Mỗi Loại

2 2. Liên kết Dữ liệu và Chỉ thị Vue (Vue Directives) được Giải thích Bằng Ví dụ

3 3. Methods và Computed Properties – Các Khái niệm Reactivity Cốt lõi

4 4. Kết xuất Có điều kiện và Kết xuất Danh sách trong Vue 3

5 5. Lifecycle Hooks của Vue 3 và Các Trường hợp Sử dụng Thực tế

1 1. Props và Custom Events – Giao tiếp Giữa các Component

2 2. Slots và Scoped Slots – Thiết kế Component Linh hoạt

3 3. Component Teleport – Kết xuất Bên ngoài Cây DOM

4 4. Chuyển tiếp và Hoạt ảnh (Transitions & Animations) trong Ứng dụng Vue và Nuxt

1 1. Tại sao nên dùng TypeScript với Nuxt 3 và Cách Nó Hoạt động

2 2. Các Khái niệm TypeScript Cốt lõi Được Sử dụng trong Dự án Nuxt

3 3. Làm việc với Generics để Viết Mã Tái sử dụng và An toàn về Kiểu dữ liệu

1 1. Giới thiệu về Quản lý Trạng thái và Thiết lập Pinia

2 2. Sử dụng Pinia Nâng cao và Lưu trữ Dữ liệu Store (Persisting Store Data)

3 3. Bảo mật Dữ liệu Ứng dụng Bằng Mã hóa Pinia Store (Pinia Store Encryption)

1 1. Xây dựng Dự án – Phần 1

2 2. Xây dựng Dự án – Phần 2

3 3. Xây dựng Dự án – Phần 3

4 4. Xây dựng Dự án – Phần 4

1 1. Triển khai Ứng dụng Nuxt 3 lên Vercel Từng bước Một

2 2. Tối ưu hóa SEO, Thẻ Meta và Các Thực hành Tốt nhất về Hiệu suất

1 1. Triển khai Chuyển tiếp Trang (Page Transitions) trong Nuxt 3

2 2. Xử lý Lỗi và Tạo Trang Lỗi Tùy chỉnh trong Nuxt 3

3 3. Xây dựng Ứng dụng Todo Sử dụng Server API của Nuxt 3

Giới thiệu khóa học

In this course, you'll learn how to build modern, high-performance web applications using Nuxt.js, one of the most popular frameworks for Vue.js. Starting with the fundamentals, you'll dive deep into Nuxt's powerful Composition API, enabling you to write cleaner and more maintainable code.

Explore how to effectively manage state with Pinia, the modern state management library, and harness the power of TypeScript to build robust, type-safe applications. The course covers integrating server-side APIs, allowing you to create dynamic and data-driven apps that provide real-time user experiences.

You'll also learn about the best practices for SEO optimization, ensuring your web apps rank higher on search engines and are easily discoverable. Additionally, discover how to leverage Nuxt.js features like static site generation and server-side rendering for optimal performance. Finally, we’ll explore how to deploy your projects seamlessly with Vercel, a platform designed for hosting static websites and serverless functions with lightning-fast performance.

Throughout the course, you will work on hands-on projects to solidify your knowledge and build real-world web applications. Whether you're a beginner or looking to upgrade your web development skills, this course will provide you with the tools, frameworks, and knowledge needed to create cutting-edge, production-ready web apps using Nuxt.js, Composition API, Pinia, TypeScript, and more.