• PHP
• JavaScript
  • Cơ Bản
  • TypeScript
  • Vue.js
    • Giới thiệu tổng quan về Vue.js
    • So sánh Vue.js với các framework khác
    • Cài đặt và khởi tạo dự án Vue.js
    • Cấu trúc một ứng dụng Vue.js và Instance của Vue
    • Template Syntax (Cú pháp mẫu) trong Vue.js
    • Các Directive cơ bản trong Vue.js
    • Computed Properties và Watchers trong Vue.js
    • Event Handling và Methods trong Vue.
    • Class & Style Binding trong ue.js
    • Khái niệm Component và cách sử dụng
    • Props và Event Emitting trong Vue.js.
    • Component Lifecycle Hooks trong Vue.js
    • Slots & Dynamic Components trong Vue.js
    • Single File Components (SFC) trong Vue.js
    • Giới thiệu Vuex / Pinia
    • State, Getters, Mutations, Actions trong Vue.js
    • Tổ chức store trong dự án lớn với Vue.js
    • Khi nào nên dùng Vuex / Pinia thay vì quản lý state thông thường?
    • Giới thiệu Vue Router
    • Cấu hình Router & Nested Routes trong Vue.js
    • Dynamic Routes & Route Guards trong Vue Router
    • Navigation Guards và Lazy Loading Components trong Vue Router
    • Sử dụng Axios để gọi API trong Vue.js
    • Fetch dữ liệu từ API bên ngoài trong Vue.js
    • Xử lý trạng thái tải (Loading State) trong Vue.js
    • Error Handling khi gọi API trong Vue.js
    • Vue.js với RESTful API & GraphQL
    • Xử lý biểu mẫu với v-model trong Vue.js
    • Validation form với Vuelidate hoặc Yup trong Vue.js
    • Xử lý lỗi và phản hồi từ backend trong Vue.js
    • Lazy Loading & Code Splitting trong Vue.js
    • Vue Keep-Alive & Performance Optimization
    • Virtual DOM và cách Vue.js hoạt động bên trong
    • Tối ưu hóa Rendering và Tránh Re-Renders Không Cần Thiết
    • Unit Test với Jest hoặc Vitest
    • E2E Testing với Cypress hoặc Playwright
    • Mock API khi test component
    • PRO Xây dựng một ứng dụng CRUD hoàn chỉnh
    • PRO Quản lý cấu trúc dự án Vue.js
    • PRO Triển khai ứng dụng lên Netlify, Vercel, hoặc Firebase
    • PRO CI/CD cho Vue.js project
  • Angular.js
  • Node.js
  • React.js
  • Next.js
  • Nuxt.js
  • MEAN Stack
  • MERN Stack
  • Three.js
  • Tiện ích khác
• Python
• CSS
• Ruby
• HTML
• SQL
• NoSQL
• C#
• Java
• Go (Golang)
• Swift
• Kotlin
• SEO

Khi phát triển một ứng dụng Vue.js lớn, việc tổ chức cấu trúc dự án hợp lý giúp code dễ đọc, dễ bảo trì và mở rộng. Trong bài học này, chúng ta sẽ tìm hiểu về best practices trong việc tổ chức thư mục dự án, phân chia component, quản lý state với Vuex/Pinia, sử dụng composables, services, và quản lý biến môi trường.