Chương trình chi tiết — Claude Vibecode 2026

Nguyên tắc pedagogy: Làm trước, giải thích sau. Mỗi buổi có 1 “artifact” cụ thể (file, link, screenshot). Thuật ngữ kỹ thuật luôn kèm ví dụ đời thường.

Cấu trúc tổng thể

Tổng: ~28 buổi ngắn (video 8–15 phút) + 7 buổi live Q&A (tùy chọn).

Tuần 0 — Chuẩn bị (Pre-course)

Bài 0.1 — Chào mừng: Bạn không cần “giỏi máy tính”

• Mục tiêu: Giảm anxiety; định nghĩa vai trò “Product Director” thay vì “lập trình viên”.
• Nội dung: Vibe coding = bạn mô tả + AI code + bạn test. Ví dụ: thuê thợ sửa nhà vs tự xây tường.
• Bài tập: Viết 3 việc bạn muốn app làm giúp (mỗi câu 1 dòng).
• Thuật ngữ: Prompt, iteration, MVP.

Bài 0.2 — Cài đặt (checklist có ảnh)

• Tài khoản Claude (Pro khuyến nghị cho học viên nghiêm túc).
• Cursor (hoặc Claude Code nếu lộ trình “terminal-friendly”).
• Trình duyệt Chrome/Edge, Google Drive hoặc Notion.
• Không bắt buộc: biết Terminal — có track “Claude app + hướng dẫn click”.

Bài 0.3 — An toàn & đạo đức AI

• Không dán mật khẩu, API key lên chat công khai.
• Ảnh/chữ liệu khách hàng — quy tắc xóa che thông tin khi demo.

Tuần 1 — Nền tảng Vibe Coding + Claude

Bài 1.1 — Vibe coding 2026: bức tranh toàn cảnh

• Mục tiêu: Phân biệt chat AI vs IDE AI (Cursor, Claude Code).
• So sánh: Lovable/Bolt (nhanh) vs Cursor (linh hoạt lâu dài) — học viên hiểu vì sao khóa chọn Claude + Cursor.
• Quiz 5 câu: non-tech friendly.

Bài 1.2 — Prompt đầu tiên: “Giải thích như cho bạn 12 tuổi”

• Template prompt:
  • Bối cảnh → Việc cần làm → Định dạng output → “Hỏi tôi nếu thiếu thông tin”.
• Thực hành: Nhờ Claude viết kịch bản email tự động (không code) để quen “chỉ đạo”.

Bài 1.3 — Dự án mini: Trang web 1 màn hình

• Mục tiêu: HTML/CSS do AI sinh; học viên chỉ mở file và xem trên browser.
• Deliverable: index.html hiển thị tên + 1 nút bấm (alert “Xin chào”).
• Debug 101: “Không chạy” → chụp màn hình + mô tả → gửi lại Claude.

Bài 1.4 — Mindset iteration

• Quy tắc 1 thay đổi / 1 lần hỏi AI.
• Nhật ký học: cột Đã thử | Kết quả | Câu hỏi tiếp.

Tuần 2 — Từ ý tưởng → Kế hoạch rõ (PRD cho người không tech)

Bài 2.1 — Interview ý tưởng (AI phỏng vấn bạn)

• Prompt mẫu “Product coach”: 10 câu hỏi về user, pain, success metric.
• Output: Google Doc 1 trang.

Bài 2.2 — User story & phạm vi MVP

• Format: Là [ai], tôi muốn [gì], để [lợi ích].
• Cắt scope: chỉ 3 tính năng cho v1.

Bài 2.3 — Wireframe bằng l lời (hoặc Figma AI / screenshot vẽ tay)

• 3 màn hình tối đa: Home, Form, Kết quả.

Bài 2.4 — “Spec pack” gửi cho AI code

• Gộp PRD + wireframe + stack đề xuất (ví dụ: Next.js hoặc static site — giảng viên chọn 1 stack chuẩn khóa để đỡ loạn).
• Template file: SPEC.md trong repo mẫu.

Tuần 3 — Cursor + GitHub (backup = sự tự tin)

Bài 3.1 — Giao diện Cursor (5 vùng cần nhớ)

• Chat, Editor, File tree, Terminal (optional), Agent mode — giải thích bằng “Word + trợ lý bên cạnh”.

Bài 3.2 — Mở project mẫu & chạy lệnh copy-paste

