Khoá học thực chiến 2026 — Miễn phí 100%

Học tạo app bằng AI không cần biết lập trình

Vibe Coding là phương pháp lập trình mới được Andrej Karpathy (OpenAI, Tesla) giới thiệu năm 2025. Thay vì viết code, bạn mô tả ý tưởng bằng ngôn ngữ tự nhiên và để AI tạo ra ứng dụng. Khoá học này tổng hợp kiến thức vibe coding từ toàn thế giới, dịch hoàn toàn sang tiếng Việt — hoàn toàn miễn phí.

8
Mô-đun học
42
Prompt mẫu
18
Checklist bán app
15+
Công cụ AI
→ Bắt đầu học ngay
claude.ai — phiên làm việc
bạn@vibe:~$ Tạo một ứng dụng web để tính giá bán Shopee có lợi sau khi trừ phí sàn 3%, phí ship 25k
Đang hiểu yêu cầu. Tạo app HTML với 3 ô nhập liệu...
Thêm công thức tự động tính giá bán tối thiểu...
Highlight màu xanh/đỏ dựa theo mức lời...
✓ App hoàn chỉnh — copy đoạn code HTML bên dưới
bạn@vibe:~$
00 — Tốc độ học

8 Cấp độ vibe coding

Đường lối từ người mới bắt đầu đến chuyên gia AI — tất cả miễn phí

1
Starter
Nhận biết vibe coding
2
Beginner
Tạo app đơn giản
3
Elementary
Nắm vững nghệ thuật prompt
4
Pre-Intermediate
Lặp lại & cải thiện
5
Intermediate
App trung bình phức tạp
6
Upper-Intermediate
Tích hợp API
7
Advanced
Dự án lớn nhiều file
8
Expert
Marketing & bán app
01 — Lộ trình

8 Mô-đun đầy đủ

Tổng hợp kiến thức vibe coding từ toàn thế giới — 100% tiếng Việt — miễn phí tuyến

1
Starter — Hiểu về Vibe Coding
Tổng hợp kiến thức thế giới~60 phútStarter

Vibe Coding là gì?

Vibe Coding là phương pháp phát triển phần mềm sử dụng AI để tạo code từ yêu cầu bằng ngôn ngữ tự nhiên. Thuật ngữ này được Andrej Karpathy — nguyên nhân viên OpenAI và Tesla — phổ biến năm 2025 khi ông nói: "You just see stuff, say stuff, run it, vibe out and generate the code."

Nguồn gốc và lịch sử

  • 2025: Andrej Karpathy phổ biến thuật ngữ "vibe coding" trên X (Twitter cũ)
  • 2025: Microsoft ra mắt module "Introduction to Vibe Coding" trên Microsoft Learn
  • 2025: Coursera ra mắt chương trình "Vibe Coding Essentials" gồm 5 khoá học
  • 2025: Codecademy phát hành khoá "Intro to Vibe Coding"
  • 2026: Harvard Gazette xuất bản bài phân tích chuyên sâu về vibe coding
  • 2026: IBM, Tanium, Clarifai xuất bản hướng dẫn chi tiết cho doanh nghiệp

AI có thể làm gì?

  • Tạo code HTML, CSS, JavaScript từ mô tả ngôn ngữ tự nhiên
  • Thêm tính năng mới vào code cũ chỉ với một câu mô tả
  • Sửa lỗi bug và lỗi cú pháp tự động
  • Tối ưu hoá và tái cấu trúc (refactor) code
  • Dịch code sang ngôn ngữ lập trình khác
  • Tạo cấu trúc dự án lớn theo từng bước

AI không thể làm gì?

  • Không hiểu yêu cầu phức tạp nếu mô tả không rõ ràng
  • Có thể tạo code sai logic — luôn cần con người kiểm tra
  • Không thể thay thế hoàn toàn kiến thức kỹ thuật khi tích hợp nhiều hệ thống
  • Vẫn cần con người để test, xác minh và bảo trì
Bài 1: Vibe coding là gì — Lịch sử và nguồn gốc
đọc
Bài 2: AI có thể làm gì và không thể làm gì
đọc
Bài 3: Tại sao vibe coding phù hợp với người Việt
đọc
Bài 4: Thiết lập môi trường — trình duyệt, công cụ AI
thực hành
2
Beginner — Tạo App Đơn Giản
5 bài học + 3 thực hành~90 phútBeginner

