| 1 |
Bắt đầu với Vue |
- Khởi tạo: create-vue
- Single File Components
- Props, Events, v-model
|
Xây dựng một component counter đơn giản với các nút tăng/giảm giá trị. |
| 2 |
Rendering & Templates |
- Templates & Directives
- Tối ưu hóa Rendering
- Vòng đời Hooks
|
Tạo một component hiển thị danh sách và dùng v-if để hiện thông báo khi danh sách trống. |
| 3 |
Các khái niệm Cốt lõi & Nâng cao |
- Thuộc tính tính toán & Watchers
- Slots
- Async Components & Teleport
- Custom Directives & Plugins
|
Xây dựng component với thuộc tính tính toán để định dạng dữ liệu từ props. |
| 4 |
Hệ sinh thái: Routing & Forms |
- Vue Router
- FormKit / Vee Validate
|
Tạo một ứng dụng 2 trang đơn giản với điều hướng bằng Vue Router. |
| 5 |
Frameworks & Extensions |
- Khái niệm SSR & SSG
- Nuxt.js / VitePress
- Quasar
|
Thiết lập một dự án Nuxt.js cơ bản và tìm hiểu về routing dựa trên tệp. |
| 6 |
Kiểm thử (Testing) |
- Vitest / Vue Testing Library
- Cypress / Playwright
|
Viết unit test cho một component đơn giản bằng Vitest. |
| 7 |
Styling |
- Tailwind CSS
- Vuetify / Element UI
|
Tích hợp và style một component bằng Tailwind CSS trong dự án Vue. |
| 8 |
Quản lý Trạng thái & Gọi API |
|
Xây dựng ứng dụng lấy dữ liệu từ API và quản lý trạng thái bằng Pinia. |