• Script npm install / flutter run — chỉ copy; giải thích lỗi thường gặp bằng hình.
• Deliverable: App chạy local.

Bài 3.3 — GitHub cho người mới

• Repo private, commit message tiếng Việt OK.
• Meta: Commit = save point trong game.

Bài 3.4 — Quy trình 5 bước (nhắc lại xuyên suốt khóa)

1. Problem
2. Plan (PRD)
3. Build (AI)
4. Test (bạn + checklist)
5. Share (deploy + feedback)

Tuần 4 — Debug, chất lượng, làm việc với AI lâu dài

Bài 4.1 — Debug bằng ngôn ngữ tự nhiên

• Checklist: tái hiện lỗi → screenshot → log (copy paste) → “expected vs actual”.

Bài 4.2 — Screenshot-driven development

• Chụp UI mong muốn vs hiện tại; prompt so sánh pixel/layout.

Bài 4.3 — Rules / AGENTS.md / Project instructions

• Khái niệm “luật nhà” để AI nhất quán — không cần viết tay, dùng prompt generate.

Bài 4.4 — Skills, MCP (giải thích không dọa)

• Skill: sổ tay nghề cho AI.
• MCP: ổ cắm kết nối Gmail, Notion, v.v. — demo 1 tích hợp đơn giản (tuỳ giảng viên).

Bài 4.5 — Giới hạn context & chia nhỏ task

• “Đừng nhờ AI làm 10 việc một lúc”.

Tuần 5 — Full-stack nhẹ (khái niệm, không thi thuật ngữ)

Bài 5.1 — Frontend / Backend / Database = quầy bar, bếp, kho

• Học viên hiểu vì sao cần lưu dữ liệu.

Bài 5.2 — Supabase hoặc Firebase (chọn 1 trong khóa)

• Bảng đơn giản, thêm row bằng UI.
• Lab: Form ghi ý tưởng → lưu cloud.

Bài 5.3 — Đăng nhập (magic link hoặc Google) — optional track

• Track A: bỏ auth, dùng link secret.
• Track B: login 1-click theo tutorial copy-paste.

Bài 5.4 — API key & biến môi trường

• .env = tờ giấy trong két; không commit lên GitHub.

Tuần 6 — Deploy, SEO sản phẩm, bảo trì

Bài 6.1 — Deploy Vercel/Netlify (click-by-click)

• Deliverable: https://ten-ban-xx.vercel.app

Bài 6.2 — Checklist go-live

• Mobile, tốc độ cơ bản, favicon, title trang.

Bài 6.3 — Khi AI “đi lạc” — reset có kiểm soát

• Revert Git, branch mới, prompt lại từ SPEC.

Bài 6.4 — Bảo trì 30 phút/tuần

• Dependency update nhờ AI; backup repo.

Tuần 7 — Capstone

Yêu cầu capstone (chọn 1 track)

Rubric chấm (100 điểm)

• Problem rõ (15)
• MVP chạy online (25)
• Iteration log ≥ 5 vòng (20)
• UX readable trên mobile (15)
• Demo video 5 phút (15)
• Repo + README hướng dẫn (10)

Buổi demo day

• 5 phút demo + 3 phút Q&A; peer feedback form.

Phụ lục cho giảng viên

Ngân hàng câu hỏi học viên non-tech

• “Terminal là gì?” → Cửa sổ gõ lệnh; khóa cung cấp lệnh copy sẵn.
• “Bug là gì?” → App không làm đúng điều bạn mong.
• “Repo là gì?” → Folder dự án có lịch sử save.

Mẫu slide mỗi buổi

1. Hook (1 câu chuyện)
2. Mục tiêu 3 bullet
3. Demo live 60% thời lượng
4. Bài tập + link nộp
5. Recap + teaser buổi sau

Công cụ hỗ trợ

• Discord/Zalo nhóm: kênh #help-screenshot (bắt buộc kèm ảnh).
• Office hours: prompt clinic — sửa prompt, không sửa code tay giúp (trừ khi stuck emergency).

Lộ trình mở rộng (Claude Vibecode Pro 2026)

• Tuần 8–10: Claude Code CLI, agents, CI, mobile (Flutter/React Native intro).

Mapping SEO → tên bài (internal)

Mỗi bài public nên có slug tiếng Việt không dấu + title song ngữ để bắt cả hoc vibe coding và Claude vibe coding course. Chi tiết tại seo-strategy.md.