Công cụ AI phổ biến nhất

  • Claude (Anthropic): Giỏi nhất để tạo app HTML, hiểu ngữ cảnh tốt, ít lỗi hơn các AI khác
  • ChatGPT (OpenAI): Xử lý nhanh, tốt cho prototype và ý tưởng ban đầu
  • Bolt.new: Tạo app web ngay trên trình duyệt, không cần cài đặt gì
  • v0.dev (Vercel): Chuyên tạo giao diện đẹp bằng AI
  • Cursor: IDE AI-first, nhiều tính năng mạnh cho dự án lớn
  • Replit: Hợp cho người mới, dễ sử dụng, có khoá học chính thức
  • Lovable: Tốt cho prototyping nhanh

Cấu trúc prompt cơ bản

Một prompt tốt cần có 3 thành phần cốt lõi:

  • Bối cảnh (Context): Cho AI biết bạn đang làm gì và mục đích là gì
  • Yêu cầu (Request): Nói rõ bạn muốn gì — càng cụ thể càng tốt
  • Ràng buộc (Constraints): Các yêu cầu kỹ thuật cụ thể (1 file HTML, không dùng thư viện ngoài...)

Ví dụ prompt cơ bản

Tạo một app HTML như một máy tính bỏ túi. Có các nút số 0–9, các phép toán cộng trừ nhân chia, và hiển thị kết quả. Thiết kế màu tối, chuyên nghiệp. Tất cả trong 1 file HTML duy nhất.
Bài 1: Giới thiệu 7 công cụ AI phổ biến nhất
đọc
Bài 2: Cấu trúc prompt cơ bản — Bối cảnh + Yêu cầu + Ràng buộc
đọc
Bài 3: Mô tả app bằng ngôn ngữ tự nhiên
đọc
Thực hành 1: Tạo máy tính bỏ túi
thực hành
Thực hành 2: Tạo ứng dụng đếm ngược
thực hành
Thực hành 3: Tạo trang giới thiệu bản thân
thực hành
3
Elementary — Nghệ thuật Viết Prompt
6 bài học + 4 thực hành~2 tiếngElementary

Kỹ thuật viết prompt hiệu quả

  • Bắt đầu chắc: Dùng cấu trúc "Tạo một [loại app] để [mục đích]"
  • Chi tiết hoá: Mô tả các tính năng cụ thể thay vì chung chung
  • Ví dụ cụ thể: Đưa ra ví dụ về đầu vào và đầu ra mong muốn
  • Ràng buộc kỹ thuật: Nói rõ về màu sắc, font chữ, responsive
  • Yêu cầu kiểm tra: Thêm câu "Hãy kiểm tra code trước khi trả về"

Kỹ thuật Iterate (Lặp lại và cải thiện)

Theo nguyên tắc của Karpathy, vibe coding là một quy trình lặp: yêu cầu → xem kết quả → yêu cầu chỉnh sửa → lặp lại. Các bước cụ thể:

  • Chạy code và xem kết quả thực tế
  • Nếu có lỗi, mô tả lỗi cho AI và yêu cầu sửa
  • Nếu chưa đúng ý, bổ sung chi tiết và yêu cầu lại
  • Lặp lại cho đến khi đạt kết quả mong muốn

Bốn loại prompt chính

  • Prompt tạo mới: "Tạo app từ đầu với các tính năng sau..."
  • Prompt cải thiện: "Hãy nâng cấp giao diện này đẹp hơn"
  • Prompt sửa lỗi: "App này bị lỗi [mô tả lỗi], hãy sửa"
  • Prompt thêm tính năng: "Hãy thêm tính năng [X] vào app trên"
Bài 1: 5 kỹ thuật viết prompt hiệu quả
đọc
Bài 2: Hiểu về quy trình Iterate
đọc
Bài 3: 4 loại prompt — tạo mới, cải thiện, sửa lỗi, thêm tính năng
đọc
Bài 4: Prompt cho giao diện đẹp — màu sắc, font, layout
đọc
Thực hành: Viết 5 prompt khác nhau cho cùng một app
thực hành
Thực hành: Iterate 3 lần để hoàn thiện một app
thực hành
4
Pre-Intermediate — Cải thiện và Hoàn thiện
5 bài học + 3 thực hành~2 tiếngPre-Intermediate

