VC-WEB Từ ý tưởng đến website chạy thật trên tên miền riêng

Vibe Code Web cấp tốc với AI Agent — Xây và triển khai sản phẩm web end-to-end cùng Claude Code

Không cần biết code trước. Bạn học cách ra lệnh cho AI agent như một trưởng nhóm kỹ thuật: phân tích nghiệp vụ, chọn kiến trúc, thiết kế dữ liệu và API, dựng giao diện, kiểm thử, đóng gói Docker, đưa lên server có HTTPS — rồi vận hành.

Tặng 5 ebook trị giá 5.000.000đKho ebook CyberSoft + nhóm Zalo hỗ trợ trọn đời
Thời lượng8 buổi
Mỗi buổi2,5 giờ · 2 buổi/tuần
Dành choNgười mới, trái ngành, dev
Sản phẩmWeb chạy thật + tên miền
Gọi món tại quầyVibe Code Web AI Agent — màn hình Gọi món tại quầy
Báo cáo ca & doanh thuVibe Code Web AI Agent — màn hình Báo cáo ca & doanh thu
Tổng quan doanh thuVibe Code Web AI Agent — màn hình Tổng quan doanh thu
Rê chuột để xem nhanh sản phẩm
Công cụ trong khoá
ClaudeNode.jsExpressPostgreSQLDockerGitHubGitHub ActionsVisual Studio CodeVercelNGINX
Tổng quan khoá họcVC-WEB

Vibe Code Web AI Agent là gì?

Vibe Code Web cấp tốc với AI Agent là khoá 8 buổi (2,5 giờ/buổi, 2 buổi/tuần) của CyberSoft dạy xây một sản phẩm web hoàn chỉnh bằng AI agent Claude Code, đi đúng thứ tự một dự án ngoài đời: công cụ → luật cho AI → nghiệp vụ → kiến trúc → dữ liệu → API → an toàn → giao diện → kiểm thử → đóng gói → server thật → vận hành. Trên lớp, cả lớp cùng dựng một hệ thống bán hàng cho quán cà phê; kiến trúc, quy trình và tư duy được giải thích kỹ để học viên áp dụng cho dự án riêng hoặc dự án nhận từ khách hàng.

Cập nhật 10/2026 · CyberSoft Academy Tư vấn khoá này
Thời lượng
8 buổi · 2,5 giờ/buổi · 2 buổi / tuần
Dành cho
Người mới, trái ngành, dev
Đầu vào
Biết dùng AI · Claude Pro trở lên
Hình thức
Online · Tại CyberSoft
Sản phẩm cuối khoá
Web chạy thật + tên miền
Lịch học
Tối 19h00 – 21h30 · T7, CN 9h00 – 11h30 / 14h30 – 17h00

Được tin chọn bởi các tập đoàn, doanh nghiệp nhà nước & tư nhân

