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
VC-WEB Từ ý tưởng đến website chạy thật trên tên miền riêng
Vibe Code Web — Xây và triển khai sản phẩm web end-to-end với 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.
claude — ~/du-an-web● đang chạy
› Đọc docs/use-case.md — CoffeePOS cho quán cà phê
● Plan mode: lập kế hoạch 7 bước…
✓ migrations/001_tao_bang.sql — 4 bảng
✓ API /api/don · JWT · phân quyền 3 vai trò
✓ npm test — 24/24 đạt
● git push → GitHub Actions → Docker
✓ https://pos.quan-nha-minh.vn đã chạy
▋Công cụ trong khoá
ClaudeNode.jsExpressPostgreSQLDockerGitHubGitHub ActionsVisual Studio CodeVercelNGINX
Tổng quan khoá họcVC-WEB
Vibe Code Web là gì?
Vibe Code Web là khoá 8 buổi (3 giờ/buổi) 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 09/2026 · CyberSoft Academy Tư vấn khoá này
- Thời lượng
- 8 buổi · 3 giờ/buổi
- 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
- Tư vấn
- Miễn phí · 0961 05 10 14
Được tin chọn bởi các tập đoàn, doanh nghiệp nhà nước & tư nhân
Vì sao bạn cần khoá này
Ý tưởng web nằm trong đầu bạn — nhưng chưa bao giờ chạy được trên mạng
Thuê ngoài thì tốn kém và phụ thuộc; học lập trình truyền thống thì mất nhiều tháng; còn tự gõ prompt thì được bản demo đẹp nhưng vỡ ngay khi có người dùng thậ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.
- Học code truyền thống quá lâuNhiều tháng cú pháp trước khi làm ra thứ đầu tiên có người dùng.
- Thuê ngoài thì bị "khoá tay"Muốn sửa một nút cũng phải chờ, phải trả thêm — không làm chủ sản phẩm của mình.
4 con đường để có một sản phẩm web
| Tốc độ | Làm chủ | Chạy bền | ||
|---|---|---|---|---|
| Thuê ngoài làm web | Nhanh có bản đầu, nhưng mỗi thay đổi đều phụ thuộc người khác | |||
| Học lập trình truyền thống | Làm chủ hoàn toàn — sau nhiều tháng đến vài năm | |||
| Tự gõ prompt không quy trình | Ra demo trong vài giờ, vỡ khi có người dùng thật | |||
| Vibe Code có kiến trúc | 8 buổi: sản phẩm chạy thật, bạn hiểu và làm chủ từng lớp |
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 (hướng dẫn tạo trong buổi 1).
- 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.
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.
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 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.
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
Để 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
Ẩ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
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
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
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
Nền tảng AI agent & thiết lập dự án
- LLM, token, context window, harness
- Claude Code: plan mode, slash command, checkpoint
- CLAUDE.md, .claude/, skill, subagent
- Git & GitHub cho người mới
Chủ đề 2
Nghiệp vụ, kiến trúc & dữ liệu
- Phỏng vấn nghiệp vụ, use case
- Phạm vi bản đầu, ước lượng
- 4 mức kiến trúc, chọn công nghệ, ADR
- Thiết kế CSDL, migration
Chủ đề 3
Xây sản phẩm cùng AI agent
- REST API, backend phân lớp
- Xác thực, phân quyền, bảo mật
- Giao diện nối API, biểu mẫu
- Kiểm thử, tối ưu, caching
Chủ đề 4
Triển khai & vận hành
- Docker, Docker Compose
- Vercel / VPS, tên miền, HTTPS
- CI/CD với GitHub Actions
- Giám sát, sao lưu, bàn giao
Đăng ký nhanh · 30 giây
Giữ chỗ lớp Vibe Code Web 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
Vào ca
Vào caĐăng nhập theo vai tròGọi món
Gọi mónChọn món, ghi chú, tạm tínhThanh toán
Thanh toánTiền mặt / chuyển khoảnĐơn đang pha
Đơn đang phaMàn hình quầy pha chếBáo cáo ca
Báo cáo caDoanh thu, món bán chạyQuản lý món
Quản lý mónGiá, trạng thái đang bánCù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
Trên lớp dựng một dự án mẫu; cùng quy trình đó bạn làm được các sản phẩm dưới đây cho mình hoặc cho khách hàng.
Vào ca
Gọi món
Báo cáo ca
Dự án mẫu trên lớp
CoffeePOS
Gọi món, tính tiền, báo cáo ca cho quán cà phê — dự án mẫu trên lớp
Chọn dịch vụ
Lịch nhân viên
Nhắc lịch
Áp dụng cùng kiến trúc
Đặt lịch spa / salon
Khách đặt giờ, nhân viên nhận lịch, nhắc lịch tự động
Danh sách lớp
Điểm danh
Công nợ
Áp dụng cùng kiến trúc
Quản lý học viên
Trung tâm đào tạo: lớp, điểm danh, học phí, phụ huynh
Nhập kho
Tồn kho
Cảnh báo
Áp dụng cùng kiến trúc
Kho cửa hàng
Nhập – xuất – tồn, cảnh báo hết hàng, báo cáo lãi
Chia ca
Chấm công
Phiếu lương
Áp dụng cùng kiến trúc
Chấm công & lương
Ca làm, chấm công, tính lương, phiếu lương
Khách hàng
Phễu bán
Doanh số
Áp dụng cùng kiến trúc
Mini CRM bán hàng
Khách hàng, cơ hội, lịch chăm sóc, báo cáo doanh số
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á.
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ó".
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.
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.
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.
Đồ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.
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ỏ.
Đầ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á. Không bắt buộc biết lập trình trước.
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: lớp online trực tiếp cùng giảng viên hoặc học tại cơ sở CyberSoft ở TP. Hồ Chí Minh và Đà Nẵng. Mỗi buổi 3 giờ, thực hành trên máy của học viê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 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
- Hỗ trợ trong suốt khoá và nhóm học sau khoá
Đầu vào bắt buộcBiết dùng các công cụ AI cơ bản (ChatGPT, Claude…) và có tài khoản Claude (gói Pro trở lên) để dùng Claude Code.
Để 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í.