Thầy Hoàng IT Doanh Nghiệp · Khóa học

Fullstack AI-Native: từ nền tảng đến sản phẩm thật

Từ trang trống tới một sản phẩm fullstack JavaScript chạy thật trên Internet, tổ chức theo kiến trúc sạch, làm việc cùng AI mà vẫn tự chủ.

Cơ bản 30 chương · 102 bài học

Bạn sẽ học được

  • Xây giao diện web responsive bằng HTML, CSS, JavaScript và React, chạy tốt trên máy tính lẫn điện thoại.
  • Xây REST API bằng Node.js và Express 5 theo bốn lớp route, controller, service, repository, có xác thực JWT, validate, xử lý lỗi tập trung và test tự động.
  • Thiết kế dữ liệu trên MongoDB và PostgreSQL, rồi thay tầng lưu trữ mà không sửa tầng nghiệp vụ.
  • Tổ chức frontend React theo feature với custom hook, React Router, TanStack Query, react-hook-form, zod và TypeScript.
  • Đưa sản phẩm lên Internet trên nền tảng deploy, có CI chạy test trước mỗi lần merge.
  • Dùng AI như gia sư, reviewer và agent làm theo spec, kiểm chứng và giải thích lại được mọi dòng code trong sản phẩm của mình.

Khóa học này giải quyết vấn đề gì

Nhiều người xem hết video hướng dẫn, gật gù "dễ mà", nhưng tự bắt đầu một dự án thì không biết làm từ đâu, và dự án càng lớn thì lỗi càng khó kiểm soát. Khóa học lấp khoảng cách giữa "biết" và "làm được": mỗi kiến thức xuất hiện vì sản phẩm đang cần nó, mỗi bài có một khoảnh khắc code hỏng thật để bạn tự hỏi "vì sao", và AI đi cùng bạn với vai trò tăng dần nhưng người thiết kế, chịu trách nhiệm vẫn là bạn.

Cách học

  • Một sản phẩm xuyên suốt: CodeFarm Tasks, ứng dụng quản lý công việc nhóm, lớn dần từ trang tĩnh tới sản phẩm chạy trên Internet.
  • Học xoắn ốc: hiểu cơ bản, làm được việc nhỏ, rồi quay lại đào sâu khi sản phẩm cần.
  • Mỗi bài: mục tiêu, khoảnh khắc vỡ, hoạt động nhanh có đáp án, áp vào sản phẩm, dùng AI đúng cách, tóm tắt và thuật ngữ.
  • Công nghệ: JavaScript xuyên suốt, Node.js, Express 5, MongoDB, React 19, TypeScript, PostgreSQL với Prisma, GitHub Actions; deploy lên Vercel, Render và Neon.

Lộ trình

Chương Nội dung Bạn làm được
1–8. Nền tảng Web Cách học và môi trường (tự học trước buổi 1), Internet và HTTP, Git, HTML, CSS, JavaScript, DOM, bất đồng bộ CodeFarm Tasks v1: web thuần chạy trên trình duyệt
9–17. Backend Node.js, Express 5, kiến trúc bốn lớp, MongoDB, xác thực, bảo mật, test v2: REST API cho cả nhóm dùng chung
18–25. React và TypeScript React, state và effect, custom hook, React Router, TanStack Query, form, TypeScript v3: giao diện React hoàn chỉnh kết nối API
26–30. PostgreSQL và Capstone SQL và Prisma, thiết kế hệ thống, sprint, CI, deploy, demo v4: sản phẩm chạy trên Internet, sẵn sàng cho portfolio

Muốn tự vận hành máy chủ (VPS, Docker, reverse proxy, CI/CD đầy đủ, sao lưu), học tiếp khóa DevOps Thực Chiến.

Về đơn vị biên soạn

Khóa học được biên soạn bởi Nguyễn Minh Hoàng, CodeFarm — Học lập trình từ doanh nghiệp (codefarm.edu.vn).

Dành cho ai

  • Người mới hoàn toàn muốn trở thành lập trình viên web
  • Người đã học rời rạc, muốn học lại có hệ thống và làm được sản phẩm thật

Yêu cầu đầu vào

  • Không cần biết lập trình trước
  • Máy tính cá nhân chạy Windows, macOS hoặc Linux, kết nối Internet
  • Tài khoản GitHub; 6–8 giờ tự học mỗi tuần