Ban Quản Lý Dự Án Đầu Tư Xây Dựng Các Công Trình Giao Thông Và Nông Nghiệp
Chi nhánh Thành phố Hồ Chí Minh - Công ty CP Thiết bị xăng dầu Petroliex
CÔNG TY TNHH IMPLANT NHA KHOA I-DENT
Công Ty Bay Dịch Vụ Hàng Không (VASCO)
Công Ty Cổ Phần Regal Group
Công Ty Cổ Phần Thương Mại VISTA Sài Gòn
Công Ty Cổ Phần Vàng Bạc Đá Quý Phú Nhuận (PNJ) - Chi nhánh Đà Nẵng
Công Ty Cổ Phần Xi Măng VICEM Hà Tiên - Chi nhánh Hồ Tùng Mậu
Công Ty TNHH Khoan Sản Xuất TM&DV Tiên Phong (Lê Phong  Lê Phúc)
Công Ty TNHH Kỹ Thuật Sao Mới (NOVAS)
Công Ty TNHH TPR Việt Nam
Công Ty TNHH Đầu Tư Và Xây Dựng PHCONS
Công Ty Điện Lực Chợ Lớn
Công Ty Đầu Tư Và Khai Thác Hạ Tầng Khu Công Nghiệp Đông Xuyên Và Phú Mỹ I Tỉnh Bà Rịa - Vũng Tàu (IZICO)
Công ty Cổ Phần Nam Long Mekong
Công ty Cổ Phần Thủy Điện Buôn Đôn
Công ty Cổ phần Chăn nuôi C.P. Việt Nam
Công ty Cổ phần Daikin Air Conditioning (Daikin)
Công ty Cổ phần E-Study School
Công ty Cổ phần Gallant Ocean Việt Nam (Gallant Ocean)
Công ty Cổ phần Giáo dục iSMART
Công ty Cổ phần Giải pháp Sợi Thông Minh (STS)
Công ty Cổ phần Thương mại Dịch vụ Quận 3 (Setra3)
Công ty Cổ phần Tập đoàn Bình Minh Việt
Công ty Cổ phần Tập đoàn Intimex (Intimex Group)
Công ty Cổ phần Xây dựng An Phong
Công ty Cổ phần Xây dựng và Sản xuất VLXD Biên Hòa (BBCC)
Công ty TNHH Dezan Shira và Cộng sự Việt Nam
Công ty TNHH Gia sư ETeacher
Công ty TNHH Giấy Kraft Vina (Kraft VINA - SCGP Thái Lan)
Công ty TNHH InCorp Việt Nam
Công ty TNHH Kỹ thuật Tín Phát Đồng Nai
Công ty TNHH Thép Tây Đô
Công ty TNHH Thương mại - Dịch vụ Uninet
Công ty Cổ phần Đường sắt Sài Gòn
Ban Quản Lý Dự Án Đầu Tư Xây Dựng Các Công Trình Giao Thông Và Nông Nghiệp
Chi nhánh Thành phố Hồ Chí Minh - Công ty CP Thiết bị xăng dầu Petroliex
CÔNG TY TNHH IMPLANT NHA KHOA I-DENT
Công Ty Bay Dịch Vụ Hàng Không (VASCO)
Công Ty Cổ Phần Regal Group
Công Ty Cổ Phần Thương Mại VISTA Sài Gòn
Công Ty Cổ Phần Vàng Bạc Đá Quý Phú Nhuận (PNJ) - Chi nhánh Đà Nẵng
Công Ty Cổ Phần Xi Măng VICEM Hà Tiên - Chi nhánh Hồ Tùng Mậu
Công Ty TNHH Khoan Sản Xuất TM&DV Tiên Phong (Lê Phong  Lê Phúc)
Công Ty TNHH Kỹ Thuật Sao Mới (NOVAS)
Công Ty TNHH TPR Việt Nam
Công Ty TNHH Đầu Tư Và Xây Dựng PHCONS
Công Ty Điện Lực Chợ Lớn
Công Ty Đầu Tư Và Khai Thác Hạ Tầng Khu Công Nghiệp Đông Xuyên Và Phú Mỹ I Tỉnh Bà Rịa - Vũng Tàu (IZICO)
Công ty Cổ Phần Nam Long Mekong
Công ty Cổ Phần Thủy Điện Buôn Đôn
Công ty Cổ phần Chăn nuôi C.P. Việt Nam
Công ty Cổ phần Daikin Air Conditioning (Daikin)
Công ty Cổ phần E-Study School
Công ty Cổ phần Gallant Ocean Việt Nam (Gallant Ocean)
Công ty Cổ phần Giáo dục iSMART
Công ty Cổ phần Giải pháp Sợi Thông Minh (STS)
Công ty Cổ phần Thương mại Dịch vụ Quận 3 (Setra3)
Công ty Cổ phần Tập đoàn Bình Minh Việt
Công ty Cổ phần Tập đoàn Intimex (Intimex Group)
Công ty Cổ phần Xây dựng An Phong
Công ty Cổ phần Xây dựng và Sản xuất VLXD Biên Hòa (BBCC)
Công ty TNHH Dezan Shira và Cộng sự Việt Nam
Công ty TNHH Gia sư ETeacher
Công ty TNHH Giấy Kraft Vina (Kraft VINA - SCGP Thái Lan)
Công ty TNHH InCorp Việt Nam
Công ty TNHH Kỹ thuật Tín Phát Đồng Nai
Công ty TNHH Thép Tây Đô
Công ty TNHH Thương mại - Dịch vụ Uninet
Công ty Cổ phần Đường sắt Sài Gòn
Công ty Cổ phần Daikin Air Conditioning (Daikin)
Công ty Cổ phần E-Study School
Công ty Cổ phần Gallant Ocean Việt Nam (Gallant Ocean)
Công ty Cổ phần Giáo dục iSMART
Công ty Cổ phần Giải pháp Sợi Thông Minh (STS)
Công ty Cổ phần Thương mại Dịch vụ Quận 3 (Setra3)
Công ty Cổ phần Tập đoàn Bình Minh Việt
Công ty Cổ phần Tập đoàn Intimex (Intimex Group)
Công ty Cổ phần Xây dựng An Phong
Công ty Cổ phần Xây dựng và Sản xuất VLXD Biên Hòa (BBCC)
Công ty TNHH Dezan Shira và Cộng sự Việt Nam
Công ty TNHH Gia sư ETeacher
Công ty TNHH Giấy Kraft Vina (Kraft VINA - SCGP Thái Lan)
Công ty TNHH InCorp Việt Nam
Công ty TNHH Kỹ thuật Tín Phát Đồng Nai
Công ty TNHH Thép Tây Đô
Công ty TNHH Thương mại - Dịch vụ Uninet
Công ty Cổ phần Đường sắt Sài Gòn
Ban Quản Lý Dự Án Đầu Tư Xây Dựng Các Công Trình Giao Thông Và Nông Nghiệp
Chi nhánh Thành phố Hồ Chí Minh - Công ty CP Thiết bị xăng dầu Petroliex
CÔNG TY TNHH IMPLANT NHA KHOA I-DENT
Công Ty Bay Dịch Vụ Hàng Không (VASCO)
Công Ty Cổ Phần Regal Group
Công Ty Cổ Phần Thương Mại VISTA Sài Gòn
Công Ty Cổ Phần Vàng Bạc Đá Quý Phú Nhuận (PNJ) - Chi nhánh Đà Nẵng
Công Ty Cổ Phần Xi Măng VICEM Hà Tiên - Chi nhánh Hồ Tùng Mậu
Công Ty TNHH Khoan Sản Xuất TM&DV Tiên Phong (Lê Phong  Lê Phúc)
Công Ty TNHH Kỹ Thuật Sao Mới (NOVAS)
Công Ty TNHH TPR Việt Nam
Công Ty TNHH Đầu Tư Và Xây Dựng PHCONS
Công Ty Điện Lực Chợ Lớn
Công Ty Đầu Tư Và Khai Thác Hạ Tầng Khu Công Nghiệp Đông Xuyên Và Phú Mỹ I Tỉnh Bà Rịa - Vũng Tàu (IZICO)
Công ty Cổ Phần Nam Long Mekong
Công ty Cổ Phần Thủy Điện Buôn Đôn
Công ty Cổ phần Chăn nuôi C.P. Việt Nam
Công ty Cổ phần Daikin Air Conditioning (Daikin)
Công ty Cổ phần E-Study School
Công ty Cổ phần Gallant Ocean Việt Nam (Gallant Ocean)
Công ty Cổ phần Giáo dục iSMART
Công ty Cổ phần Giải pháp Sợi Thông Minh (STS)
Công ty Cổ phần Thương mại Dịch vụ Quận 3 (Setra3)
Công ty Cổ phần Tập đoàn Bình Minh Việt
Công ty Cổ phần Tập đoàn Intimex (Intimex Group)
Công ty Cổ phần Xây dựng An Phong
Công ty Cổ phần Xây dựng và Sản xuất VLXD Biên Hòa (BBCC)
Công ty TNHH Dezan Shira và Cộng sự Việt Nam
Công ty TNHH Gia sư ETeacher
Công ty TNHH Giấy Kraft Vina (Kraft VINA - SCGP Thái Lan)
Công ty TNHH InCorp Việt Nam
Công ty TNHH Kỹ thuật Tín Phát Đồng Nai
Công ty TNHH Thép Tây Đô
Công ty TNHH Thương mại - Dịch vụ Uninet
Công ty Cổ phần Đường sắt Sài Gòn
Ban Quản Lý Dự Án Đầu Tư Xây Dựng Các Công Trình Giao Thông Và Nông Nghiệp
Chi nhánh Thành phố Hồ Chí Minh - Công ty CP Thiết bị xăng dầu Petroliex
CÔNG TY TNHH IMPLANT NHA KHOA I-DENT
Công Ty Bay Dịch Vụ Hàng Không (VASCO)
Công Ty Cổ Phần Regal Group
Công Ty Cổ Phần Thương Mại VISTA Sài Gòn
Công Ty Cổ Phần Vàng Bạc Đá Quý Phú Nhuận (PNJ) - Chi nhánh Đà Nẵng
Công Ty Cổ Phần Xi Măng VICEM Hà Tiên - Chi nhánh Hồ Tùng Mậu
Công Ty TNHH Khoan Sản Xuất TM&DV Tiên Phong (Lê Phong  Lê Phúc)
Công Ty TNHH Kỹ Thuật Sao Mới (NOVAS)
Công Ty TNHH TPR Việt Nam
Công Ty TNHH Đầu Tư Và Xây Dựng PHCONS
Công Ty Điện Lực Chợ Lớn
Công Ty Đầu Tư Và Khai Thác Hạ Tầng Khu Công Nghiệp Đông Xuyên Và Phú Mỹ I Tỉnh Bà Rịa - Vũng Tàu (IZICO)
Công ty Cổ Phần Nam Long Mekong
Công ty Cổ Phần Thủy Điện Buôn Đôn
Công ty Cổ phần Chăn nuôi C.P. Việt Nam
Vì sao bạn cần khoá này

