Phát triển Trung cấp
Chào mừng bạn đến với giai đoạn Phát triển Trung cấp! Tại đây bạn sẽ đi sâu vào full-stack — làm chủ thành phần hoá frontend, thiết kế cơ sở dữ liệu, phát triển API backend và đưa sản phẩm lên môi trường thật.
Bạn sẽ học được gì
Phát triển Frontend
Làm chủ frontend hiện đại, học cách dùng component library và công cụ thiết kế:
Phát triển Backend
Học thiết kế API, quản trị database và chiến lược triển khai ứng dụng:
Đồ án lớn
Các chương phía trên dạy "linh kiện". Đồ án lớn mới dạy bạn "ghép linh kiện thành một sản phẩm chạy được, demo được, đưa được lên production".
Khuyến nghị làm theo thứ tự Đồ án 1 → Đồ án 2:
- Đồ án 1 đưa bạn qua luồng phổ biến nhất của SaaS hiện đại: đăng nhập, sinh nội dung, database, thanh toán, admin.
- Đồ án 2 đưa bạn vào bài toán giống hệ thống nghiệp vụ: role-permission, ngân hàng đề, kỳ thi, log nộp bài, quản trị.
flowchart LR
A["Trang & component frontend"] --> B["Database & API"]
B --> C["Đồ án 1<br/>SaaS sinh content"]
C --> D["Thanh toán / Triển khai / Admin"]
D --> E["Đồ án 2<br/>Hệ thống thi online"]
E --> F["Portfolio full-stack hoàn chỉnh"]Chưa biết làm đồ án nào trước? Tham khảo bảng so sánh:
| Đồ án | Bạn luyện trọng tâm điều gì | Phù hợp với ai | Sản phẩm cuối |
|---|---|---|---|
| Đồ án 1: Website sinh content | Cấu trúc trang SaaS, login, sinh nội dung AI, thanh toán Stripe, admin | Người lần đầu làm website thương mại hoàn chỉnh | Một SaaS phôi: đăng ký, sinh nội dung, tính phí, quản trị |
| Đồ án 2: Hệ thống thi & quản trị online | Role-permission, mô hình ngân hàng đề, quy trình thi, log nộp, chấm điểm & thống kê | Người muốn làm "hệ thống nghiệp vụ" thật trọn vẹn | Nền tảng thi có phía học viên và phía admin |
Bất kể làm đồ án nào, đều nên chuẩn bị tối thiểu 3 sản phẩm bàn giao:
- Một repo dự án chạy được
- Một link demo truy cập được
- Một README và video demo ngắn
Nếu đã làm xong 2 đồ án chính ở trên, hoặc muốn build portfolio theo hướng kỹ thuật riêng, chọn tiếp các đồ án mở rộng dưới đây:
Mở rộng năng lực AI
Phù hợp với ai
- Lập trình viên có nền tảng, muốn học full-stack một cách hệ thống
- Người học muốn chuyển từ PM sang full-stack engineer
- Lập trình viên trung cấp muốn làm chủ công cụ và workflow hiện đại
- Founder muốn tự phát triển một sản phẩm hoàn chỉnh
Yêu cầu đầu vào
- Đã hoàn thành giai đoạn "Người mới & prototype sản phẩm", hoặc có kiến thức tương đương
- Hiểu khái niệm cơ bản HTML/CSS/JavaScript
- Có hình dung sơ bộ về các công cụ lập trình AI
Sẵn sàng đi sâu vào full-stack? Bấm vào menu sidebar bên trái để bắt đầu!
Hands-on Lab — Build SaaS đầu tiên với Stripe payment
Mục tiêu Stage 2
3 ngày cuối tuần: Ship 1 SaaS có REAL payment work (Stripe test mode). Stack chuẩn 2026.
Stack 2026 cho full-stack dev VN
| Layer | Tool | Cost |
|---|---|---|
| Frontend | Next.js 15 + Tailwind + Vercel | Free hobby |
| Auth | Clerk hoặc Supabase Auth | Free <10K MAU |
| Database | Supabase / Neon Postgres | Free <500MB |
| Payment | Stripe hoặc Lemon Squeezy (VN-friendly global) | 2.9% + $0.30 |
| Resend hoặc Postmark | Free <3K/tháng | |
| AI API | Replicate / Fal / Anthropic | $0.003-0.20/gen |
| Deploy | Vercel / Railway / Cloudflare | Free hobby |
→ Total cost <$50/month MVP.
Day 1 — Setup + Auth (4 giờ)
npx create-next-app@latest my-saas --typescript --tailwind --app
cd my-saas
npm install @clerk/nextjs stripe @vercel/postgresReference chi tiết: Generative AI Ch8 — SaaS wrap — wrap API gen + Next.js + Stripe.
Day 2 — Core feature + DB (4 giờ)
- Wire Stripe checkout
- Setup Supabase tables:
users,orders,usage - Test full flow: signup → checkout → activate plan → use feature
Day 3 — Deploy + Polish (4 giờ)
- Deploy Vercel
- Custom domain (optional: $1/năm
.comở Cloudflare) - Add transactional email (Resend)
- Setup analytics (Plausible / PostHog)
Output
- Live URL với Stripe checkout work
- User register + login + pay → unlock feature
- Cost <$50/tháng
Knowledge Check — Stage 2 (7 câu)
1. Stack default 2026 cho solo SaaS VN?
A. PHP + jQuery B. Next.js + Supabase + Stripe + Vercel + Clerk C. WordPress + WooCommerce D. Django + React custom
Đáp án: B — Stack chuẩn 2026 production-ready + scalable.
2. Stripe vs Lemon Squeezy cho VN founder?
A. Stripe luôn B. Lemon Squeezy — Merchant of Record handle VAT/tax global C. Cả 2 same D. Tự build VNPay
Đáp án: B — Lemon Squeezy outsource VAT/GST/sales tax globally. VN founder không cần thuê accountant quốc tế.
3. Supabase free tier?
A. Không có B. <500MB DB + auth + storage + realtime C. Chỉ DB D. Unlimited
Đáp án: B — Free <500MB DB + auth + storage + realtime + 2GB egress. Đủ cho MVP <1000 users.
4. Code AI-gen vulnerability rate?
A. 0% B. 5-10% C. 40-45% D. 95%
Đáp án: C — Research 2026: 40-45% vulnerability. MANDATORY: chạy Claude Code security review mode trước launch.
5. Cursor 3.0 (T4/2026) feature?
A. Mobile only B. Agents Window — 8 agents parallel C. Voice only D. Disable AI
Đáp án: B — Cursor 3.0: Agents Window chạy 8 agents parallel. BugBot fixer. Slack/Linear/GitHub triggers.
6. Pieter Levels stack PhotoAI?
A. Next.js B. 14,000 dòng raw PHP C. Django D. Spring Boot
Đáp án: B — $132K MRR, 0 employees, raw PHP. "Ship fast. Ship ugly. Ship in public."
7. Solo founder $1M ARR 2026?
A. Rất hiếm B. Pattern mới (Base44 $80M exit, Medvi $401M) C. Không thể D. Chỉ ở Mỹ
Đáp án: B — Solo + AI tools = team of 5. New pattern 2025-2026.
Score:
- 6-7/7 Sẵn sàng Stage 3
- 4-5/7 Review backend + frontend
- <4/7 Re-do lab
Mantra Stage 2
"Trong 2026, ship 1 SaaS = 1 người + 1 weekend.Câu hỏi không phải "có làm được không?" — Mà "bạn ship cái gì cuối tuần này?""