Giới thiệu dự án

Năm 2025 được nhiều người coi là năm khởi đầu của lập trình AI. Ngày càng có nhiều người bắt đầu dùng AI để viết code, nhưng những gì tạo ra thường chỉ dừng lại ở mức đồ chơi -- không biết cách dùng Vibe Coding để tổ chức quy trình phát triển, không biết nên chọn công cụ nào, và càng không rõ từ nguyên mẫu đến khi đưa lên mạng còn thiếu những bước quan trọng nào.

Chúng tôi áp dụng lộ trình thực chiến ba giai đoạn tuần tự: giai đoạn người mới bắt đầu làm quen với lập trình AI thông qua các trò chơi nhỏ, giai đoạn một làm chủ cách làm việc của Vibe Coding và hoàn thành nguyên mẫu ứng dụng Web, giai đoạn hai học phát triển full-stack và triển khai trực tuyến, giai đoạn ba xây dựng ứng dụng phức tạp đa nền tảng.

Mỗi giai đoạn đều đi kèm với thực chiến dự án hoàn chỉnh, giúp bạn tiến từ đồ chơi đến sản phẩm thực tế trong những thử thách thật, cuối cùng có khả năng biến bất kỳ ý tưởng nào thành ứng dụng sử dụng được.

Chúng tôi tin rằng, khi làm chủ Vibe Coding kết hợp với đào tạo hệ thống, bạn một mình có thể trở thành nhà phát triển toàn năng kết hợp giữa phát triển front-end/back-end, tích hợp năng lực AI và thiết kế sản phẩm.

Dự án này chủ yếu hướng tới ba loại học viên:

• Người mới (người bình thường / phía sản phẩm và vận hành): Giúp những người không có nền tảng kỹ thuật và người mới học hiểu được các khái niệm quan trọng, hoàn thành công cụ AI nhỏ hoặc nguyên mẫu sản phẩm đầu tiên.
• Nhà phát triển trung cấp (sinh viên và nhà phát triển có nền tảng nhất định): Làm chủ hệ thống vibe coding và phát triển ứng dụng AI nguyên bản.
• Nhà phát triển cấp cao (công ty và startup, mã nguồn mở và nhà phát triển độc lập): Hỗ trợ đội ngũ và cá nhân nhanh chóng xây dựng, xác minh và lặp lại ứng dụng AI nguyên bản.

📖 Điều hướng nội dung

Phụ lục tổng hợp

Từ điển năng lực AI: Các khái niệm và thuật ngữ cốt lõi AI phổ biến, giải thích theo kịch bản

Số 0, Mầm non

Chương	Nội dung chính	Trạng thái
Người mới bắt đầu: Bản đồ học tập	Tổng quan lộ trình học tập	✅
Người mới bắt đầu: Kỷ nguyên AI, biết nói là biết lập trình	Cảm nhận ban đầu về năng lực lập trình AI thông qua các ví dụ như rắn săn mồi	✅

Số 1, Quản lý sản phẩm AI

Chương	Nội dung chính	Trạng thái
Sơ cấp 2: Làm quen với công cụ AI IDE	Học cách sử dụng IDE, làm chủ cấu trúc giao diện và cách gợi ý hiệu quả	✅
Sơ cấp 3: Tự tay tạo nguyên mẫu	Vòng lặp hoàn chỉnh từ phân tích sản phẩm, phân tách đến thực hiện nguyên mẫu sản phẩm đa trang	✅
Sơ cấp 4: Thêm năng lực AI cho nguyên mẫu	Hiểu và hoàn thành tích hợp API các năng lực AI phổ biến (văn bản, hình ảnh, video)	✅
Sơ cấp 5: Thực chiến dự án hoàn chỉnh	Mô phỏng kịch bản thực tế, nhận phản hồi người dùng để lặp lại và hoàn thành trình bày dự án (bao gồm bài tập lớn)	✅

Phụ lục