Có ý tưởng, hiểu nghiệp vụ — cần sản phẩm chạy thật, nhanh

Vibe Code dành cho người muốn tự xây nhanh công cụ cho công ty, hệ thống quản lý vừa và nhỏ, hay dự án cho khách hàng — thay vì thuê ngoài tốn thời gian và chi phí. Muốn đổi nghề thành lập trình viên chuyên sâu? CyberSoft có lộ trình Lập trình bài bản riêng — hai con đường bổ trợ cho nhau.

  • Thuê ngoài tốn thời gian, chi phíMỗi thay đổi nhỏ lại chờ báo giá, chờ lịch — trong khi bạn hiểu nghiệp vụ hơn ai hết.
  • Demo AI đẹp, chạy thật thì vỡKhông phân quyền, không kiểm thử, không sao lưu — một lỗi là mất dữ liệu khách hàng.
  • Có công cụ nhưng không làm chủKhông hiểu kiến trúc thì không sửa, không mở rộng, không bàn giao được cho ai.

Chọn đúng con đường cho mục tiêu của bạn

Ra sản phẩmLàm chủChạy bền
Vibe Code có kiến trúcCho người có ý tưởng & nghiệp vụ: sản phẩm công ty, dự án vừa và nhỏ cho khách hàng — 8 buổi
Lập trình chuyên sâuCho người đổi nghề lập trình viên: hiểu và viết mã sâu — lộ trình Lập trình của CyberSoft
Thuê ngoài làm webNhanh có bản đầu, nhưng mỗi thay đổi đều phụ thuộc và tốn thêm
Tự gõ prompt không quy trìnhRa demo trong vài giờ, vỡ khi có người dùng thật
Muốn đổi nghề lập trình viên chuyên sâu? Xem lộ trình Lập trình →
Dành cho ai

Khoá học dành cho bạn

AI viết mã rất nhanh — nhưng sản phẩm chỉ chạy bền khi người điều khiển hiểu kiến trúc. Khoá học dạy cả hai: vibe để đi nhanh, hiểu để đi xa.

  • Người chưa biết code, trái ngànhMuốn tự làm ra sản phẩm web thật, có hồ sơ để đi làm hoặc nhận dự án.
  • Chủ shop, chủ quán, người khởi nghiệpMuốn tự xây công cụ quản lý bán hàng, đặt lịch, khách hàng — thay cho giấy và Excel.
  • Lập trình viênMuốn tăng tốc gấp nhiều lần bằng AI agent mà vẫn giữ chất lượng, bảo mật, kiến trúc.
  • Freelancer, người muốn tăng thu nhậpMuốn nhận làm web cho khách hàng với quy trình bài bản, có bàn giao và vận hành.

Đầu vào của khoá

  • Biết dùng các công cụ AI cơ bản: ChatGPT, Claude, Gemini… (đặt câu hỏi, đưa tài liệu, đọc kết quả).
  • Có tài khoản Claude gói Pro trở lên (Pro / Max) để dùng Claude Code suốt khoá.
  • Máy tính cá nhân (Windows/macOS), cài được phần mềm; có tài khoản GitHub (được hướng dẫn tạo ngay đầu khoá).
  • Không cần biết lập trình trước — nhưng cần sẵn sàng đọc, hỏi và hiểu những gì AI viết ra.
