Thực chiến · Không cần học cú pháp lập trình

Vibe Coding: Xây dựng Web App cùng AI Coding Agents (VS Code, Cline, Claude Code, Antigravity)

Làm chủ Cursor, Claude Code, Cline và Supabase để tự tay xây dựng Web App, Mini CRM không cần học cú pháp code.

8 bài học theo dự án240 phút thực hành0 yêu cầu biết lập trình
📌 ĐIỀU KIỆN TIÊN QUYẾT (PREREQUISITES)
0 yêu cầu lập trình: Không cần nền tảng công nghệ trước đó.
Khuyến nghị: Nên đọc qua Chuyên đề 00 (Nền Tảng AI) nếu bạn mới bắt đầu.
🎯 KẾT QUẢ ĐẦU RA (LEARNING OUTCOMES)
1 Sản phẩm chạy thật 100%: Bàn giao toàn bộ source code, prompt kit & workflow.
Tự chủ vận hành: Hiểu sâu bản chất kiến trúc để tự bảo trì và mở rộng.
ĐẶC TẢ ĐẦU RA & CÔNG CỤ THỰC HÀNH

Chi tiết Nền tảng & Sản phẩm bàn giao trong khóa

Học theo phương pháp làm dự án (Project-Based Learning) — Đi từ các sản phẩm con từng bài đến đóng gói hoàn chỉnh sản phẩm cuối khóa.

📌
LƯU Ý CỐT LÕI TỪ AI TINH GỌN

"Học công nghệ để tự giải phóng bản thân và triển khai nhanh ở cấp độ cá nhân; nhưng khi bước lên quy mô doanh nghiệp, sức mạnh nằm ở sự thấu hiểu kiến trúc và khả năng phối hợp cùng đồng đội. Không ai có thể một mình giỏi hết mọi khâu — biết giới hạn của bản thân và biết cách dùng người mới là đỉnh cao của quản trị tinh gọn."

🎓
CHƯƠNG 0 (BẮT BUỘC TRƯỚC KHI DÙNG TOOL): TÂM LÝ & TƯ DUY CHUYỂN ĐỔI SỐ

Trước khi mở công cụ, học viên được trang bị: (1) Vượt qua nỗi sợ và tâm lý kháng cự AI, (2) Khung 3 Tầng năng lực nghề nghiệp, (3) Vẽ luồng quy trình tinh gọn 1 trang, và (4) Chốt chặn an toàn dữ liệu Human-in-the-loop.

🛠️

1. Nền tảng & Công cụ

  • AI Web Builders: v0.dev (by Vercel), Bolt.new (chạy trực tiếp trên trình duyệt).
  • AI Coding Agents: Cursor / Claude Code / Antigravity AI Editor.
  • Cơ sở dữ liệu Cloud: Supabase (PostgreSQL Cloud miễn phí 100%).
  • Hosting & Triển khai: Vercel / Netlify Deploy 1-Click với chứng chỉ SSL.
✓ 100% công cụ có bản miễn phí hoặc mã nguồn mở.
🧩

2. Sản phẩm con từng bài

  • Bài 1-3: Bản đặc tả Spec 1 trang & Giao diện Web App tương tác (Dark Mode, Table lọc).
  • Bài 4-5: Database Supabase Cloud kết nối trực tiếp & Nút AI chấm điểm Lead tự động.
  • Bài 6-7: Khung bắt lỗi Toast đẹp mắt & Màn hình Đăng nhập phân quyền Admin/Nhân viên.
  • Bài 8: Link Web App chạy thật trên mạng Vercel có chứng chỉ SSL HTTPS.
✓ Mỗi bài học đều có sandbox data mẫu để test ngay.
🏆

3. Sản phẩm cuối khóa

1 Web App Quản trị nội bộ / Mini CRM hoàn chỉnh:

Ứng dụng web chạy online 24/7 trên Vercel, có cơ sở dữ liệu Supabase lưu trữ an toàn, tính năng AI nhúng thông minh và phân quyền Admin/Nhân viên cho cả công ty sử dụng.

⭐ Bàn giao sản phẩm có thể sử dụng thật ngay lập tức!
LỘ TRÌNH THỰC HÀNH TỪNG BƯỚC

8 bài học hoàn thiện sản phẩm

Đi tuần tự từng bước nhỏ để người đi làm lâu năm dễ dàng tiếp thu và làm ra kết quả.

01

Mô tả một công cụ chỉ có một chức năng

Mô tả một công cụ chỉ có một chức năng: thực hành với dữ liệu mẫu và tự kiểm tra đầu ra.

30 phút
02

Tạo bản thử nghiệm một trang trên máy

Tạo bản thử nghiệm một trang trên máy: thực hành với dữ liệu mẫu và tự kiểm tra đầu ra.

30 phút
03

Kiểm thử và hoàn thiện công cụ tra cứu

Kiểm thử và hoàn thiện công cụ tra cứu: thực hành với dữ liệu mẫu và tự kiểm tra đầu ra.

30 phút
04

4. Kết nối Cơ sở dữ liệu Cloud (Supabase / SQLite / Google Sheets)

Chuyển đổi ứng dụng từ lưu tạm trên máy cá nhân sang lưu trữ đám mây an toàn, chia sẻ cho nhiều người trong công ty cùng nhập liệu.

30 phút
05

5. Tích hợp Tính năng AI thông minh vào chính Ứng dụng của bạn

Biến Web App thông thường thành AI-Powered App: Tự động phân loại lead, gợi ý câu trả lời và tóm tắt nhu cầu khách hàng.

30 phút
06

6. Xử lý lỗi (Debugging) & Tối ưu mã nguồn cùng AI Coding Agent

Kỹ thuật 'Copy log lỗi ném cho AI' và bí quyết biến mọi thông báo lỗi khó hiểu thành mã nguồn hoạt động hoàn hảo.

30 phút
07

7. Bảo mật, Đăng nhập & Phân quyền người dùng nội bộ

Thiết lập trang Đăng nhập (Login), phân quyền Admin / Nhân viên để bảo vệ dữ liệu kinh doanh của công ty.

30 phút
08

8. Đưa Web App lên Internet (Deploy 1-Click) & Tên miền riêng

Đưa ứng dụng lên Vercel / Netlify chạy 24/7 hoàn toàn miễn phí, gắn tên miền riêng của doanh nghiệp và chia sẻ cho đội ngũ sử dụng.

30 phút
LỚP 05 Vibe Coding: Xây dựng Web App cùng AI Coding Agents (VS Code, Cline, Claude Code, Antigravity)
Tư vấn khóa Bắt đầu học ngay →