Chương	Nội dung chính	Trạng thái
Phụ lục A: Bổ sung tư duy sản phẩm	Khung tư duy sản phẩm từ đánh giá ý tưởng đến phân tách nhu cầu và MVP	✅
Phụ lục B: Lỗi phổ biến và giải pháp	Các lỗi phổ biến trong vibe coding và phương pháp khắc phục	✅
Phụ lục: Tìm ý tưởng ở đâu	Rút ra hướng ngách từ ứng dụng tham khảo, xu hướng và danh sách VC	✅
Phụ lục: Mô hình Double Diamond	Hiểu nhịp độ hoàn chỉnh của việc xác định vấn đề trước rồi mới triển khai thiết kế giải pháp	✅
Phụ lục: Jobs to Be Done	Dùng phương pháp JTBD để thấy rõ điều người dùng thực sự muốn hoàn thành	✅
Phụ lục: Phương pháp phỏng vấn The Mom Test	Phương pháp nghiên cứu xác minh nhu cầu thông qua phỏng vấn người dùng	✅

Số 2, Kỹ sư phát triển trung cấp

Phần front-end

Chương	Nội dung chính	Trạng thái
Sử dụng lovart để sản xuất tài liệu	Học cách dùng lovart để tạo hàng loạt tài liệu hình ảnh nhân vật, bối cảnh, v.v., cung cấp nền tảng tài liệu cho thiết kế UI và phát triển front-end	🚧
Figma và MasterGo nhập môn	Dùng công cụ thiết kế để sắp xếp kiến trúc thông tin và cấu trúc trang, tạo nền tảng cho thực hiện front-end	🚧
Xây dựng ứng dụng hiện đại đầu tiên - Thiết kế UI	Dựa trên bản thiết kế hoàn thành giao diện component hóa, thực hiện chuỗi liên kết đầu tiên từ thiết kế đến code	🚧
Tham khảo quy chuẩn thiết kế UI để thiết kế trang và nút	Học cách dùng quy chuẩn thiết kế phổ biến để tổ chức cấu trúc trang, phân cấp nút, và dùng AI để tạo phương án thiết kế	🚧
Cùng làm chân dung Hogwarts	Từ 0 đến 1 tạo ứng dụng front-end tích hợp năng lực AI, kết nối thiết kế và phát triển	🚧

Phần phát triển back-end

Chương	Nội dung chính	Trạng thái
API là gì	Hiểu giao diện HTTP và mô hình yêu cầu-phản hồi, chuẩn bị cho tích hợp back-end và debug liên thông	🚧
Từ cơ sở dữ liệu đến Supabase	Triển khai cơ sở dữ liệu và API trên Supabase, kết nối mô hình dữ liệu và trang front-end	🚧
Mô hình lớn hỗ trợ viết code giao diện và tài liệu giao diện	Dùng mô hình lớn hỗ trợ tạo tài liệu giao diện và cơ sở dữ liệu, code, thực hiện back-end có thể đọc và kiểm tra	🚧
Quy trình làm việc Git và triển khai Zeabur	Quản lý code trong quy trình Git và triển khai ứng dụng lên Zeabur trực tuyến	🚧
Công cụ phát triển CLI hiện đại	Sử dụng công cụ lập trình AI loại CLI để tăng tốc phát triển và gỡ lỗi, hình thành quy trình làm việc kỹ thuật cá nhân	🚧
Cách tích hợp hệ thống thanh toán như stripe	Tích hợp hệ thống thanh toán, hoàn thành chuỗi thanh toán và quy trình thanh toán cơ bản	🚧
Xây dựng ứng dụng hiện đại đầu tiên - Ứng dụng full-stack	Tổng hợp front-end, back-end và module thanh toán, hoàn thành ứng dụng Web full-stack có thể trực tuyến	🚧
Thư viện component front-end hiện đại + Thực chiến Trae	Sử dụng thư viện component front-end hiện đại và Trae, độc lập hoàn thành sản phẩm hỗ trợ đăng ký và thanh toán	🚧

Phụ lục năng lực AI

Chương	Nội dung chính	Trạng thái
Nhập môn Dify và tích hợp kiến thức	Dùng Dify Workflow và RAG cơ bản để xây dựng sản phẩm loại công cụ, tạo mẫu cho việc nâng cấp ứng dụng sau này	🚧
Học cách tra cứu từ điển AI và tích hợp API đa phương thức	Học cách tìm mô hình và API phù hợp, và tích hợp năng lực đa phương thức như văn bản, hình ảnh vào sản phẩm	🚧

Số 3, Kỹ sư phát triển cấp cao