Kiểm tra đầu vào cùng tư vấn viên
Hiểu ngọn ngành, end-to-end

Setup → Thực thi → Vibe code → Triển khai

4 chặng của mọi dự án — mỗi chặng có việc cụ thể, công cụ cụ thể và đầu ra nhìn thấy được.

01

Setup

Cài Node.js, Git, VS Code, Claude Code; tạo repo GitHub; viết CLAUDE.md, settings.json, skill đầu tiên.

Đầu raMáy sẵn sàng + khung dự án chuẩn
02

Thực thi

Phỏng vấn nghiệp vụ, viết use case, chọn mức kiến trúc, thiết kế dữ liệu và API trước khi có dòng mã nào.

Đầu raĐặc tả + sơ đồ kiến trúc + ERD
03

Vibe code

Explore → Plan → Code → Verify: agent viết backend, giao diện, phân quyền, test; bạn duyệt và đòi bằng chứng.

Đầu raWeb chạy trên máy, test xanh
04

Triển khai

Đóng gói Docker, đưa lên Vercel hoặc VPS, trỏ tên miền, bật HTTPS, CI/CD, giám sát và sao lưu.

Đầu raWeb thật trên tên miền riêng
Kiến trúc & cấu hình

Hiểu cấu trúc dự án & cấu hình Claude Code đến tận gốc

Mỗi tệp, mỗi thư mục đều được giải thích: vì sao có, ai đọc, khi nào sửa — để bạn tự dựng lại cho dự án khác.

coffee-pos/
📄 CLAUDE.mdLuật dự án dưới 40 dòng: công nghệ, lệnh, quy ước, điều cấm
📁 .claude/Cấu hình Claude Code của dự án
📄 settings.jsonQuyền allow / ask / deny — commit cho cả nhóm
📄 settings.local.jsonCấu hình riêng máy bạn — không commit
📁 commands//soat-truoc-khi-day, /doi-bang-chung
📁 skills/them-man-hinh/Skill tự được gọi khi thêm màn hình mới
📄 agents/soat-bao-mat.mdSubagent rà bảo mật, chỉ được đọc
📁 docs/Bộ nhớ dài hạn: use case, ADR, sơ đồ dữ liệu, API
📁 src/Backend: routes → services → repositories
📁 public/Giao diện: component, trang, gọi API
📁 tests/Kiểm thử nghiệp vụ lõi
📄 docker-compose.ymlChạy cả hệ thống bằng một lệnh
📁 .github/workflows/CI/CD: kiểm thử → build → triển khai
📄 .env.exampleMẫu biến môi trường — .env thật không bao giờ commit

Claude Code lấy ngữ cảnh từ đâu, lưu ở đâu?

  • CLAUDE.md — luật của dự ánNạp tự động đầu mỗi phiên theo 3 tầng: ~/.claude/CLAUDE.md (của riêng bạn) → CLAUDE.md gốc dự án (cả nhóm dùng chung) → CLAUDE.md trong thư mục con.
  • .claude/ — cấu hình dự ánsettings.json khai quyền allow / ask / deny và hook (commit lên Git); settings.local.json cho riêng máy bạn (không commit).
  • Skill, slash command, subagentChỉ phần mô tả nằm sẵn trong ngữ cảnh; nội dung đầy đủ được nạp khi đúng việc — có nhiều skill mà không tốn token.
  • Mã nguồn & lệnhClaude không nạp cả repo: chủ động tìm (Glob, Grep), đọc tệp, chạy lệnh rồi đọc kết quả. Muốn chỉ định thì gắn @tên-tệp.
  • MCP — nối công cụ ngoàiTrình duyệt (Playwright), GitHub, cơ sở dữ liệu, Figma… để agent nhìn dữ liệu thật thay vì đoán.
  • Lịch sử hội thoạiLưu cục bộ dạng JSONL trong ~/.claude/projects/<dự án>/ — mở lại bằng claude --continue hoặc --resume; không nằm trong repo.
  • Checkpoint, Git & GitHubEsc Esc hoặc /rewind để quay lại bước trước; Git + GitHub mới là nơi lưu trữ, đồng bộ bền vững và làm việc nhóm qua nhánh, pull request.
  • Prompt cache & context windowPhần đầu ngữ cảnh ổn định được cache tự động. Giữ CLAUDE.md gọn, /compact khi hội thoại dài, /clear khi đổi việc — nhanh và tiết kiệm hơn.

Bạn muốn áp dụng Vibe Code Web AI Agent cho dự án của mình?

Tư vấn viên nghe ý tưởng của bạn, gợi ý phạm vi phù hợp để làm trong và sau khoá — miễn phí.

Tư duy như một lập trình viên

Người mới vibe khác người hiểu nghề ở đâu?

Sáu chỗ quyết định sản phẩm chạy bền hay vỡ — khoá học rèn đúng những chỗ này.

01Giao việc

Bảo AI "làm cho tôi web bán hàng" rồi chờ

Viết use case + tiêu chí chấp nhận, bật plan mode, duyệt kế hoạch trước khi code

02Kiến trúc

Để AI tự chọn công nghệ, mỗi lần một kiểu

Chọn 1 trong 4 mức kiến trúc theo quy mô, ghi quyết định bằng ADR

03Phân quyền

Ẩn nút trên giao diện là xong

Kiểm quyền ở API và tầng dữ liệu; tự "tấn công" thử bằng đổi id trên URL

04Kiểm chứng

Tin câu "tôi đã sửa xong" của AI

Test chạy xanh, log, ảnh chụp — không có bằng chứng thì chưa xong

05Ngữ cảnh

Một phiên chat dài cho mọi việc

CLAUDE.md gọn, mỗi việc một phiên, /compact và /clear đúng lúc

06Triển khai

Chạy được trên máy là xong

