Vibe Coding Foundations

Vibe Coding Foundations: Xây sản phẩm web thật cùng AI

Vibe Coding là cách làm phần mềm mới: bạn mô tả điều mình muốn, AI viết code, còn bạn đóng vai người điều phối. Bạn quyết định làm gì, kiểm tra kết quả và chỉ cho AI sửa đúng chỗ.

Nhiều người dùng AI viết code nhưng kết quả “lúc được lúc không”: AI làm sai ý, sửa chỗ này hỏng chỗ khác, càng sửa càng rối. Nguyên nhân thường không nằm ở AI, mà ở cách giao việc. Khoá học này giúp bạn làm chủ quy trình đó, để AI trở thành một cộng sự đáng tin cậy thay vì một chiếc hộp may rủi.

Sau khoá học, bạn có thể

  • Biến một ý tưởng thành sản phẩm web chạy thật, không cần biết lập trình trước

  • Xác định phạm vi MVP và viết yêu cầu rõ ràng để AI làm đúng ngay từ đầu

  • Thiết lập môi trường làm việc chuyên nghiệp với Antigravity IDE, Git, GitHub

  • Lưu dữ liệu người dùng vào cơ sở dữ liệu Supabase

  • Xây trang quản trị có thống kê, biểu đồ và bảo vệ bằng đăng nhập

  • Tự đọc lỗi, nhờ AI sửa và quay lại phiên bản ổn định khi cần

  • Đưa sản phẩm lên Internet, gắn tên miền riêng và cập nhật tự động

Quan trọng hơn một sản phẩm cụ thể, bạn có một quy trình dùng lại được cho mọi ý tưởng tiếp theo: trang giới thiệu, form đăng ký sự kiện, công cụ nội bộ, trang bán hàng đơn giản hay bản demo để gọi vốn.

Nội dung khoá học

1. Từ ý tưởng đến bản demo với tư duy sản phẩm
Hiểu đúng Vibe Coding, nhận diện 3 sai lầm phổ biến khi dùng AI và nắm vòng lặp 5 bước: Ý tưởng → Prompt → Thực thi → Kiểm thử → Lặp lại. Tạo bản demo đầu tiên bằng v0, kiểm thử theo checklist, lưu code và chia sẻ sản phẩm.

2. Chuẩn bị môi trường làm việc
Cài đặt Node.js và Antigravity IDE, hiểu vai trò của từng công cụ và kiểm tra môi trường sẵn sàng.

3. Tư duy sản phẩm và mô tả yêu cầu
Vạch rõ phạm vi MVP trước khi AI viết code. Áp dụng thiết kế hướng đặc tả (SDD) với 3 file spec.md, design.md và GEMINI.md. Xây design system bằng Google Stitch, để AI phỏng vấn bạn khi viết đặc tả, sau đó duyệt kế hoạch và giao AI thực thi.

4. Điều khiển AI bằng Rules và Workflow
Chỉ định chính xác đoạn code và file cần sửa, thiết lập rule để AI tuân thủ quy ước dự án, đóng gói tác vụ lặp lại thành workflow chạy bằng một lệnh, và tối ưu lượt dùng AI.

5. Lưu trữ dữ liệu và kỹ năng gỡ lỗi
Hiểu dữ liệu được lưu ở đâu, đọc lỗi trong Console và áp dụng quy trình gỡ lỗi 3 bước. Dùng Git để lưu phiên bản và khôi phục bản chạy được khi AI sửa không thành công.

6. Bảo mật, vận hành và hoàn thiện sản phẩm
Triển khai lên Vercel, quản lý biến môi trường và khoá bí mật, kết nối Supabase, xây trang quản trị, bảo vệ bằng Supabase Auth và thiết lập triển khai tự động qua GitHub.

Khoá học dành cho ai

  • Người chưa từng lập trình nhưng muốn tự xây sản phẩm web

  • Người làm kinh doanh, marketing, vận hành muốn tự dựng công cụ hoặc bản demo

  • Founder, người khởi nghiệp cần kiểm chứng ý tưởng nhanh với chi phí thấp

  • Người đã dùng AI viết code nhưng chưa kiểm soát được kết quả

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

  • Máy tính Windows hoặc macOS có kết nối Internet

  • Một tài khoản Google

  • Không cần kiến thức lập trình trước

Phương pháp học

Học qua thực hành: mỗi chủ đề gồm bài học ngắn, phần tương tác, câu hỏi kiểm tra nhanh và bài tập áp dụng. Bạn xây dựng một dự án xuyên suốt khoá học và nâng cấp dần qua từng buổi. Bài tập cuối khoá là một sản phẩm web hoàn chỉnh, đang chạy thật trên Internet.

Nội dung khóa học

Bạn sẽ làm ra gì sau khoá học

1 bài học · 2 hoạt động

Từ ý tưởng đến bản demo với tư duy sản phẩm

4 bài học · 17 hoạt động

Chuẩn bị môi trường và làm quen với công cụ Vibe Coding

1 bài học · 6 hoạt động

Tư Duy Sản Phẩm & Mô Tả Yêu Cầu

5 bài học · 27 hoạt động

Dạy AI làm đúng ý bạn với Rules và Workflow

4 bài học · 21 hoạt động

Tích hợp cơ sở dữ liệu và kỹ năng gỡ lỗi

3 bài học · 16 hoạt động

Bảo mật hệ thống, vận hành và hoàn thiện sản phẩm

5 bài học · 23 hoạt động
MIỄN PHÍ
Khóa học chưa mở ghi danh.
Đã có tài khoản?
Cấn Tuấn Anh
Giảng viên
Cấn Tuấn Anh

CODEGYM LEARN - CÔNG TY CP CODEGYM VIỆT NAM

MST: 0108104526
Địa chỉ: Căn hộ TT01.23, dự án Hải Đăng city, phường Từ Liêm, thành phố Hà Nội
Điện thoại: +84 989 534 458
Website: codegym.vn