VS Code là IDE duy nhất bạn cần. Với cấu hình đúng, nó trở thành một AI-powered workstation cực kỳ mạnh — nhanh hơn, thông minh hơn bất kỳ IDE nào khác khi kết hợp với GitHub Copilot.

Extensions Bắt Buộc Cài

Extension	ID (Search trong VS Code)	Mục Đích
GitHub Copilot	`GitHub.copilot`	AI autocomplete — bắt buộc số 1
GitHub Copilot Chat	`GitHub.copilot-chat`	Chat AI trong VS Code, giải thích + sửa code
Python	`ms-python.python`	Python language support đầy đủ
Pylance	`ms-python.vscode-pylance`	IntelliSense Python cực nhanh
ESLint	`dbaeumer.vscode-eslint`	Lint JS/TS tự động
Prettier	`esbenp.prettier-vscode`	Auto format code khi save
GitLens	`eamodio.gitlens`	Git history, blame, AI commit messages
REST Client	`humao.rest-client`	Test API ngay trong VS Code (không cần Postman)
Thunder Client	`rangav.vscode-thunder-client`	GUI test API giống Postman
Live Server	`ritwickdey.liveserver`	Auto-reload khi edit HTML/CSS
Error Lens	`usernamehw.errorlens`	Hiện lỗi inline ngay trên dòng code
Auto Rename Tag	`formulahendry.auto-rename-tag`	Tự đổi cả thẻ đóng khi sửa thẻ mở HTML
Path IntelliSense	`christian-kohler.path-intellisense`	Gợi ý đường dẫn file khi import
Indent Rainbow	`oderwat.indent-rainbow`	Tô màu indent — dễ đọc code Python
Docker	`ms-azuretools.vscode-docker`	Quản lý Docker containers