Docker, HTTPS, CI/CD, sao lưu đã diễn tập khôi phục

Chủ đề 1 · 3 bài · 12 nội dung

Nền tảng AI agent & thiết lập dự án

Hiểu Claude Code làm việc thế nào, dựng khung dự án chuẩn trước khi viết dòng mã đầu tiên.

AI agent hoạt động ra saoCài đặt & cấu hình Claude CodeGit & GitHub cho người mới

AI agent hoạt động ra sao

  • LLM, token, context window — vì sao AI "quên" và cách điều khiển
  • Harness và agent: mô hình nghĩ, harness làm; quyền đọc, sửa, chạy lệnh
  • Core Workflow Explore → Plan → Code → Verify; plan mode
  • Chatbox copy-paste khác agent ở đâu — đo bằng số thao tác tay

Thực hành: Dựng landing page hai lần (chatbox và Claude Code), so số thao tác và chất lượng.

Cài đặt & cấu hình Claude Code

  • Node.js, Git, VS Code, Claude Code; kiểm tra bằng claude doctor
  • CLAUDE.md 7 mục: bối cảnh, công nghệ, cấu trúc, quy ước, lệnh, điều cấm, nhật ký
  • .claude/: settings.json (allow / ask / deny), settings.local.json, 3 tầng cấu hình
  • Slash command, skill, subagent — gói việc lặp lại; hook tự chạy lint / test
  • Lệnh cốt lõi: /init, /context, /compact, /clear, /rewind, /resume

Thực hành: Khởi tạo repo dự án của bạn: CLAUDE.md, settings.json, 1 skill, 2 slash command.

Git & GitHub cho người mới

  • Commit mốc trước mỗi việc lớn, quay lui an toàn
  • Nhánh, pull request, xử lý xung đột
  • .gitignore, không bao giờ commit bí mật (.env)

Thực hành: Đưa dự án lên GitHub, tạo nhánh tính năng và pull request đầu tiên.

Chủ đề 2 · 3 bài · 11 nội dung

Phân tích nghiệp vụ & User Flow

Biến ý tưởng thành yêu cầu rõ ràng: ai dùng, làm gì, đi qua những màn hình nào.

Khai thác yêu cầuUser Flow & danh sách màn hìnhWireframe & đặc tả giao việc cho AI

Khai thác yêu cầu

  • Phỏng vấn khách hàng có cấu trúc: ai dùng, đang làm bằng gì, đau ở đâu
  • Vai trò người dùng (actor) và quyền của từng vai trò
  • Use case và tiêu chí chấp nhận dạng "khi… thì…"
  • Chốt phạm vi bản đầu (tối đa 8 use case), ước lượng có dự phòng

Thực hành: Phỏng vấn "khách hàng" trong lớp, viết 5 use case có tiêu chí chấp nhận.

User Flow & danh sách màn hình

  • Vẽ user flow cho từng vai trò: đường chính, nhánh lỗi, điểm quay lại
  • Từ user flow ra danh sách màn hình và điều hướng
  • Trạng thái của đối tượng nghiệp vụ (đơn: mới → đang pha → xong → huỷ)
  • Sơ đồ bằng mermaid do AI vẽ — bạn duyệt và sửa

Thực hành: Vẽ user flow CoffeePOS cho thu ngân, pha chế, quản lý; xuất danh sách màn hình.

Wireframe & đặc tả giao việc cho AI

  • Wireframe từng màn: thành phần, nút, dữ liệu hiển thị
  • Đặc tả màn hình: mục tiêu, dữ liệu vào / ra, trường hợp lỗi
  • Prompt 6 phần: bối cảnh · việc · ràng buộc · đầu ra · cách kiểm tra · không được làm

Thực hành: Viết docs/dac-ta cho 3 màn hình chính của dự án của bạn.

Chủ đề 3 · 3 bài · 11 nội dung

Kiến trúc & thiết kế dữ liệu

Chọn kiến trúc đúng quy mô và thiết kế cơ sở dữ liệu đứng vững khi có người dùng thật.

Kiến trúc & chọn công nghệThiết kế dữ liệu (ERD)CSDL thật & migration

Kiến trúc & chọn công nghệ

  • 4 mức kiến trúc: một máy chủ → BaaS (Supabase/Firebase) → tách frontend/backend → nhiều tầng
  • Đọc sơ đồ kiến trúc: client, API, CSDL, cache, lưu trữ
  • Chọn công nghệ bằng 6 tiêu chí có trọng số
  • Ghi quyết định bằng ADR để AI và đồng đội hiểu vì sao

Thực hành: Vẽ sơ đồ kiến trúc và viết ADR cho dự án của bạn.

Thiết kế dữ liệu (ERD)

  • Từ use case ra thực thể, thuộc tính, khoá chính
  • Quan hệ 1–n, n–n, bảng trung gian; cột kiểm toán tạo / sửa bởi ai, lúc nào
  • Chuẩn hoá, ràng buộc toàn vẹn, kiểu dữ liệu (tiền là số nguyên)
  • Index cho cột lọc và khoá ngoại — đo trước và sau

Thực hành: Vẽ ERD CoffeePOS (nhân viên, món, đơn, dòng đơn) và ERD dự án của bạn.

CSDL thật & migration

  • Dựng PostgreSQL bằng Docker, nạp dữ liệu mẫu
  • Migration có up / down — thay đổi schema an toàn
  • SQL thực dụng: SELECT, JOIN, GROUP BY; kiểm tra bằng 3 phép thử

Thực hành: Viết migration và dữ liệu mẫu, chạy truy vấn báo cáo doanh thu.

Chủ đề 4 · 2 bài · 8 nội dung

Backend, API & bảo mật

Xây API đúng chuẩn, phân quyền chặt, tự kiểm tra lỗ hổng trước khi lên mạng.