Cách đọc và hiểu code AI tạo ra

Theo khuyến nghị của các chuyên gia vibe coding, bạn nên:

  • Yêu cầu AI giải thích từng dòng code như đang nói với một lập trình viên mới
  • Sử dụng AI như gia sư: "Hãy đi qua hàm này từng dòng một"
  • Hỏi "Dòng code này làm gì?" để hiểu logic
  • Kiểm tra xem code có phù hợp với yêu cầu ban đầu không

Xử lý lỗi thường gặp

  • Lỗi NaN: Thường do nhập liệu không đúng định dạng — yêu cầu AI kiểm tra validation đầu vào
  • Giao diện bị vỡ trên điện thoại: Yêu cầu thêm "responsive cho mobile" vào prompt
  • Nút không hoạt động: Kiểm tra event listener, yêu cầu AI fix
  • Code quá dài: Yêu cầu AI tối ưu hoá, chia nhỏ thành hàm
  • Lỗi CORS khi gọi API: Yêu cầu AI thêm proxy hoặc dùng backend

Best practices từ thế giới

  • Chạy test và kiểm tra sau mỗi bước hoàn thiện
  • Commit sạch sẽ sau mỗi milestone quan trọng
  • Reset và refactor khi AI "bị lạc" trong context dài
  • Cung cấp đầy đủ ngữ cảnh khi bắt đầu phiên mới
Bài 1: Đọc và hiểu code — sử dụng AI như gia sư
đọc
Bài 2: 5 lỗi thường gặp và cách xử lý
đọc
Bài 3: Best practices — commit sạch, refactor
đọc
Bài 4: Quy trình kiểm tra chất lượng app
đọc
Thực hành: Sửa 5 lỗi khác nhau trong một app
thực hành
5
Intermediate — Xây App Trung Bình
6 bài học + 4 thực hành~2,5 tiếngIntermediate

Công thức 4 bước: Vấn đề → Tính năng → Prompt → App

Quy trình 4 bước được khuyến nghị cho app trung bình:

  • Vấn đề: Xác định vấn đề cụ thể cần giải quyết
  • Tính năng: Liệt kê các tính năng cần thiết
  • Prompt: Viết prompt chi tiết cho từng tính năng
  • App: Tổng hợp và kiểm tra toàn bộ

Các loại app trung bình phổ biến

  • Calculator: Tính toán với nhiều đầu vào — giá bán, lợi nhuận, chi phí
  • Generator: Tạo nội dung từ template — mô tả sản phẩm, kịch bản
  • Tracker: Theo dõi dữ liệu theo thời gian — thu chi, tiến độ
  • Dashboard: Hiển thị dữ liệu trực quan — biểu đồ, thống kê
  • CRUD: Thêm, đọc, sửa, xoá dữ liệu

Lưu trữ dữ liệu không cần database

  • localStorage: Lưu trữ trên trình duyệt, dùng qua lần đóng mở
  • sessionStorage: Lưu trữ trong một phiên làm việc
  • IndexedDB: Lưu trữ nhiều dữ liệu cấu trúc hơn
Bài 1: Công thức 4 bước — Vấn đề, Tính năng, Prompt, App
đọc
Bài 2: Các loại app trung bình — Calculator, Generator, Tracker
đọc
Bài 3: Lưu trữ dữ liệu — localStorage, sessionStorage
đọc
Thực hành: App tính giá bán Shopee
thực hành
Thực hành: App theo dõi thu chi
thực hành
Thực hành: App quản lý đơn hàng
thực hành
6
Upper-Intermediate — Tích hợp API
5 bài học + 3 thực hành~2,5 tiếngUpper-Intermediate

Tích hợp AI API vào app

Bạn có thể thêm khả năng AI vào app HTML của mình qua ba nhà cung cấp chính:

  • OpenAI API (GPT-4o): Mạnh nhất nhưng chi phí cao
  • Claude API (Anthropic): Cân bằng giữa chất lượng và chi phí
  • Gemini API (Google): Của Google, có free tier rộng rãi

