test-repo/docs-readme/vi-VN/README.md

███████╗ █████╗ ███████╗██╗   ██╗    ██╗   ██╗██╗██████╗ ███████╗
██╔════╝██╔══██╗██╔════╝╚██╗ ██╔╝    ██║   ██║██║██╔══██╗██╔════╝
█████╗  ███████║███████╗ ╚████╔╝     ██║   ██║██║██████╔╝█████╗  
██╔══╝  ██╔══██║╚════██║  ╚██╔╝      ╚██╗ ██╔╝██║██╔══██╗██╔══╝  
███████╗██║  ██║███████║   ██║        ╚████╔╝ ██║██████╔╝███████╗
╚══════╝╚═╝  ╚═╝╚══════╝   ╚═╝         ╚═══╝  ╚═╝╚═════╝ ╚══════╝

Easy-Vibe : Học Vibe Coding từ 0 đến 1

📌 Đọc trực tuyến (Read Online) · ✨ Hướng dẫn tương tác

Đọc trực tuyến · Bản đồ học tập · Cộng đồng

Bản đồ học tập độc quyền cho người mới bắt đầu Hướng dẫn từ con số 0, lộ trình rõ ràng, tạm biệt việc "học trước quên sau"

Hướng dẫn hình ảnh từng bước Giải thích chi tiết bằng hình ảnh, như có gia sư riêng bên cạnh

Trong thời đại AI, những người biến ý tưởng thành sản phẩm thường không phải là những người có kỹ thuật mạnh nhất, mà là những người có hành động đầu tiên. Easy-Vibe ra đời vì điều này. Chúng tôi sẽ cầm tay chỉ việc cho bạn, từ việc viết dòng code đầu tiên đến việc hiểu logic front-end và back-end, và cuối cùng là đưa sản phẩm của bạn lên mạng.

• Đối tượng: Người mới bắt đầu, Quản lý sản phẩm (PM), Lập trình viên Front-end / Back-end / Full-stack
• Chủ đề: Lập trình AI, Phát triển ứng dụng Web Full-stack, AI Agent, Workflow và hệ thống RAG

---

Easy-Vibe dẫn dắt bạn từ 0 đến 1 qua các giai đoạn sau:

Chọn điểm xuất phát theo trình độ của bạn:

• Người mới / Product Manager: Bắt đầu từ Stage 1 để xây dựng tư duy lập trình và thành thạo AI IDE tạo prototype nhanh
• Lập trình viên: Bắt đầu từ Stage 2 để đi sâu vào phát triển full-stack và tích hợp AI
• Lập trình viên nâng cao: Đi thẳng vào Stage 3 để khám phá Claude Code và phát triển đa nền tảng

Giai đoạn	Kỹ năng cốt lõi	Sản phẩm đầu ra
Stage 1	Bản đồ học tập, Nhập môn lập trình AI, AI IDE, Tư duy sản phẩm, Thiết kế prototype, Tích hợp năng lực AI	Trò chơi tương tác, Prototype sản phẩm hoàn chỉnh
Stage 2	Phát triển Full-stack, Cơ sở dữ liệu, Tích hợp AI, Triển khai và vận hành	Ứng dụng AI Full-stack sẵn sàng sản xuất
Stage 3	Claude Code nâng cao, Phát triển đa nền tảng	Ứng dụng đa nền tảng cấp sản xuất
Phụ lục	Cơ sở máy tính, Nhập môn AI, 9 lĩnh vực kiến thức	Hơn 80 chuyên đề tương tác

🔥 Tin tức

• [2026-03-02] 🦞 Hỗ trợ OpenClaw & AI Agents: Đã thêm file điều hướng AI llms.txt, cho phép OpenClaw, Claude, Cursor, Trae và các AI Agents khác nhanh chóng hiểu cấu trúc repository và định vị chính xác nội dung hướng dẫn. Chúc mỗi 🦞 có trải nghiệm học tập thú vị!
• [2026-03-01] Phần phát triển nâng cao đã được nâng cấp toàn diện: Thêm bảy hướng dẫn chi tiết về Claude Code (MCP, Skills, Agent Teams, v.v.) và tám bài học phát triển đa nền tảng (PWA, Electron, NFT, tiện ích VS Code, ứng dụng công nghiệp Qt, v.v.).
• [2026-02-25] Đã cập nhật Cơ sở kiến thức phụ lục, bao gồm 9 lĩnh vực kiến thức và hơn 80 chuyên đề tương tác.

Tin tức trước đó

• [2026-01-16] Tái cấu trúc dự án, chính thức thành lập chương "Giới thiệu cho người mới bắt đầu", giảm rào cản.
• [2026-01-14] Cập nhật toàn diện tài liệu Stage 1 "Xây dựng prototype sản phẩm".
• [2026-01-13] Hoàn thành xây dựng lại kiến trúc tài liệu, hỗ trợ đa ngôn ngữ đầy đủ (i18n).
• [2026-01-01] Ra mắt bản đồ học tập chính của dự án.