Thiết kế & hiện thực REST APIXác thực, phân quyền, an toàn

Thiết kế & hiện thực REST API

  • Tài nguyên, phương thức, mã HTTP 200/201/400/401/403/404/409/422
  • Định dạng lỗi thống nhất {code, message, details}
  • Phân lớp Controller – Service – Repository, DTO, transaction
  • Phân trang, lọc, sắp xếp; tài liệu OpenAPI/Swagger

Thực hành: Hoàn thiện API gọi món, thanh toán, báo cáo; tài liệu Swagger.

Xác thực, phân quyền, an toàn

  • Mật khẩu băm, JWT + refresh token, thu hồi phiên
  • Phân quyền theo vai trò (RBAC) ở 3 tầng: giao diện, API, dữ liệu
  • Kiểm thử tiêu cực 401/403/422, IDOR (đổi id trên URL)
  • Danh mục OWASP rút gọn; subagent rà bảo mật chỉ được đọc

Thực hành: Tự "tấn công" API của mình theo 4 kịch bản và vá lỗ hổng.

Chủ đề 5 · 2 bài · 8 nội dung

Giao diện, kiểm thử & chất lượng

Giao diện dùng thật trên máy tính và điện thoại, có test và đo tốc độ.

Giao diện nối APIKiểm thử & tối ưu

Giao diện nối API

  • Tổ chức component, design token tối thiểu
  • Dựng giao diện từ wireframe / ảnh chụp
  • 4 trạng thái: đang tải · có dữ liệu · rỗng · lỗi
  • Biểu mẫu: lỗi dưới ô nhập, khoá nút khi đang gửi, responsive

Thực hành: Dựng màn Gọi món, Thanh toán, Báo cáo nối API thật.

Kiểm thử & tối ưu

  • Kim tự tháp kiểm thử; viết test trước khi nhờ AI sửa
  • Đòi bằng chứng: test xanh, log, ảnh chụp
  • Tìm N+1, thiếu index, tải thừa; caching 3 tầng
  • Review mã bằng slash command, lọc góp ý của AI

Thực hành: Viết test cho 3 luồng lõi, tăng tốc trang báo cáo và đo lại.

Chủ đề 6 · 2 bài · 8 nội dung

Triển khai, vận hành & bàn giao

Đưa sản phẩm lên tên miền riêng, tự động hoá và giữ cho nó chạy bền.

Đóng gói & đưa lên mạngCI/CD, vận hành & bàn giao

Đóng gói & đưa lên mạng

  • Dockerfile multi-stage, Docker Compose
  • Chọn nơi chạy: Vercel / PaaS hay VPS — chi phí tham khảo
  • Tên miền, reverse proxy, HTTPS Let's Encrypt
  • Bảo mật server: SSH key, tường lửa, cập nhật

Thực hành: Đưa sản phẩm lên tên miền riêng có HTTPS.

CI/CD, vận hành & bàn giao

  • GitHub Actions: kiểm thử → build → triển khai, rollback
  • Giám sát, log, cảnh báo; theo dõi lỗi
  • Sao lưu và diễn tập khôi phục
  • Hồ sơ bàn giao, trình bày sản phẩm 5 phút

Thực hành: Bảo vệ dự án cuối khoá: sản phẩm chạy thật, có pipeline và hồ sơ bàn giao.

Học phí

Học phí Vibe Code Web AI Agent: ưu đãi 15 suất đầu

Học phí gốc 8.100.000đ. Đăng ký sớm giữ giá ưu đãi — học offline tại TP. Hồ Chí Minh hoặc online live chung lớp offline.

Offline tại TP. Hồ Chí Minh
8.100.000đ4.100.000đ-49%

Học trực tiếp tại cơ sở CyberSoft, giảng viên kèm tận máy.

  • 8 buổi × 2,5 giờ, 2 buổi/tuần — thực hành trên máy của bạn
  • Tặng kho 5 ebook trị giá 5.000.000đ + nhóm Zalo hỗ trợ trọn đời
  • Dự án cuối khoá cho portfolio
Giữ suất 4.100.000đ
INBOX NGAY ĐỂ CHECK GIÁ TỐT HƠN Zalo Messenger
Online live chung lớp offline
8.100.000đ3.500.000đ-57%

Học trực tuyến cùng giờ, cùng giảng viên với lớp offline; hỏi đáp trực tiếp.

  • 8 buổi × 2,5 giờ, 2 buổi/tuần — thực hành trên máy của bạn
  • Tặng kho 5 ebook trị giá 5.000.000đ + nhóm Zalo hỗ trợ trọn đời
  • Dự án cuối khoá cho portfolio
Giữ suất 3.500.000đ
INBOX NGAY ĐỂ CHECK GIÁ TỐT HƠN Zalo Messenger
Lịch học · 2 buổi / tuầnTối trong tuần19h00 – 21h30Thứ 7, Chủ nhật — sáng9h00 – 11h30Thứ 7, Chủ nhật — chiều14h30 – 17h00
Inbox để có giá tốt hơnĐăng ký nhóm, học viên cũ, sinh viên — tư vấn viên báo ưu đãi riêng qua Zalo / Messenger.
Đặc quyền học viên

Đăng ký Vibe Code Web AI Agent — nhận ngay quà tặng trị giá 5.000.000đ

Kho 5 ebook do CyberSoft biên soạn, sát với nội dung bạn học, cùng nhóm Zalo cập nhật công cụ AI mới nhất — đồng hành cả sau khoá.

Tổng giá trị quà5.000.000đTẶNG 100%
TRỌN ĐỜI

Nhóm Zalo hỗ trợ trọn đời

  • Cập nhật công cụ AI mới mỗi tuần — Claude, ChatGPT, Gemini, Cursor, n8n…
  • Hỏi đáp cùng giảng viên & cộng đồng học viên, kể cả sau khoá
  • Prompt, Skill, mẫu dự án mới được chia sẻ trước tiên
  • Thông tin sự kiện, workshop, cơ hội việc làm & dự án