Cài nhanh toàn bộ bằng một lệnh Terminal trong VS Code: mở Ctrl+` rồi paste lệnh sau — hoặc nhờ Copilot Chat viết script cài hàng loạt cho bạn!

settings.json — Cấu Hình Tối Ưu

Mở bằng Ctrl+Shift+P → Open User Settings (JSON) và paste cấu hình này:

{
  // ─── Editor ───────────────────────────────────────────
  "editor.fontSize": 14,
  "editor.fontFamily": "'JetBrains Mono', 'Fira Code', Consolas, monospace",
  "editor.fontLigatures": true,
  "editor.lineHeight": 1.7,
  "editor.tabSize": 2,
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.wordWrap": "on",
  "editor.minimap.enabled": false,
  "editor.smoothScrolling": true,
  "editor.cursorBlinking": "smooth",
  "editor.renderWhitespace": "boundary",
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": "active",
  "editor.inlineSuggest.enabled": true,
  "editor.suggest.showIcons": true,
  "editor.accessibilitySupport": "off",

  // ─── GitHub Copilot ────────────────────────────────────
  "github.copilot.enable": { "*": true },
  "github.copilot.editor.enableAutoCompletions": true,
  "github.copilot.chat.localeOverride": "vi",

  // ─── Files ─────────────────────────────────────────────
  "files.autoSave": "afterDelay",
  "files.autoSaveDelay": 1000,
  "files.trimTrailingWhitespace": true,
  "files.insertFinalNewline": true,
  "files.exclude": {
    "**/__pycache__": true,
    "**/*.pyc": true,
    "**/node_modules": true,
    "**/.git": true
  },

  // ─── Terminal ──────────────────────────────────────────
  "terminal.integrated.fontSize": 13,
  "terminal.integrated.fontFamily": "'JetBrains Mono', monospace",
  "terminal.integrated.cursorStyle": "line",
  "terminal.integrated.defaultProfile.windows": "PowerShell",

  // ─── Prettier ──────────────────────────────────────────
  "prettier.semi": true,
  "prettier.singleQuote": true,
  "prettier.tabWidth": 2,
  "prettier.trailingComma": "es5",
  "prettier.printWidth": 100,

  // ─── Python ────────────────────────────────────────────
  "python.analysis.typeCheckingMode": "basic",
  "python.languageServer": "Pylance",
  "[python]": {
    "editor.defaultFormatter": "ms-python.black-formatter",
    "editor.tabSize": 4
  },

  // ─── WorkBench ─────────────────────────────────────────
  "workbench.colorTheme": "One Dark Pro",
  "workbench.iconTheme": "material-icon-theme",
  "workbench.startupEditor": "none",
  "workbench.editor.enablePreview": false,

  // ─── Git ───────────────────────────────────────────────
  "git.autofetch": true,
  "git.confirmSync": false,
  "gitlens.ai.experimental.provider": "openai"
}

Keyboard Shortcuts Quan Trọng Nhất

Phím Tắt	Chức Năng	Ghi Chú
`Ctrl+Shift+I`	Mở Copilot Chat	Dùng nhiều nhất — chat với AI về code
`Alt+\`	Trigger Copilot suggestion	Gợi ý AI inline ngay tại con trỏ
`Tab`	Chấp nhận suggestion	Khi Copilot hiện gợi ý màu xám
`Ctrl+Enter`	Xem tất cả suggestions	Mở panel hiện 10 gợi ý khác nhau
Ctrl+`	Mở/đóng Terminal	Terminal tích hợp VS Code
`Ctrl+Shift+P`	Command Palette	Truy cập mọi lệnh VS Code
`Ctrl+P`	Quick Open file	Mở file nhanh bằng tên
`Ctrl+D`	Multi-cursor select	Chọn từ giống nhau để sửa cùng lúc
`Ctrl+/`	Comment/uncomment	Comment nhanh dòng code
`F12`	Go to definition	Nhảy đến định nghĩa hàm/class
`Shift+F12`	Find all references	Tìm mọi nơi dùng hàm/biến này
`F2`	Rename symbol	Đổi tên hàm/biến toàn project
`Ctrl+Shift+F`	Search toàn project	Tìm kiếm trong tất cả files
`Alt+Up/Down`	Di chuyển dòng	Kéo dòng code lên/xuống
`Ctrl+Z / Ctrl+Y`	Undo / Redo	Luôn có undo nhiều bước

Tôi cần cài VS Code cho dự án Python web scraping.
Hãy:
1. Liệt kê 10 extensions cần thiết nhất với lý do ngắn gọn cho từng cái
2. Viết file settings.json đầy đủ tối ưu cho Python + web dev
3. Liệt kê 5 keyboard shortcuts quan trọng nhất cần học đầu tiên

Format: JSON cho settings.json, bảng cho extensions và shortcuts.

Dùng trong Copilot Chat (Ctrl+Shift+I) hoặc ChatGPT/Claude

📜

Command Bible — Cách Ra Lệnh Cho AI Làm Mọi Thứ

Đây là phần quan trọng nhất của toàn bộ khoá học. Người giỏi AI coding không phải là người biết nhiều code — mà là người biết cách ra lệnh chính xác để AI tạo ra đúng thứ họ muốn, ngay lần đầu tiên.

🤖 3 Kênh Ra Lệnh Cho AI

Copilot Chat Ctrl+Shift+I — Chat trực tiếp, giải thích, tạo file
Inline Copilot Alt+\ — Gợi ý code ngay tại con trỏ
ChatGPT / Claude — Cho câu hỏi phức tạp, thiết kế hệ thống

📐 Formula Ra Lệnh Hiệu Quả: POWER

Project — Ngữ cảnh dự án của bạn
Operation — Bạn muốn AI làm gì
Want — Output mong muốn (format, language)
Example — Ví dụ input/output nếu có
Restriction — Giới hạn, không làm gì

🏗 Ra Lệnh Tạo Project Mới

Tạo toàn bộ project từ đầu Copilot Chat

