| 1 |
Nền tảng Web |
- HTML, CSS, JavaScript
- ES6+ (JavaScript Hiện đại)
- TypeScript
|
Tạo một trang web tĩnh đơn giản sử dụng HTML, CSS và JavaScript hiện đại. |
| 2 |
Công cụ Phát triển |
- Trình quản lý Gói (npm/yarn)
- Công cụ Build (Vite/CRA)
- Kiểm soát Phiên bản (Git)
|
Thiết lập một dự án mới bằng Vite và sử dụng Git để quản lý phiên bản. |
| 3 |
React - Nền tảng |
- JSX - JavaScript XML
- Components (Function vs. Class)
- Props & State
- Conditional Rendering, Lists & Keys
|
Xây dựng một component React cơ bản hiển thị dữ liệu bằng props và quản lý trạng thái riêng của nó. |
| 4 |
Hooks & Vòng đời Component |
- useState, useEffect
- useContext, useReducer
- Tạo Custom Hooks
|
Tái cấu trúc một class component thành một functional component sử dụng `useState` và `useEffect`. |
| 5 |
Quản lý Trạng thái Toàn cục |
- Context API
- Redux (với Redux Toolkit)
- Zustand / Jotai
|
Tạo một ứng dụng nhỏ chia sẻ trạng thái giữa nhiều components bằng Context API. |
| 6 |
Routing & Tương tác API |
- React Router
- Gọi API (Fetch/Axios)
- React Query / SWR
|
Xây dựng ứng dụng nhiều trang bằng React Router và lấy dữ liệu từ một API công khai. |
| 7 |
Kiểm thử (Testing) |
- Jest
- React Testing Library
- Cypress / Playwright
|
Viết các unit test cho một component React để đảm bảo nó hiển thị chính xác. |
| 8 |
Tối ưu hóa & Hệ sinh thái |
- Tối ưu hóa Hiệu năng
- Thư viện UI Component
- Next.js
|
Tối ưu hóa một ứng dụng React và khám phá một thư viện component như Material-UI. |