📖 Điều hướng

📚 Cơ sở kiến thức phụ lục

💻 Cơ sở máy tính • Từ Transistor đến CPU • Hệ điều hành • Mã hóa, lưu trữ và truyền dữ liệu • Mạng máy tính: Hai máy nói chuyện như thế nào • Cấu trúc dữ liệu • Giới thiệu về tư duy thuật toán

🔧 Công cụ phát triển • Git: Máy thời gian của code • Dòng lệnh và Shell scripts • IDE và VS Code • Công cụ phát triển trình duyệt • Quản lý packages

💡 Lập trình Web • HTML & CSS • JavaScript • Thao tác DOM • Fetch API và lập trình bất đồng bộ • Frameworks (Vue/React)

I. Khởi đầu từ số không

Chương	Nội dung chính	Trạng thái
Lời nói đầu: Bản đồ học tập	Điều hướng lộ trình học tập tổng thể	✅
Cấp 1: Kỷ nguyên AI, Nói là lập trình	Trải nghiệm lập trình AI qua các ví dụ	✅
Cấp 2: Tìm kiếm ý tưởng tuyệt vời	Học cách tìm và xác thực ý tưởng sản phẩm	✅
Cấp 3: Giới thiệu AI IDE Tools	Học cách sử dụng IDE, tạo game cục bộ	✅
Cấp 4: Xây dựng Prototype thực hành	Từ phân tích nhu cầu đến prototype	✅
Cấp 5: Thêm khả năng AI vào Prototype	Học cách tích hợp AI (text, image, video)	✅
Cấp 6: Thực hành dự án hoàn chỉnh	Mô phỏng kịch bản thực, lặp lại với phản hồi	✅

Phụ lục: Tư duy kinh doanh

Chương	Nội dung chính	Trạng thái
Phụ lục A: Tư duy sản phẩm và thiết kế giải pháp	Khung tư duy khi tạo sản phẩm	✅
Phụ lục B: Các kịch bản ứng dụng AI (B2B)	Ứng dụng AI trong các ngành công nghiệp khác nhau	✅
Phụ lục C: Cảm hứng kịch bản người tiêu dùng AI (B2C)	Khám phá ứng dụng AI trong sản phẩm người tiêu dùng	✅

Phụ lục: Giải pháp kỹ thuật

Chương	Nội dung chính	Trạng thái
Phụ lục D: Khi gặp lỗi phải làm gì	Lỗi phổ biến trong vibe coding	✅
Phụ lục E: So sánh 7 công cụ lập trình AI	So sánh các nền tảng AI chính	✅
Phụ lục F: Thiết kế trang web với agents thiết kế và lập trình	Hợp tác đa agent	✅

II. Lập trình viên trung cấp

Front-end

Chương	Nội dung chính	Trạng thái
Front-end 0: Assets với Lovart	Tạo tài sản hình ảnh số lượng lớn	🚧
Front-end 1: Giới thiệu Figma & MasterGo	Tổ chức kiến trúc thông tin và cấu trúc trang	🚧
Front-end 2: Xây dựng ứng dụng hiện đại đầu tiên - UI Design	Quy trình thiết kế đến code với components	🚧
Front-end 3: UI Design Specs & Multi-product UI	Thiết kế hệ thống đa sản phẩm	🚧
Front-end 4: Hogwarts Portraits cùng nhau	Xây dựng ứng dụng front-end với AI từ đầu	✅

Back-end & Full-stack

Chương	Nội dung chính	Trạng thái
Back-end 1: API là gì	Hiểu HTTP và mô hình request/response	✅
Back-end 2: Từ Database đến Supabase	Triển khai DB và API trên Supabase	✅
Back-end 3: Sinh mã và tài liệu API với AI	Tạo tài liệu và mã với AI	🚧
Back-end 4: Git Workflow	Quản lý phiên bản và cộng tác Git	✅
Back-end 5: Triển khai trên Zeabur	Triển khai ứng dụng lên Zeabur	✅
Back-end 6: Công cụ CLI hiện đại	Tăng tốc phát triển với CLI AI	✅
Back-end 7: Tích hợp hệ thống thanh toán như Stripe	Tích hợp thanh toán và thanh toán	🚧
Dự án 1: Ứng dụng hiện đại đầu tiên - App Full-stack	Hoàn thành ứng dụng web full-stack	🚧
Dự án 2: Thư viện UI hiện đại + Thực hành Trae	Sản phẩm độc lập với auth và thanh toán	🚧

Phụ lục Năng lực AI