Dùng khi bắt đầu dự án mới — yêu cầu AI viết ra plan trước, rồi code từng file

Tôi muốn build [loại app: CLI tool / web app / REST API / automation script].

Mô tả: [mô tả ngắn 2-3 câu về ứng dụng]

Tech stack: [Python 3.11 / Node.js 20 / React 18 / khác]
Database: [SQLite / PostgreSQL / MongoDB / không có]
IDE: VS Code

Yêu cầu chức năng:
- [feature 1]
- [feature 2]  
- [feature 3]

Trả về theo thứ tự:
1. Cấu trúc thư mục đầy đủ (dạng tree)
2. File package.json / requirements.txt
3. Từng file code (bắt đầu từ entry point)
4. Lệnh chạy và test

Viết code production-ready, có xử lý lỗi, có comments.

Tạo một file cụ thể Copilot Chat

Khi chỉ cần một file trong project

Viết file [tên file, ví dụ: userController.js] cho dự án Express.js của tôi.

File này cần:
- Hàm [tên hàm]: [mô tả]
- Hàm [tên hàm 2]: [mô tả 2]
- Export: [những gì cần export]

Sử dụng: [thư viện, ví dụ: prisma, bcrypt, jwt]
Kiểu dữ liệu: TypeScript / JavaScript

Lưu ý:
- Xử lý lỗi với try-catch
- Validate input trước khi xử lý
- Trả về JSON response chuẩn {success, data, message}

🐛 Ra Lệnh Debug Lỗi

Debug lỗi cụ thể Copilot Chat

Template chuẩn để báo lỗi — cung cấp đủ context giúp AI hiểu ngay

Tôi đang gặp lỗi này trong VS Code:

LỖI:
[paste lỗi đầy đủ từ terminal/console]

FILE: [tên file]
NGÔN NGỮ: [Python / JavaScript / TypeScript]

CODE GÂY LỖI:
[paste đoạn code có vấn đề]

CONTEXT:
- Tôi đang cố làm gì: [mô tả]
- Đã thử: [những gì đã thử]

Hãy:
1. Giải thích nguyên nhân lỗi (ngắn gọn)
2. Đưa ra fix cụ thể (chỉ sửa phần cần thiết)
3. Giải thích tại sao fix này đúng

Debug không có lỗi (logic bug) Copilot Chat

Khi code chạy nhưng kết quả sai

Code chạy không lỗi nhưng kết quả sai.

Hàm: [tên hàm]
Input tôi truyền vào: [input]
Kết quả nhận được: [actual output]
Kết quả mong muốn: [expected output]

Code:
[paste code]

Tìm bug và giải thích từng bước logic.

♻ Ra Lệnh Refactor & Cải Tiến

Refactor code Inline / Chat

Dùng khi code chạy được nhưng cần cải thiện chất lượng

Refactor đoạn code này:
[paste code]

Yêu cầu:
- Dễ đọc hơn (tên biến/hàm rõ ràng)
- Không lặp code (DRY principle)
- Xử lý edge cases
- Thêm type hints (nếu Python) / TypeScript types

KHÔNG thay đổi:
- Interface của hàm (tên, params, return type)
- Logic chính
- Tên file

Giải thích ngắn gọn những thay đổi quan trọng.

🧪 Ra Lệnh Viết Tests

Tạo unit tests Copilot Chat

Viết tests đầy đủ cho một hàm/module

Viết unit tests cho file này:
[paste code cần test]

Framework: [Jest / Vitest / pytest / unittest]
Language: [JavaScript / Python]

Tests cần bao gồm:
1. Happy path (input đúng → output đúng)
2. Edge cases (empty, null, boundary values)
3. Error cases (input sai, exception handling)

Mock: [những gì cần mock — DB, API calls, file system]

Format: file test đầy đủ, sẵn sàng chạy.

📖 Ra Lệnh Giải Thích Code

Explain code lạ/phức tạp Copilot Chat

