Lập trình Web Fullstack với Next.js
Khám phá lộ trình học tập toàn diện được thiết kế giúp học viên nâng cao tư duy, kỹ năng giải quyết bài toán và lập trình thành thạo.
Giới thiệu khóa học
Khóa học Lập trình Web Fullstack với Next.js trang bị cho học viên nền tảng lập trình thuật toán bài bản và chuyên sâu với ngôn ngữ lập trình mạnh mẽ. Phù hợp cho học sinh định hướng thi học sinh giỏi, Tin học trẻ Bảng B/C hoặc phát triển phần mềm lâu dài.
Nội dung chính tập trung vào:
- Cú pháp ngôn ngữ chuẩn hóa và tư duy giải quyết bài toán thuật toán.
- Tối ưu hóa thời gian chạy và dung lượng bộ nhớ của chương trình.
- Thực hành lập trình trực tuyến trên hệ thống chấm bài tự động (Online Judge) phản hồi tức thì.
Giảng viên phụ trách
Thầy Phan Tuấn Kiệt
• 20+ năm kinh nghiệm giảng dạy Tin học văn phòng
• Chuyên môn: Đào tạo Scratch cơ bản - nâng cao - luyện thi, Python cơ bản - nâng cao - luyện thi, C++ - nâng cao - luyện thi...
Lộ trình chi tiết
Chương 1: Nền tảng React & Làm quen Next.js App Router
Cơ chế hoạt động của Next.js, kiến trúc App Router, quản lý định tuyến Routing và layout chung.Bài 1 - Tổng quan về Next.js, kiến trúc App Router và khởi tạo dự án Next.js đầu tiên Khóa
Bài giảng chi tiết về Bài 1: Tổng quan về Next.js, kiến trúc App Router và khởi tạo dự án Next.js đầu tiên.
Bài 2 - Quản lý Routing trong Next.js - File-based Routing, Dynamic Routes và Navigation Khóa
Bài giảng chi tiết về Bài 2: Quản lý Routing trong Next.js - File-based Routing, Dynamic Routes và Navigation.
Bài 3 - Thiết kế Layout dùng chung, cấu trúc trang (Page) và quản lý file metadata cho SEO Khóa
Bài giảng chi tiết về Bài 3: Thiết kế Layout dùng chung, cấu trúc trang (Page) và quản lý file metadata cho SEO.
Chương 2: Cơ chế Rendering & Fetch dữ liệu
Phân biệt Server và Client Components, fetch dữ liệu ở server (SSR, SSG) và tương tác client với React Hook Form.Bài 4 - Cơ chế Rendering nâng cao - Phân biệt Server Components (RSC) và Client Components Khóa
Bài giảng chi tiết về Bài 4: Cơ chế Rendering nâng cao - Phân biệt Server Components (RSC) và Client Components.
Bài 5 - Fetch dữ liệu trong Next.js - Server-side Rendering (SSR) và Static Site Generation (SSG) Khóa
Bài giảng chi tiết về Bài 5: Fetch dữ liệu trong Next.js - Server-side Rendering (SSR) và Static Site Generation (SSG).
Chương 3: Xây dựng API Route & Kết nối Database
Viết Route Handlers backend và kết nối cơ sở dữ liệu sử dụng Prisma ORM.Bài 6 - Quản lý trạng thái và tương tác Client - Sử dụng State, Effect và React Hook Form Khóa
Bài giảng chi tiết về Bài 6: Quản lý trạng thái và tương tác Client - Sử dụng State, Effect và React Hook Form.
Bài 7 - Xây dựng API Routes (Route Handlers) làm backend ngay trong ứng dụng Next.js Khóa
Bài giảng chi tiết về Bài 7: Xây dựng API Routes (Route Handlers) làm backend ngay trong ứng dụng Next.js.
Bài 8 - Kết nối Next.js với cơ sở dữ liệu MongoDB/PostgreSQL sử dụng Prisma ORM Khóa
Bài giảng chi tiết về Bài 8: Kết nối Next.js với cơ sở dữ liệu MongoDB/PostgreSQL sử dụng Prisma ORM.
Chương 4: Tối ưu hóa & Triển khai dự án
Tích hợp thư viện Auth, tối ưu hóa hình ảnh font chữ và deploy ứng dụng lên Vercel.Bài 9 - Tích hợp xác thực người dùng (Authentication) với thư viện NextAuth.js Khóa
Bài giảng chi tiết về Bài 9: Tích hợp xác thực người dùng (Authentication) với thư viện NextAuth.js.
Bài 10 - Tối ưu hiệu năng ứng dụng (Image, Font, Script) và deploy dự án lên nền tảng Vercel Khóa
Bài giảng chi tiết về Bài 10: Tối ưu hiệu năng ứng dụng (Image, Font, Script) và deploy dự án lên nền tảng Vercel.
Kết quả đạt được sau khóa học
- Làm chủ React Framework Next.js mới nhất (App Router), quản lý Routing động, tối ưu SEO.
- Fetch dữ liệu ở Server và Client (SSR, CSR, SSG) và xây dựng API Route backend.
- Kết nối database qua Prisma ORM, tích hợp Auth và triển khai hoàn thiện dự án lên Vercel.
Đối tượng phù hợp
Độ tuổi & Trình độ
Khóa học được thiết kế tối ưu cho đối tượng Học sinh & Người đi làm, trình độ Nâng cao.
🏆 Chứng nhận số iKH EDU
Hoàn thành 100% bài học và thử thách để nhận chứng nhận điện tử có mã xác thực.
Mẫu chứng nhận hoàn thành khóa học
CHỨNG NHẬN