Chương	Nội dung chính	Trạng thái
AI 1: Giới thiệu Dify & Tích hợp Knowledge Base	Xây dựng sản phẩm tiện ích với Dify & RAG	✅
AI 2: Từ điển AI & APIs đa phương thức	Tìm kiếm models/APIs và tích hợp đa phương thức	🚧

III. Lập trình viên nâng cao

Kỹ năng cốt lõi Claude Code

Chương	Nội dung chính	Trạng thái
Khởi đầu nhanh Claude Code	Cài đặt, thao tác cơ bản, tips và commands	✅
Hướng dẫn đầy đủ Claude Code MCP	Kết nối Claude Code với GitHub, DB, APIs qua MCP	✅
Hướng dẫn đầy đủ Claude Code Skills	Đóng gói kiến thức thành skill packs có thể tái sử dụng	✅
Best practices workflow Claude Code	Best practices cho dev hàng ngày, refactoring, code review	✅
Hướng dẫn đầy đủ Claude Agent Teams	Cộng tác đa AI như một đội dev thực sự	✅
Claude Code Superpowers phát triển engineering	Viết code chất lượng engineering với TDD	✅
Làm thế nào để Claude Code chạy lâu	Thiết kế nhiệm vụ dài hạn cho công việc liên tục	✅

Phát triển đa nền tảng

Chương	Nội dung chính	Trạng thái
Cách xây dựng Mini Program WeChat	Hệ sinh thái mini program, từ template đến ra mắt	✅
Cách xây dựng Mini Program WeChat với Back-end	Tích hợp DB và logic back-end	✅
Phát triển ứng dụng Android	Phát triển Android thống nhất Web/Native với Expo	✅
Phát triển ứng dụng iOS	Phát triển iOS thống nhất Web/Native với Expo	✅
Cách xây dựng website cá nhân và blog học thuật	Từ chọn tech đến deploy, xây dựng trang cá nhân	✅
Phát triển PWA	Xây dựng Progressive Web Apps với hỗ trợ offline	🚧
Phát triển AI browser extension	Phát triển Chrome extensions để tóm tắt trang	🚧
Phát triển ứng dụng Electron desktop	Xây dựng ứng dụng desktop nhận dạng giọng nói	🚧
Cách phát triển và đúc NFT nhanh	Viết smart contracts, deploy lên testnet Ethereum	🚧
Phát triển VS Code extensions	Phát triển extensions cho AI project assistants	🚧
Phát triển ứng dụng Qt công nghiệp	Xây dựng HMI giám sát bơm công nghiệp với Qt	🚧

Phụ lục Năng lực AI nâng cao

Chương	Nội dung chính	Trạng thái
RAG là gì và hoạt động như thế nào	Hiểu RAG và các kiến trúc phổ biến	✅
RAG trung cấp và điều phối workflow: LangGraph	Thiết kế workflow đa bước và hệ thống RAG nâng cao	🚧

🛠️ Cách học

• Chọn các chương để đọc và thực hành theo cấp độ của bạn. Đừng ngần ngại mở issue để hỏi câu hỏi.

💻 Thiết lập cục bộ

Cách hiện đại

Trong AI IDE (VS Code, Cursor, Trae, v.v.), sử dụng prompt sau:

Vui lòng giúp tôi chạy dịch vụ cục bộ của dự án này.

Cách truyền thống

1. npm install
2. npm run dev
3. Mở http://localhost:3000 trong trình duyệt của bạn.

🤝 Đóng góp

• Nếu bạn gặp vấn đề hoặc có đề xuất, vui lòng mở Issue.
• Để đóng góp, vui lòng gửi Pull Request.
• Nếu bạn muốn bắt đầu dự án mới với Datawhale, hãy làm theo Hướng dẫn dự án mã nguồn mở Datawhale.

🙏 Cảm ơn

• Sanbu - Trưởng nhóm dự án (Thành viên Datawhale)
• Fang Ke - Cố vấn (Thành viên Datawhale, Đại học Thanh Hoa)
• Yerim Kang (Dự án thực hành - Đại học Thanh Hoa)
• Zhao Zhilin (Dự án thực hành - Đại học Thanh Hoa)
• Li Yixuan (Thiết kế thị giác - Đại học Thanh Hoa)
• Liu Siyi (Dự án thực hành - Đại học Thanh Hoa)
• Tất cả beta testers trong nhóm AI Vibe Coding 101 đã đóng góp ý kiến.

Cảm ơn đặc biệt

• Cảm ơn @Sm1les đã hỗ trợ và giúp đỡ.
• Cảm ơn tất cả những người đóng góp và tất cả những người đã thêm sao vào dự án này ❤️

(Xem chi tiết trong tài liệu trực tuyến hoặc repo chính)