Khi gặp code của người khác hoặc thư viện không hiểu

Giải thích đoạn code này cho tôi hiểu:
[paste code]

Tôi là developer có [beginner/intermediate] level.

Hãy:
1. Tóm tắt 1 câu code này làm gì
2. Giải thích từng phần quan trọng (dạng comment inline)
3. Giải thích những khái niệm tôi cần biết để hiểu code này
4. Nếu có phần nguy hiểm/có vấn đề — chỉ ra luôn

🏛 Ra Lệnh Thiết Kế Hệ Thống

Thiết kế database schema Copilot Chat / ChatGPT

Thiết kế cấu trúc database cho ứng dụng mới

Thiết kế database schema cho ứng dụng [tên/mô tả app].

Chức năng chính:
- [feature 1]
- [feature 2]
- [feature 3]

Database: [PostgreSQL / MySQL / SQLite / MongoDB]
ORM: [Prisma / SQLAlchemy / Mongoose]

Yêu cầu:
- Normalize đến 3NF (nếu SQL)
- Có timestamps (created_at, updated_at)
- Có indexes cho queries thường dùng
- Có foreign keys và constraints phù hợp

Trả về:
1. Entity Relationship Diagram (dạng text)
2. SQL CREATE TABLE scripts hoặc Prisma schema
3. Giải thích quyết định thiết kế quan trọng

Thiết kế API endpoints Copilot Chat

Design RESTful API chuẩn trước khi code

Thiết kế REST API cho [mô tả app].

Resources: [User, Post, Comment, Product... - list ra các entity]

Yêu cầu:
- RESTful conventions
- JWT authentication cho routes cần auth
- Phân quyền: [admin/user/public]

Trả về bảng đầy đủ:
| Method | Endpoint | Auth | Body | Response | Mô tả |

Sau đó viết Express router skeleton với comments.

🚀 Ra Lệnh Deploy & DevOps

Viết Dockerfile Copilot Chat

Containerize ứng dụng với Docker

Viết Dockerfile cho ứng dụng [Python Flask / Node.js Express / React].

Cấu trúc project:
[paste tree output của project]

Yêu cầu:
- Multi-stage build (nếu cần build step)
- Non-root user
- Health check
- .dockerignore file

Thêm: docker-compose.yml với database [PostgreSQL/Redis] nếu cần.

Viết kèm lệnh build và run.

Viết GitHub Actions CI/CD Copilot Chat

Tự động test + deploy khi push code

Viết GitHub Actions workflow cho project [Python/Node.js]:

Trigger: push to main + pull_request

Jobs:
1. test: chạy [pytest / jest], báo fail nếu coverage < 80%
2. lint: chạy [flake8 / eslint + prettier]
3. deploy: deploy lên [Railway / Render / Vercel] chỉ khi test pass

Secrets cần: [RAILWAY_TOKEN, DATABASE_URL, ...]

Tạo file .github/workflows/ci.yml đầy đủ.

🔒 Ra Lệnh Security Review

Security audit code Copilot Chat

Kiểm tra lỗ hổng bảo mật trước khi deploy

Review code này theo OWASP Top 10:
[paste code]

Kiểm tra đặc biệt:
- SQL/NoSQL Injection
- XSS (Cross-Site Scripting)
- IDOR (Insecure Direct Object Reference)
- Hardcoded secrets/passwords
- Input validation thiếu
- Authentication/Authorization issues
- Sensitive data exposure

Với mỗi vấn đề tìm thấy:
- Mức độ: Critical / High / Medium / Low
- Đoạn code cụ thể có vấn đề
- Cách fix với code ví dụ

Mẹo #1 — Context References trong Copilot Chat: Dùng #file:tên-file.py để include nội dung file cụ thể, @workspace để AI đọc toàn bộ project, #selection để chỉ về đoạn code đang chọn. Ví dụ: "Refactor hàm trong #file:auth.py để xử lý thêm trường hợp token hết hạn"