Giữ suất & nhận quàQuà gửi ngay khi xác nhận đăng ký.

Đăng ký nhanh · 30 giây

Giữ chỗ lớp Vibe Code Web AI Agent gần nhất

Để lại thông tin trong 30 giây — CyberSoft gửi lịch khai giảng và đề cương chi tiết.

  • Đề cương chi tiết từng buổi
  • Kiểm tra đầu vào Claude Code
  • Lịch online / tại cơ sở
Dự án cuối khoá

Một demo trên lớp — kiến trúc dùng cho mọi dự án

Cả lớp cùng dựng CoffeePOS; capstone là sản phẩm web của chính bạn, chạy thật trên mạng.

CoffeePOS — gọi món và tính tiền cho quán cà phê

Bối cảnh thật: 1 quầy, 6 nhân viên, khoảng 120 đơn mỗi ngày. Ba vai trò thu ngân, pha chế, quản lý; phân quyền đến từng API; báo cáo doanh thu có cache.

  • Đăng nhập "vào ca" theo vai trò
  • Tạo đơn, thanh toán, theo dõi đơn đang pha
  • Báo cáo ca, món bán chạy (chỉ quản lý)
  • Chạy thật trên VPS với HTTPS, CI/CD, sao lưu
BackendNode.js + ExpressDữ liệuSQLite / PostgreSQLGiao diệnHTML · CSS · JSXác thựcJWT + bcryptĐóng góiDocker + CaddyCI/CDGitHub Actions
Gọi món tại quầyVibe Code Web AI Agent — màn hình Gọi món tại quầy
Báo cáo ca & doanh thuVibe Code Web AI Agent — màn hình Báo cáo ca & doanh thu
Tổng quan doanh thuVibe Code Web AI Agent — màn hình Tổng quan doanh thu

Toàn bộ màn hình CoffeePOS bấm để xem lớn

Cùng kiến trúc, cùng quy trình — áp dụng cho quản lý bán hàng, đặt lịch spa, quản lý học viên, kho, chấm công… Capstone: chọn một công việc thật đang làm bằng giấy hoặc Excel và biến thành sản phẩm web.

Dự án & màn hình

Một kiến trúc — hàng chục sản phẩm áp dụng

Cùng quy trình đã học, bạn tự làm được các sản phẩm dưới đây cho công ty mình hoặc cho khách hàng. Bấm từng dự án để xem màn hình (dữ liệu mẫu).

Kết quả đạt được

Bạn của 8 buổi sau khác hôm nay thế nào?

Trước khoá họcSau 8 buổi
  • Có ý tưởng nhưng không biết bắt đầu từ đâuCó quy trình 10 giai đoạn cho mọi dự án web
  • Nhìn mã AI viết như nhìn chữ lạĐọc hiểu kiến trúc, API, CSDL — biết sai ở đâu
  • Web chỉ chạy trên máy mìnhWeb chạy trên tên miền riêng, có HTTPS, CI/CD
  • Mỗi lần nhờ AI là một lần "cầu may"CLAUDE.md, skill, subagent — AI làm đúng ý ngay từ đầu
  • Không dám nhận dự án cho kháchCó sản phẩm thật + hồ sơ bàn giao để báo giá, nhận việc
Học xong bạn làm được

Tự tay xây — và đưa sản phẩm ra thế giới thật

Tư duy & quy trình

01
  • Đi đủ 10 giai đoạn của một dự án web thật
  • Viết đặc tả, use case, ADR để giao việc cho AI
  • Đọc hiểu và phản biện mã AI viết ra

Kiến trúc & kỹ thuật

02
  • Thiết kế CSDL, REST API, phân quyền
  • Giao diện nối API, 4 trạng thái
  • Kiểm thử, tối ưu, caching

Triển khai & vận hành

03
  • Docker, VPS, tên miền, HTTPS
  • CI/CD với GitHub Actions
  • Giám sát, sao lưu, khôi phục

Sản phẩm mang về

04
  • Web chạy thật trên tên miền riêng
  • Repo GitHub sạch bí mật, có pipeline
  • Hồ sơ bàn giao dùng cho portfolio
Biến kỹ năng thành thu nhập: Nhận làm web quản lý cho shop, quán, trung tâm Tự xây công cụ cho công việc của mình Portfolio để ứng tuyển vị trí web developer

8 buổi nữa, sản phẩm của bạn đã chạy thật

Học cùng giảng viên làm sản phẩm thật, mentor review dự án, nhóm hỗ trợ sau khoá.

Khác biệt CyberSoft

6 lý do học Vibe Code tại CyberSoft

Không phải khoá "xem video rồi tự mò" — mà là lớp học có người dẫn đường, dự án thật và đồng hành sau khoá.

01

Học trên sản phẩm thật — 70% thời lượng thực hành

Mỗi buổi kết thúc bằng một phần chạy được của dự án. Không học lý thuyết suông, không bài tập "cho có".

02

Giảng viên làm sản phẩm thật mỗi ngày

Đội ngũ đang dùng Claude Code, AI agent để xây và vận hành sản phẩm — dạy đúng cách người làm nghề đang làm.

03

Hiểu kiến trúc, không chỉ gõ prompt

Giải thích tới từng thư mục, từng tệp cấu hình, vì sao chọn cách đó — để bạn tự dựng lại cho dự án khác.

04

Mang về bộ công cụ dùng ngay

Mẫu CLAUDE.md, skill, subagent, prompt kit, checklist kiểm chứng và khung dự án — mở máy là làm dự án mới.

05

Đồng hành 1-1 trong và sau khoá