Nội dung khóa học

  1. Chương 1. Chuẩn bị, Internet, HTTP và Git5 bài
    1. Tự học trước buổi 1: cách học khóa này và dùng AI đúng cách
    2. Tự học trước buổi 1: chuẩn bị môi trường và dòng lệnh cơ bản
    3. Internet, HTTP và đường đi của một request
    4. Chrome DevTools
    5. Git cơ bản: lưu lịch sử, quay lại và đẩy lên GitHub
  2. Chương 2. HTML ngữ nghĩa và form5 bài
    1. HTML, CSS, JS: khung, giao diện, hành vi
    2. Văn bản, liên kết, hình ảnh, danh sách và bảng
    3. Thẻ semantic và accessibility
    4. Form, input và validate bằng HTML
    5. Thực hành: dựng khung HTML cho CodeFarm Tasks
  3. Chương 3. CSS cơ bản4 bài
    1. Gắn CSS và selector
    2. Cascade và specificity: vì sao style bị ghi đè
    3. Box model: vì sao phần tử tràn khung
    4. Đơn vị, màu và typography
  4. Chương 4. Layout và responsive4 bài
    1. Flexbox: xếp phần tử theo một chiều
    2. Grid: bố cục hai chiều
    3. Position và stacking context
    4. Responsive, thẻ meta viewport và media query
  5. Chương 5. JavaScript lõi4 bài
    1. Biến, kiểu dữ liệu, toán tử và điều kiện
    2. Vòng lặp
    3. Debug bằng breakpoint và dùng AI như gia sư
    4. Hàm và scope
  6. Chương 6. Dữ liệu, tham chiếu và DOM4 bài
    1. Closure
    2. Array, object, tham chiếu và cập nhật bất biến
    3. map, filter, reduce, destructuring và dữ liệu thiếu
    4. Cây DOM và querySelector
  7. Chương 7. Sự kiện và giao diện từ dữ liệu4 bài
    1. Sự kiện và event delegation
    2. Giao diện là kết quả của dữ liệu
    3. localStorage và JSON
    4. Bất đồng bộ và event loop
  8. Chương 8. Bất đồng bộ và CodeFarm Tasks v14 bài
    1. Promise và async/await
    2. Gọi API bằng fetch
    3. Ba trạng thái loading, lỗi, rỗng
    4. CodeFarm Tasks v1: tách module
  9. Chương 9. Node.js và server HTTP3 bài
    1. Node.js, module và npm
    2. Đọc ghi file với fs/promises
    3. Server HTTP thuần và REST
  10. Chương 10. Express 53 bài
    1. Express 5: route và Router
    2. Middleware và vòng đời request
    3. Lỗi async trong Express 5
  11. Chương 11. Kiến trúc bốn lớp và lỗi nghiệp vụ3 bài
    1. Từ controller béo tới bốn lớp
    2. Chiều phụ thuộc và module theo feature
    3. AppError và định dạng lỗi chuẩn
  12. Chương 12. Validate, cấu hình và MongoDB3 bài
    1. Validate đầu vào bằng zod
    2. Cấu hình bằng biến môi trường
    3. MongoDB và document
  13. Chương 13. Mongoose và repository2 bài
    1. Mongoose schema và model
    2. CRUD trong repository
  14. Chương 14. Thiết kế dữ liệu3 bài
    1. Embed hay reference
    2. Phân trang, lọc và sắp xếp
    3. Index: vì sao truy vấn chậm
  15. Chương 15. Xác thực3 bài
    1. Đăng ký và lưu mật khẩu an toàn
    2. Đăng nhập bằng JWT
    3. Refresh token và cookie httpOnly
  16. Chương 16. Phân quyền và bảo mật trình duyệt4 bài
    1. Phân quyền theo vai trò và theo dữ liệu
    2. Bảo mật trình duyệt: CORS, helmet và rate limit
    3. Tự học: upload file
    4. Tự học: logging
  17. Chương 17. Test và Mini project 24 bài
    1. Test API với Vitest và Supertest
    2. CodeFarm Tasks v2: phạm vi và API contract
    3. Thay localStorage bằng API
    4. Branch, pull request và review chéo
  18. Chương 18. React nền tảng4 bài
    1. Vì sao cần React
    2. Vite, component và JSX
    3. Props, children và state
    4. Tự học: Tailwind CSS
  19. Chương 19. Render, state và effect3 bài
    1. Render, list và key
    2. Controlled input, lifting state và ảnh chụp state
    3. Effect, ref và khi render gặp lỗi
  20. Chương 20. Custom hook và lấy dữ liệu4 bài
    1. Tách logic khỏi UI và rules of hooks
    2. useLocalStorage và useToggle
    3. useDebounce
    4. useFetch và race condition
  21. Chương 21. Router, Context và bảo vệ route4 bài
    1. createBrowserRouter và route lồng
    2. useContext và useAuth
    3. loader, errorElement và action
    4. Bảo vệ route
  22. Chương 22. TanStack Query2 bài
    1. Server state, useQuery và useMutation
    2. Axios, interceptor và chính sách retry
  23. Chương 23. Form với react-hook-form và zod2 bài
    1. react-hook-form và zod theo API contract
    2. useFieldArray và trang sửa công việc
  24. Chương 24. TypeScript cho React3 bài
    1. Vì sao TypeScript: type, union và narrowing
    2. Generics cơ bản
    3. TypeScript cho React, zod và chuyển codebase
  25. Chương 25. Mini project 33 bài
    1. CodeFarm Tasks v3: phạm vi và kiến trúc
    2. Kiến trúc theo feature
    3. Tích hợp và tự review
  26. Chương 26. PostgreSQL, SQL và Prisma3 bài
    1. PostgreSQL, SQL nền và Prisma
    2. Quan hệ và transaction với Prisma
    3. Thay repository sang PostgreSQL
  27. Chương 27. Khởi động capstone4 bài
    1. Phân tích yêu cầu và user story
    2. Thiết kế hệ thống: ERD, API contract, kiến trúc
    3. Chia task và ước lượng
    4. Dùng AI viết spec và làm việc với AI agent
  28. Chương 28. Capstone sprint 12 bài
    1. Sprint 1: backend lõi và auth
    2. Checklist và cách review kiến trúc
  29. Chương 29. Capstone sprint 2: tích hợp, CI và deploy3 bài
    1. Sprint 2: tích hợp và đưa sản phẩm lên Internet
    2. CI với GitHub Actions
    3. Lỗi chỉ có trên production
  30. Chương 30. Demo day và nghề nghiệp3 bài
    1. Demo và bảo vệ quyết định kiến trúc
    2. Retrospective
    3. CV, portfolio GitHub và phỏng vấn

Nội dung chi tiết từng bài dành cho học viên đã đăng ký học.

Khóa học khác của Thầy Hoàng IT Doanh Nghiệp