Mẹo #2 — Iterative Prompting: Không cần prompt hoàn hảo ngay lần đầu. Sau khi nhận kết quả, follow up bằng: "Thêm xử lý lỗi khi database timeout", "Thêm pagination cho endpoint này", "Convert sang TypeScript". Mỗi turn chỉ yêu cầu một thay đổi nhỏ.

🏗

Build Templates — Khởi Động Bất Kỳ Loại Project Nào

Với mỗi loại project phổ biến, đây là prompt hoàn chỉnh để khởi động. Chỉ cần thay thế phần [trong ngoặc] bằng thông tin của bạn rồi paste vào Copilot Chat.

🐍

Template 1 — Python CLI Tool

Python 3.11 · Click · VS Code · PyPI-ready

Dùng để build: file processor, automation script, data converter, API client CLI, batch tool.

Build một Python CLI tool tên là [tên-tool] với VS Code.

Mục đích: [mô tả tool làm gì - 1-2 câu]

Commands:
- [tên-lệnh]: [làm gì, params nào]
- [tên-lệnh-2]: [làm gì]

Tech stack:
- Python 3.11+
- Click (CLI framework)
- [requests / pandas / pillow / khác nếu cần]

Cấu trúc project:
[tên-tool]/
├── [tên_tool]/
│   ├── __init__.py
│   ├── cli.py      ← entry point
│   ├── core.py     ← business logic
│   └── utils.py
├── tests/
├── requirements.txt
├── setup.py (để pip install -e .)
└── README.md

Yêu cầu:
- Error handling đầy đủ với exit codes
- --help cho mỗi command
- --verbose flag cho debug output
- Config từ env variables hoặc .env file
- Colorful output với click.style()

Viết từng file đầy đủ, bắt đầu từ requirements.txt.

⚛️

Template 2 — React Web App

React 18 · Vite · Tailwind CSS · VS Code

Dùng để build: dashboard, landing page, SaaS frontend, portfolio, tool với UI đẹp.

Build React web app tên [tên-app] với VS Code + Vite.

Mô tả: [app làm gì]

Pages/Views:
- [tên trang 1]: [chức năng]
- [tên trang 2]: [chức năng]

Tech stack:
- React 18 + TypeScript
- Vite (build tool)
- Tailwind CSS (styling)
- React Router v6 (routing)
- [Zustand / Context API] (state)
- [axios / fetch] (API calls)

Cấu trúc:
src/
├── components/    ← reusable UI components
├── pages/         ← page components
├── hooks/         ← custom React hooks
├── services/      ← API service layer
├── store/         ← state management
├── types/         ← TypeScript interfaces
└── utils/         ← helper functions

Yêu cầu:
- Mobile responsive
- Loading states và error handling
- TypeScript types cho mọi props
- Custom hooks để tái sử dụng logic

Bắt đầu bằng: package.json + vite.config.ts + tailwind.config.js + cấu trúc thư mục.
Sau đó viết từng component theo thứ tự từ layout đến trang.

🚀

Template 3 — Node.js REST API

Express.js · Prisma · PostgreSQL · JWT · VS Code

Build REST API cho [tên project] với VS Code.

Entities: [User, Post, Comment... liệt kê]
Auth: JWT (register/login/refresh token)
Database: PostgreSQL với Prisma ORM

Cấu trúc:
src/
├── routes/        ← Express routers
├── controllers/   ← Request handlers
├── services/      ← Business logic
├── middlewares/   ← Auth, validation, error
├── models/        ← Prisma schema queries
└── utils/

API Endpoints cần:
- POST /auth/register
- POST /auth/login  
- [thêm endpoints theo entity]

Yêu cầu:
- Zod validation cho request body
- Rate limiting (express-rate-limit)
- CORS configured
- Error handling middleware tập trung
- Request logging với Morgan
- .env.example file

Viết: package.json → prisma/schema.prisma → .env.example → từng file source.

🤖