Cách tích hợp (không cần backend)

const response = await fetch('https://api.openai.com/v1/chat/completions', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
    'Authorization': 'Bearer ' + apiKey
  },
  body: JSON.stringify({
    model: 'gpt-4o-mini',
    messages: [{role: 'user', content: userInput}]
  })
});

Lưu ý quan trọng về bảo mật

  • API key phải do người dùng tự nhập và lưu trong localStorage của họ
  • Không gửi API key về server bên thứ ba
  • Xử lý lỗi: hết quota, key sai, mất mạng
  • Hiển thị loading spinner khi đang gọi API
Bài 1: Giới thiệu API — OpenAI, Claude, Gemini
đọc
Bài 2: Cách gọi API từ frontend (không cần backend)
đọc
Bài 3: Bảo mật — lưu API key, xử lý lỗi
đọc
Thực hành: App chat với AI
thực hành
Thực hành: App phân tích văn bản bằng AI
thực hành
7
Advanced — Dự án Lớn Nhiều File
6 bài học + 4 thực hành~3 tiếngAdvanced

Quản lý dự án lớn với AI

Dự án lớn cần hoạch định kỹ lưỡng hơn:

  • Chia nhỏ: Phân ra nhiều file HTML, mỗi file một tính năng
  • Kế hoạch: Danh sách tất cả tính năng trước khi bắt đầu
  • Tiến độ: Làm từng phần nhỏ, kiểm tra từng bước
  • Tổng hợp: Nối các phần lại vào một hệ thống hoàn chỉnh

Các dự án lớn thường gặp

  • E-commerce: Giỏ hàng, thanh toán, quản lý sản phẩm
  • SaaS: Dashboard, subscription, báo cáo phân tích
  • Social: Forum, chat, bình luận
  • Education: Khoá học, quiz, theo dõi tiến độ

Công cụ tốt nhất cho dự án nhiều file

  • Bolt.new: Hỗ trợ nhiều file tốt nhất, chạy trên trình duyệt
  • Cursor: IDE đầy đủ, làm việc với project lớn
  • Replit: Dễ quản lý và deploy
Bài 1: Quản lý dự án lớn — chia nhỏ, kế hoạch, tiến độ
đọc
Bài 2: Các loại dự án lớn — E-commerce, SaaS, Social
đọc
Bài 3: Làm việc với nhiều file — Bolt, Cursor, Replit
đọc
Bài 4: Tích hợp các phần — cấu trúc dự án chuẩn
đọc
Thực hành: Xây dashboard quản lý (nhiều file)
thực hành
Thực hành: Xây landing page + app kết hợp
thực hành
8
Expert — Marketing và Bán App
6 bài học + 4 thực hành~2 tiếngExpert

Xác nhận ý tưởng trước khi làm

Theo các chuyên gia, trước khi xây app, bạn nên:

  • Hỏi 10 người xem họ có gặp vấn đề này không
  • Kiểm tra xem đã có app nào giải quyết vấn đề này chưa
  • Nếu có, app của bạn có gì khác biệt và vượt trội hơn?
  • Bạn có thể thu về doanh thu đầu tiên trong 6 tuần không?

Định giá app

  • Đơn giản: 50.000 – 200.000 VNĐ (tính năng cơ bản)
  • Trung bình: 200.000 – 500.000 VNĐ (nhiều tính năng)
  • Phức tạp: 500.000 – 2.000.000 VNĐ (tích hợp nhiều hệ thống)
  • Enterprise: 2.000.000+ VNĐ (quy mô doanh nghiệp)

Kênh bán hàng phổ biến

  • Fiverr: Thị trường freelance quốc tế, thu ngoại tệ
  • Facebook Group: Nhóm lập trình Việt Nam, tiếp cận nhanh
  • Zalo OA: Bán hàng nhanh cho người Việt
  • TikTok: Demo video ngắn, thu hút khách hàng tự nhiên
  • Website riêng: Landing page chuyên nghiệp
Bài 1: Xác nhận ý tưởng — 4 bước kiểm tra trước khi làm
đọc
Bài 2: Định giá app — 4 mức giá phổ biến
đọc
Bài 3: Kênh bán hàng — Fiverr, Facebook, Zalo, TikTok
đọc
Bài 4: Tạo landing page bán app chuyên nghiệp
video
Thực hành: Viết nội dung marketing cho app
thực hành
Thực hành: Tạo video demo TikTok 60 giây
thực hành
02 — Thư viện Prompt

