Chia Sẻ Khóa Học Claude Code Beginner Đến Pro - Agentic Coding & Development [Update 10/2026] [Khóa 5026 A]
Sử dụng Claude Code AI để build các Next.js Web App. Bao gồm MCP, các custom rule, command, agent, workflow automation và nhiều hơn thế nữa!
Những gì bạn sẽ học:
- ✓ Cách sử dụng Claude Code cho agentic coding, bao gồm việc xây dựng các workflow tùy chỉnh, automation và slash command.
- ✓ Cách build một full-stack Next.js app (LiftingDiary) được generate gần như hoàn toàn bởi Claude Code.
- ✓ Cách tích hợp tooling hiện đại: Clerk cho authentication, Postgres trên Neon, Drizzle ORM và shadcn/ui cho một production-ready stack.
- ✓ Cách seed database với MCP, thiết lập các tiêu chuẩn coding với custom documentation và định hướng output của Claude Code để phù hợp với style của bạn.
- ✓ Các best practice để sử dụng Claude Code như một pair-programmer trong khi vẫn giữ cho codebase của bạn sạch, dễ bảo trì và nhất quán.
- ✓ Các kỹ thuật nâng cao để mở rộng Claude Code với các quy ước riêng của bạn và scale agentic coding sang các project lớn hơn.
Để tận dụng tối đa khóa học này, bạn nên có một gói đăng ký Claude. Chúng tôi sử dụng các premium model xuyên suốt các bài học để demo toàn bộ khả năng và chất lượng vượt trội của công cụ.
Bước vào tương lai của software development với Claude Code. Trong khóa học thực hành dựa trên dự án này, bạn sẽ học cách tận dụng agentic coding để xây dựng các ứng dụng full-stack nhanh hơn, thông minh hơn và nhất quán hơn bao giờ hết.
Chúng ta sẽ xây dựng một ứng dụng ghi lại nhật ký tập luyện hoàn chỉnh có tên là LiftingDiary, chạy trên nền tảng Next.js, đồng thời để Claude Code xử lý những phần nặng nhọc thay cho chúng ta. Trên hành trình đó, bạn sẽ khám phá cách thiết kế và generate các tiêu chuẩn coding, các workflow và automation của riêng mình để Claude Code viết production-ready code nhưng vẫn mang đậm dấu ấn cá nhân của bạn.
Những gì bạn sẽ học:
1. Agentic Coding Fundamentals: Hiểu cách hoạt động của Claude Code, cách điều khiển output của nó và xây dựng các "agentic workflow" của riêng bạn.
2. Xây dựng LiftingDiary từ đầu: Sử dụng Claude Code để generate toàn bộ ứng dụng Next.js, từ setup đến deployment.
3. Tích hợp Database & Auth:
- ✓ Seed một Postgres database (được host trên Neon) chỉ trong vài giây bằng MCP (Model Context Protocol).
- ✓ Triển khai tính năng authentication an toàn với Clerk.
- ✓ Quản lý schema và các query bằng Drizzle ORM.
4. UI & Developer Experience:
- ✓ Build một giao diện hiện đại với shadcn/ui.
- ✓ Tùy chỉnh các component và duy trì tính nhất quán về thiết kế.
5. Claude Code như một Teammate của bạn:
- ✓ Viết các documentation file tùy chỉnh để hướng dẫn các tiêu chuẩn coding.
- ✓ Thực thi các quy ước với các rule để tác động đến từng dòng output.
- ✓ Tạo các slash command tùy chỉnh cho các tác vụ phổ biến.
- ✓ Tự động hóa các quy trình lặp đi lặp lại.
6. Các best Practice với Claude Code: Khám phá cách tránh những cạm bẫy, giữ cho codebase dễ bảo trì và coi Claude như một pair-programmer thông minh thay vì chỉ là một cỗ máy copy-paste.
7. Các kỹ thuật Agentic Coding nâng cao: Học cách prompt, build các workflow và mở rộng Claude Code bằng các quy ước của riêng bạn.
Dù bạn là một người mới bắt đầu tò mò về các AI coding tool hay là một developer giàu kinh nghiệm đã sẵn sàng trở thành một pro với Claude Code, khóa học này sẽ cung cấp cho bạn các kỹ năng, sự tự tin và phương pháp có hệ thống hóa để phát triển trong kỷ nguyên mới của software development.
Mục lục:
- ✓ 1. Giới thiệu:
- + Giới thiệu khóa học & Demo project.
- + Quan trọng - hãy đọc trước khi bắt đầu khóa học! (Github repo, v.v.).
- ✓ 2. Setup Project & Giới thiệu về Claude Code:
- + Các Tool cần thiết cho khóa học này.
- + Setup Claude Code trên Mac.
- + Setup Claude Code với Windows PowerShell.
- + Setup Next JS Project.
- + Giới thiệu về Claude Code.
- + Setup Clerk sử dụng Claude Code.
- + Prompt Claude Code để tùy chỉnh Clerk (bao gồm context window).
- + Context window trong Claude Code.
- + Hoàn tất setup project.
- + Generate db schema với Claude Code.
- + Sử dụng /btw slash command với Python.
- + Sử dụng Neon MCP trong Claude Code để generate data mẫu để seed db.
- ✓ 3. Generate code với Claude Code:
- + Generate dashboard page với Claude Code.
- + Điều hướng code output từ Claude Code với doc files.
- + Generate data-fetching doc với Claude Code & query cho workout.
- + Hoàn thiện main dashboard page (bao gồm Thinking mode).
- + Tự động hóa git branching & merging với Claude Code.
- + Generate auth & data mutation docs với Claude Code.
- + Triển khai chức năng tạo workout.
- + Các slash command tùy chỉnh với Claude Code.
- + Triển khai chức năng update workout.
- + Claude Code sub agent.
- ✓ 4. Tự động hóa nâng cao với GitHub Actions và Claude Code:
- + Deploy lên Vercel.
- + Setup Claude Code GitHub Actions.
- + Tự động hóa GitHub issue fix với Claude Code GitHub Actions (phần 1).
- + Tự động hóa GitHub issue fix với Claude Code GitHub Actions (phần 2).
- ✓ 5. Nội dung bổ sung:
- + Update dashboard calendar UI.
- + Triển khai tính năng add exercise & set vào một workout.
- + Tạo các slash command tùy chỉnh cho dự án cá nhân.
- + Agent Skills trong Claude Code.
- + Chạy các bash command trong Claude Code.
- + Setup Claude Code local với ollama và mô hình miễn phí Qwen3-Coder.
- ✓ 6. Phần nhập vai:
- + Sử dụng AI một cách có trách nhiệm.
- + Giải thích về Claude Code cho một người bạn không phải là Developer.
- + Quy trình onboarding nhân viên mới với Claude Code.
- + Chuẩn bị phỏng vấn xin việc: Giải thích cách bạn sử dụng AI trong quy trình phát triển của bạn.
- ✓ 7. Kết thúc khóa học.
Khóa học này dành cho:
Từ các nhà phát triển mới bắt đầu đến những người có kinh nghiệm, những ai muốn học cách tích hợp Claude Code vào workflow của mình và tăng tốc đáng kể quá trình phát triển phần mềm.