Template 4 — Selenium Automation Script

Python · Selenium 4 · ChromeDriver · VS Code

Build Selenium automation script với Python + VS Code.

Mục đích: [mô tả — ví dụ: tự động đăng nhập và download báo cáo từ website X]

Target website: [URL]
Actions cần tự động:
1. [bước 1 — ví dụ: mở trang login]
2. [bước 2 — điền form username/password]
3. [bước 3 — click nút login]
4. [bước 4 — navigate đến trang báo cáo]
5. [bước 5 — download file]

Tech stack:
- Python 3.11
- selenium==4.x
- webdriver-manager (tự cài ChromeDriver)
- python-dotenv (credentials từ .env)

Yêu cầu:
- Chạy headless (không cần mở browser thật) khi cần
- Wait đúng cách (WebDriverWait, không dùng time.sleep)
- Screenshot khi lỗi
- Logging đầy đủ
- Retry tự động khi thất bại

Cấu trúc:
automation/
├── main.py
├── config.py
├── selectors.py  ← CSS/XPath selectors tập trung
├── actions.py    ← các bước automation
├── utils.py
├── .env
└── requirements.txt

Viết từng file đầy đủ.

💎

Template 5 — Full-stack SaaS App (Để Bán)

React + Express + PostgreSQL + Stripe · Deploy-ready

Build full-stack SaaS app tên [tên] với VS Code. App này sẽ được deploy và bán thật.

Mô tả: [app làm gì, target user là ai, giá trị mang lại]

Tech stack:
- Frontend: React 18 + TypeScript + Vite + Tailwind CSS
- Backend: Node.js + Express + TypeScript
- Database: PostgreSQL + Prisma ORM
- Auth: JWT + bcrypt
- Payment: Stripe (subscription plans)
- Deploy: Vercel (FE) + Railway (BE)
- Monorepo: packages/web + packages/api

Features:
- Landing page với pricing tiers
- Đăng ký / Đăng nhập
- Dashboard sau login
- [core feature của SaaS]
- Quản lý subscription Stripe
- Admin panel xem users + revenue

Bắt đầu bằng:
1. Monorepo structure + package.json root
2. Prisma schema đầy đủ
3. Backend: auth routes + middleware
4. Frontend: landing page component
5. Stripe integration

Viết production-ready code, có error handling, có TypeScript types.

🤖

Selenium Browser Automation — Quick Start Guide

🌐 Browser Automation · Python · VS Code

Selenium cho phép bạn điều khiển trình duyệt bằng code — click, gõ text, điền form, scrape dữ liệu, auto login, download file... Tất cả tự động. Chi tiết đầy đủ ở Chương 4 — Bài 4.7.

Cài Đặt Trong 3 Bước

Tạo virtual env + cài packages

cd my-automation
python -m venv venv
venv\Scripts\activate        # Windows
# source venv/bin/activate   # Mac/Linux
pip install selenium webdriver-manager python-dotenv

Tạo file driver.py — setup Chrome

from selenium import webdriver
from selenium.webdriver.chrome.service import Service
from webdriver_manager.chrome import ChromeDriverManager

def get_driver(headless=False):
    options = webdriver.ChromeOptions()
    if headless:
        options.add_argument('--headless=new')
    options.add_argument('--no-sandbox')
    options.add_argument('--disable-dev-shm-usage')
    options.add_argument('--window-size=1920,1080')
    driver = webdriver.Chrome(
        service=Service(ChromeDriverManager().install()),
        options=options
    )
    driver.implicitly_wait(10)
    return driver

Viết automation đầu tiên

from driver import get_driver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

driver = get_driver(headless=False)
try:
    driver.get("https://example.com")
    # Tìm element và click
    btn = WebDriverWait(driver, 10).until(
        EC.element_to_be_clickable((By.CSS_SELECTOR, "#login-btn"))
    )
    btn.click()
    print("✅ Done!")