Kho 42 Prompt Mẫu

Copy và dán thẳng vào Claude, ChatGPT, Gemini — chỉnh theo ý bạn là xong. Tất cả miễn phí, không cần Pro.

03 — Thực hành

Khu vực Luyện tập

Bài thử thách thực tế và công cụ tạo prompt tự động. Không giới hạn, không cần Pro.

Thử thách
Tạo Prompt
Checklist
Ví dụ thực tế
App Tính Giá Bán Shopee
Dễ
Tạo app nhập: giá vốn, tỷ lệ lời mong muốn, phí sàn (%), phí ship. App tự tính ra giá bán tối thiểu và hiển thị lời thực tế bằng màu sắc.
HTMLCalculatorColor UI
Generator Mô Tả Sản Phẩm
Dễ
App nhập tên sản phẩm, tính năng chính, đối tượng khách hàng → tự động tạo 3 phiên bản mô tả để đăng lên Shopee/TikTok.
TemplateCopy clipboard
Theo Dõi Thu Chi Cá Nhân
Trung bình
App ghi lại thu/chi hàng ngày, lưu dữ liệu trong trình duyệt, hiển thị biểu đồ tổng quan theo tuần/tháng và cảnh báo khi vượt ngân sách.
localStorageChartFilter
Lên Kịch Bản Video TikTok
Trung bình
App nhập sản phẩm cần quảng bá, thời lượng video, phong cách (hài hước/chuyên nghiệp/kể chuyện) → sinh kịch bản TikTok hoàn chỉnh theo từng giây.
AI APITemplateExport
Dashboard Quản Lý Đơn Hàng
Khó
Bảng quản lý đơn hàng hoàn chỉnh: thêm/xoá/cập nhật trạng thái, tổng doanh thu, lọc theo ngày/trạng thái, export CSV.
CRUDlocalStorageExport CSV
Ứng dụng Chat với AI
Khó
App chat như ChatGPT: nhập câu hỏi, gọi API OpenAI/Claude, hiển thị trả lời, lưu lịch sử cuộc hội thoại trong localStorage.
APIStreaminglocalStorage
Hệ Thống Quiz Học Tập
Trung bình
App tạo bộ câu hỏi, người dùng trả lời, chấm điểm, hiển thị kết quả, lưu lịch sử thi trong localStorage, có biểu đồ thống kê.
QuizScoreChart
App Tìm Kiếm và So Sánh Giá
Khó
App nhập từ khoá, hiển thị kết quả tìm kiếm sản phẩm với hình ảnh, giá, số sao, link dẫn đến sản phẩm. Có bộ lọc theo giá và danh mục.
APISearchCards

Điền vào các ô bên dưới — công cụ sẽ tự ghép thành một prompt tối ưu để paste vào AI.

Loại app
Ngành / Lĩnh vực
Mô tả tính năng chính (tự do)
Màu giao diện
Độ phức tạp
Prompt được tạo — copy và paste vào Claude / ChatGPT
Điền thông tin bên trên để tạo prompt...
Checklist trước khi bán app
0 / 18 hoàn thành
Chất lượng app
App chạy được trên Chrome, Firefox, Edge
App hiển thị đúng trên điện thoại (responsive)
Không có lỗi console khi mở Developer Tools
Giao diện gọn gàng, chữ dễ đọc
Tất cả nút bấm đều hoạt động đúng
Nội dung bán hàng
Đã viết tiêu đề mô tả rõ app làm gì
Có ảnh screenshot hoặc video demo
Đã nêu rõ "app giải quyết vấn đề gì" trong mô tả
Có hướng dẫn cách dùng đính kèm
Định giá & phân phối
Đã tham khảo giá app tương tự trên thị trường
Có bản demo/dùng thử miễn phí để khách test
Kênh bán hàng đã sẵn sàng (web/Zalo/Telegram)
Marketing
Đã đăng demo vào ít nhất 1 nhóm Facebook liên quan
Có video TikTok/Reels demo app trong 60 giây
Đã nhờ ít nhất 3 người dùng thử và lấy feedback
Có landing page để giới thiệu app
Đã có chính sách bảo hành/hoàn tiền rõ ràng
Đã test quy trình mua hàng từ đầu đến cuối

