Kiến thức nền: HTML, CSS, JavaScript, và TypeScript Foundation (10 Buổi)

Buổi 1-2: Giới thiệu về HTML và CSS

• Tổng quan về HTML và CSS.
• Cách tạo cấu trúc cơ bản của trang web bằng HTML và áp dụng styling cho nó bằng CSS.

Buổi 3-4: Sử dụng Flexbox và Grid trong CSS

• Hướng dẫn về cách sử dụng Flexbox và Grid để thiết kế layout linh hoạt và hiệu quả hơn trong CSS.
• Thực hành với các bố cục phổ biến và trường hợp sử dụng.

Buổi 5-6: JavaScript cơ bản

• Cú pháp cơ bản của JavaScript: biến, kiểu dữ liệu, toán tử.
• Hướng dẫn cách sử dụng cấu trúc điều khiển như if, else, switch, và vòng lặp.

Buổi 7-8: DOM và sự kiện trong JavaScript

• Tìm hiểu về DOM (Document Object Model) và cách sử dụng JavaScript để tương tác với các phần tử HTML trên trang web.
• Xử lý sự kiện như click, hover, và submit bằng JavaScript.

Buổi 9-10: Function và Scope trong JavaScript

• Hiểu về function và phạm vi (scope) trong JavaScript.
• Sử dụng function để tái sử dụng mã và quản lý scope trong các ứng dụng JavaScript.

Buổi 11-12: Closures và Callbacks trong JavaScript

• Khám phá cách closures hoạt động và lợi ích của chúng trong JavaScript.
• Sử dụng callbacks để xử lý các tác vụ bất đồng bộ và các hàm callback trong JavaScript.

Buổi 13-14: Giới thiệu về TypeScript

• Tìm hiểu về TypeScript, lợi ích và mục đích sử dụng.
• Cài đặt TypeScript vào dự án và biên dịch mã JavaScript sang TypeScript.

Buổi 15-16: Kiểu dữ liệu và Annotation trong TypeScript

• Hiểu về các kiểu dữ liệu cơ bản trong TypeScript: number, string, boolean, array, object.
• Sử dụng annotation để chỉ định kiểu dữ liệu cho biến và hàm trong TypeScript.

Buổi 17-18: Interface và Type trong TypeScript

• Sử dụng interface và type để định nghĩa các cấu trúc dữ liệu phức tạp hơn trong TypeScript.
• So sánh và lựa chọn giữa interface và type cho từng trường hợp sử dụng.

Buổi 19-20: TypeScript Advance và Tích hợp vào Dự án Next.js

• Tích hợp TypeScript vào dự án Next.js.
• Sử dụng các tính năng nâng cao của TypeScript như Generics và Modules trong dự án Next.js.

Phần 1: Giới thiệu về Next.js (5 Buổi)

Buổi 1: Giới thiệu về Next.js

• Tổng quan về Next.js
• Lợi ích của việc sử dụng Next.js
• Cài đặt Next.js

Buổi 2: Tạo dự án Next.js đầu tiên

• Tạo dự án mới
• Cấu trúc dự án Next.js
• Chạy dự án Next.js

Buổi 3: Khám phá cấu trúc dự án

• Thư mục pages
• Thư mục public
• Thư mục components

Buổi 4: Giới thiệu về JSX

• JSX là gì?
• Cách sử dụng JSX trong Next.js
• Thực hành viết JSX

Buổi 5: Kết nối với cộng đồng Next.js

• Tài liệu chính thức
• Các nguồn học tập bổ sung
• Tham gia diễn đàn và nhóm hỗ trợ

Phần 2: Routing trong Next.js (7 Buổi)

Buổi 6: Hệ thống routing cơ bản

• Trang tĩnh (Static Routes)
• Tạo trang mới

Buổi 7: Dynamic Routing

• Giới thiệu Dynamic Routing
• Cách tạo Dynamic Route