finally:
    driver.quit()  # Luôn quit trong finally!

Cách Tìm Elements (Locators)

By.ID

find_element(By.ID, "username")

Tốt nhất — nếu element có id duy nhất

By.CSS_SELECTOR

find_element(By.CSS_SELECTOR, "input.email")

Linh hoạt nhất — dùng như CSS selector

By.XPATH

find_element(By.XPATH, "//button[text()='Login']")

Mạnh nhất — tìm theo text, vị trí tương đối

By.NAME

find_element(By.NAME, "email")

Dùng cho form fields có attribute name

By.CLASS_NAME

find_elements(By.CLASS_NAME, "product-card")

Tìm nhiều elements cùng class (scraping)

By.LINK_TEXT

find_element(By.LINK_TEXT, "Đăng nhập")

Tìm link theo text hiển thị

Tôi có trang web [URL hoặc mô tả trang].
Tôi muốn tự động:
1. Mở trang web
2. [bước automation 1]
3. [bước automation 2]
4. [lấy dữ liệu / click / download]

Sử dụng: Python Selenium 4, VS Code, webdriver-manager
Trình duyệt: Chrome (headless mode)

Hãy:
1. Phân tích HTML cần tìm elements nào
2. Viết code đầy đủ với WebDriverWait (không time.sleep)
3. Xử lý lỗi nếu element không tìm thấy
4. Thêm logging để biết tiến độ

Nếu cần XPath để tìm phần tử theo text cụ thể, hãy chỉ rõ.

Dùng trong Copilot Chat — nếu có HTML của trang, paste vào làm context sẽ chính xác hơn nhiều

→ Xem bài học Selenium đầy đủ với 3 dự án thực hành tại Chương 4 — Bài 4.7 & 4.8

💡

Từ Ý Tưởng Đến Sản Phẩm — Framework 6 Bước

Đây là quy trình chuẩn khi bạn muốn build bất kỳ thứ gì. Làm đúng thứ tự này sẽ tiết kiệm nhiều giờ sửa lỗi sau.

Spec rõ ràng — Hỏi AI thiết kế trước khi code

Prompt: "Tôi muốn build [ý tưởng]. Hỏi tôi 5 câu hỏi clarifying để hiểu rõ yêu cầu trước khi bắt đầu design." — AI sẽ hỏi những điểm còn mơ hồ, giúp bạn định hình sản phẩm rõ hơn.

Architecture design — Chọn tech stack phù hợp

Prompt: "Với app [mô tả], đề xuất tech stack đơn giản nhất có thể ship trong [thời gian]. So sánh 2 options." — Đừng over-engineer, chọn stack bạn biết nhất.

Scaffold project structure — Setup trong 10 phút

Dùng Build Template phù hợp ở trên. Yêu cầu AI tạo toàn bộ cấu trúc thư mục + file config trước. Setup VS Code workspace với đúng extensions.

Build từng feature nhỏ — Commit thường xuyên

Build theo thứ tự: data layer → business logic → API → UI. Mỗi feature nhỏ: prompt AI → review code → test → commit. Không build nhiều thứ song song.

Test & Debug theo vòng lặp

Dùng Debug Template ở trên khi gặp lỗi. Luôn hỏi AI giải thích tại sao lỗi, không chỉ nhờ fix. Viết ít nhất 1 test cho mỗi function quan trọng.

Deploy & Ship — Ra thị trường nhanh

Dùng: Vercel (React/Next.js), Railway (Node.js + DB), Render (Docker). Prompt: "Viết deployment checklist cho app [stack] trước khi go-live"

Bẫy phổ biến nhất: Nhiều người dùng AI để viết code mà không đọc hiểu — kết quả là bug tích luỹ, không thể maintain. Quy tắc vàng: AI viết, bạn đọc và hiểu từng dòng trước khi chạy. Nếu không hiểu, hỏi AI giải thích cho đến khi hiểu.

⚡