Ví dụ 1: Plywood Cutting Visualizer

Một ứng dụng web giúp người dùng trực quan hoá cách cắt gỗ. Được xây bằng vibe coding, người dùng chỉ cần nhập kích thước và AI tạo ra giao diện trực quan để xem cách cắt tối ưu, tiết kiệm nguyên liệu.

Ví dụ 2: Resume Scoring Agent

Ứng dụng AI phân tích CV và chấm điểm theo các tiêu chí: kỹ năng, kinh nghiệm, format. Người dùng tải lên CV, AI trả về điểm và gợi ý cải thiện cụ thể theo từng mục.

Ví dụ 3: Portfolio Website

Trang web cá nhân mà lập trình viên mới có thể tạo bằng vibe coding. Chỉ cần mô tả phong cách, màu sắc, nội dung, AI sẽ tạo ra portfolio chuyên nghiệp trong vài phút.

Ví dụ 4: Admin Dashboard cho Supabase

Bảng quản lý dữ liệu sử dụng Supabase làm backend. Vibe coding giúp tạo giao diện CRUD nhanh chóng, không cần viết nhiều code backend phức tạp.

Ví dụ 5: Messaging and Tracking Web App

Một ứng dụng nhắn tin và theo dõi phức tạp, được vibe coded bởi người không phải lập trình viên. Dự án này mất 1 tuần và chi phí rất thấp để xây dựng hoàn chỉnh.

04 — Tài nguyên

Công cụ cần biết

Những AI và công cụ bạn sẽ dùng thường xuyên nhất. Tất cả miễn phí hoặc có free tier.

🤖
Claude (Anthropic)
AI giỏi nhất để tạo app HTML. Hiểu ngữ cảnh tốt, code ít lỗi hơn, có thể xử lý app phức tạp trong 1 prompt.
💬
ChatGPT (OpenAI)
Lựa chọn thay thế tốt. GPT-4o xử lý nhanh, tốt cho prototype nhanh và ý tưởng ban đầu.
Bolt.new
Tạo app web ngay trên trình duyệt, không cần cài đặt gì. Tốt cho app phức tạp cần nhiều file.
🎨
v0 by Vercel
Chuyên tạo giao diện đẹp bằng AI. Paste prompt là ra component React/HTML ngay lập tức.
⌨️
Cursor
IDE AI-first được xây trên VS Code. Nhiều tính năng mạnh, phù hợp cho dự án lớn.
🔄
Replit
Công cụ lập trình hợp tác, dễ sử dụng cho người mới. Có khoá học vibe coding chính thức.
💖
Lovable
Tốt cho prototyping nhanh. Giao diện dễ sử dụng, phù hợp cho người bắt đầu.
💎
Gemini (Google)
AI từ Google, có free tier rộng. Tốt để tạo nội dung đa phương tiện.
🐙
GitHub Copilot
AI assistant cho VS Code. Hỗ trợ viết code, tạo comment, giải thích code trực tiếp trong editor.
📦
Electron
Đóng gói file HTML thành app .exe chạy Windows. Chuyên nghiệp, nhiều app lớn dùng.
📱
Capacitor
Đóng gói HTML thành app Android (.apk) và iOS. Cách phổ biến nhất để tạo app mobile từ web.
🔥
Supabase
Backend as a Service miễn phí. Hỗ trợ database, authentication, storage cho app web.
05 — Giới thiệu

Về khoá học

Tổng hợp từ toàn thế giới

Khoá học này tổng hợp kiến thức vibe coding từ các nguồn uy tín nhất thế giới:

100% tiếng Việt — miễn phí

Khoá học được dịch hoàn toàn sang tiếng Việt, phù hợp với người Việt. Không có phí Pro, không có giới hạn. Tất cả nội dung đều có sẵn cho bạn học và thực hành ngay.

Cập nhật liên tục

Chúng tôi cập nhật khoá học theo xu hướng vibe coding mới nhất trên thế giới, đảm bảo bạn luôn có kiến thức hiện tại nhất.