Mentor review dự án, nhóm học viên hỗ trợ sau khoá, tài liệu cập nhật khi công cụ AI thay đổi.

06

Gần 10 năm đào tạo công nghệ

Từ 2017, hơn 9.500 học viên và 200+ doanh nghiệp đối tác — nền tảng đào tạo lập trình bài bản đứng sau từng khoá.

Minh chứng thực tế

35+ doanh nghiệp đã tin chọn CyberSoft đào tạo công nghệ & AI

Từ cơ quan nhà nước, sản xuất, năng lượng, hàng không đến bán lẻ, giáo dục. Rê chuột để xem lớp học, bấm để xem ảnh lớn.

35doanh nghiệp đã đào tạo
24lĩnh vực khác nhau
33lớp có lễ trao chứng nhận
5+tỉnh thành in-house
Công cụ

Học trên bộ công cụ thật của người làm sản phẩm

Claude
Node.js
Express
PostgreSQL
Docker
GitHub
GitHub Actions
Visual Studio Code
Vercel
NGINX
Câu hỏi thường gặp

Học viên thường hỏi

Chưa biết lập trình có học Vibe Code Web được không?

Được. Khoá bắt đầu từ cài công cụ và cách làm việc với AI agent; mỗi khái niệm kỹ thuật (API, CSDL, phân quyền, Docker…) đều được giải thích bằng ví dụ trực quan trên chính dự án của lớp. Điều kiện là biết dùng công cụ AI cơ bản và có tài khoản Claude Pro trở lên.

Học xong có tự làm được dự án khác ngoài demo không?

Đó là mục tiêu chính. Demo CoffeePOS chỉ là phương tiện; khoá dạy quy trình, kiến trúc và cách ra lệnh để học viên áp dụng cho dự án riêng. Dự án cuối khoá là sản phẩm của chính học viên, chạy thật trên tên miền riêng.

Khoá có dạy đưa web lên mạng không?

Có, end-to-end: đóng gói Docker, thuê server, trỏ tên miền, bật HTTPS, bảo mật server, CI/CD tự động với GitHub Actions, giám sát và sao lưu. Khoá cũng hướng dẫn chọn Vercel/PaaS cho dự án nhỏ.

Đăng ký khoá học được tặng những gì?

Mỗi học viên nhận kho 5 ebook do CyberSoft biên soạn, sát nội dung khoá học (tổng trị giá 5.000.000đ), và được vào nhóm Zalo hỗ trợ trọn đời: cập nhật công cụ AI mới mỗi tuần, hỏi đáp cùng giảng viên và cộng đồng, prompt, Skill, mẫu dự án mới. Quà gửi ngay khi xác nhận đăng ký.

Đầu vào của các khoá Vibe Code là gì?

Biết dùng các công cụ AI cơ bản (ChatGPT, Claude, Gemini…) và có tài khoản Claude gói Pro trở lên (Pro hoặc Max) để dùng Claude Code trong suốt khoá; riêng khoá Vibe Data Analysis dùng được Claude Pro trở lên hoặc ChatGPT Plus / Pro trở lên (Codex). Không bắt buộc biết lập trình trước.

Học phí khoá Vibe Code bao nhiêu?

Học phí gốc 8.100.000đ / khoá 8 buổi. Ưu đãi cho 15 học viên đăng ký đầu tiên: học offline tại TP. Hồ Chí Minh 4.100.000đ, học online live chung lớp offline 3.500.000đ. Nhắn Zalo hoặc Messenger để nhận giá tốt hơn.

Vì sao phải dùng Claude gói trả phí?

Claude Code — AI agent đọc, sửa mã và chạy lệnh trực tiếp trên máy — cần gói Pro trở lên. Bản miễn phí không đủ hạn mức cho các buổi thực hành liên tục và dự án cuối khoá.

Học online hay tại cơ sở?

Cả hai: học tại cơ sở CyberSoft TP. Hồ Chí Minh hoặc online live chung lớp offline (cùng giờ, cùng giảng viên). Mỗi buổi 2,5 giờ, 2 buổi/tuần, thực hành trên máy của học viên.

Lịch học các khoá Vibe Code thế nào?

Mỗi khoá 8 buổi, 2 buổi/tuần, mỗi buổi 2,5 giờ (khoảng 4 tuần). Lớp tối trong tuần 19h00 – 21h30; lớp cuối tuần Thứ 7, Chủ nhật: sáng 9h00 – 11h30 hoặc chiều 14h30 – 17h00. Tư vấn viên xếp lớp theo lịch phù hợp với bạn.

Học xong có được hỗ trợ tiếp không?

Có. Học viên được hỗ trợ trong suốt khoá, tham gia nhóm học sau khoá và nhận tài liệu cập nhật khi công cụ AI thay đổi.

Đăng ký tư vấn

Bắt đầu Vibe Code Web AI Agent cùng CyberSoft

Để lại thông tin — tư vấn viên kiểm tra đầu vào, gợi ý lộ trình và lịch khai giảng phù hợp.

  • Tư vấn lộ trình theo nền tảng của bạn — miễn phí
  • Kiểm tra đầu vào & hướng dẫn chuẩn bị Claude Code
  • Học online hoặc tại cơ sở CyberSoft
  • Tặng 5 ebook trị giá 5.000.000đ + nhóm Zalo hỗ trợ trọn đời
Đầu vào bắt buộcBiết dùng các công cụ AI cơ bản (ChatGPT, Claude…). Có tài khoản Claude gói Pro trở lên (Pro / Max) để dùng Claude Code suốt khoá.

Để lại thông tin — nhận lộ trình phù hợp

Tư vấn viên gọi lại trong giờ làm việc, miễn phí.

Thông tin chỉ dùng để tư vấn khoá học, không chia sẻ cho bên thứ ba.

Inbox nhận giá tốt hơn