Daily Workflow — Làm Việc Hiệu Quả Với AI Mỗi Ngày

Quy Trình Sáng (Bắt Đầu Session)

# 1. Mở VS Code và project
# 2. Mở Copilot Chat (Ctrl+Shift+I)
# 3. Paste prompt này để "warm up" AI với context:

"Tôi đang làm việc với project [tên project].
Tech stack: [stack]
Hôm nay tôi cần hoàn thành:
- [task 1]
- [task 2]

Nhắc tôi: nếu tôi hỏi gì, luôn trả lời bằng tiếng Việt,
viết code có comments tiếng Việt, và chỉ thay đổi đúng
phần tôi yêu cầu."

Quy Trình Khi Bắt Đầu Feature Mới

Plan trước — 5 phút

Prompt AI: "Tôi muốn thêm feature [X] vào project này. Hãy liệt kê các bước cần làm theo thứ tự ưu tiên, ước tính độ phức tạp."

Code từng bước nhỏ

Một lần chỉ làm một việc. Copilot Chat + inline suggestions. Sau mỗi bước nhỏ: test luôn.

Review code AI tạo ra

Trước khi chạy code AI viết: đọc qua 1 lần, check logic, check security. Nếu không hiểu gì: "Giải thích dòng X-Y trong code này"

Commit và document

Dùng Copilot để viết commit message: "Viết conventional commit message cho thay đổi: [mô tả thay đổi]". Commit nhỏ, thường xuyên.

Tips Học Nhanh Nhất

#	Mẹo	Tại Sao Quan Trọng
1	Build thứ bạn cần dùng — không làm tutorial project	Motivation cao hơn, nhớ lâu hơn 3x
2	1 concept + 1 project nhỏ — học xong là code ngay	Active learning, không quên sau 1 tuần
3	Đọc lỗi thật kỹ trước khi hỏi AI — 60% lỗi tự giải quyết được	Rèn debug mindset, không phụ thuộc hoàn toàn vào AI
4	Giải thích lại code cho AI — Rubber duck debugging	Giúp hiểu sâu, phát hiện bug qua việc mô tả
5	Commit code mỗi ngày — dù chỉ 1 dòng	Tạo momentum, có lịch sử để quay lại
6	Đọc code tốt — đọc GitHub repos open source	Học pattern từ code chất lượng cao
7	Ship sớm — version đơn giản nhất trước	Feedback thực từ người dùng quan trọng hơn tính năng

Challenge 7 ngày — Từ Zero Đến Sản Phẩm Đầu Tiên:

Ngày 1: Cài VS Code + extensions + GitHub Copilot. Build "Hello World" script đầu tiên với AI.
Ngày 2: Build Python CLI tool đơn giản (ví dụ: tool đổi tên file hàng loạt theo pattern)
Ngày 3: Build web scraper lấy dữ liệu từ 1 trang web bạn thường dùng
Ngày 4: Build REST API đơn giản với Express (CRUD cho 1 resource)
Ngày 5: Build React UI cho API ngày 4
Ngày 6: Deploy app lên internet (Vercel + Railway)
Ngày 7: Chia sẻ link, nhận feedback, plan feature tiếp theo

✅ Bạn Sẵn Sàng Bắt Đầu Khóa Học Khi:

VS Code đã cài đặt và GitHub Copilot đang hoạt động (thấy biểu tượng Copilot góc dưới phải VS Code)
Node.js v18+ và Python 3.10+ đã cài đặt — chạy node -v và python --version không báo lỗi
Git đã cài và lưu sẵn email/username: git config --global user.email trả về email của bạn
Hiểu rõ mục tiêu: bạn muốn build gì sau khóa học — app, tool, website hay đổi nghề đều cần biết rõ
Đã đọc và hiểu roadmap 10 chương — biết bạn đang đi từ đâu đến đâu

← Trang Chủ

Landing Page

Bắt Đầu Học →

Chương 1: Giới Thiệu AI Coding