Lộ Trình Học Fullstack

Bước 1

HTML và CSS

Cấu trúc cơ bản của HTML (thẻ, thuộc tính, phân cấp)

HTML5 và các tính năng hiện đại (semantic HTML, multimedia)

CSS cơ bản: selectors, box model, display, position

CSS nâng cao: Flexbox, Grid, Animation, Transition

Responsive Web Design với media queries

Bước 2

JavaScript

Cấu trúc cơ bản của JavaScript (biến, kiểu dữ liệu, toán tử)

Câu lệnh điều kiện, vòng lặp, hàm

DOM Manipulation (thao tác với HTML và CSS bằng JS)

Event handling (bắt sự kiện, xử lý sự kiện)

Lập trình bất đồng bộ (Callback, Promise, Async/Await)

Các khái niệm nâng cao: Closure, Scope, Hoisting, Prototype

Bước 3

Công cụ và môi trường làm việc

Git và GitHub để quản lý mã nguồn

Công cụ lập trình như VS Code, Chrome DevTools

NPM/Yarn để quản lý thư viện JavaScript

Bước 4

ReactJS

Component trong React: Function components, JSX

Props và State: truyền và quản lý dữ liệu giữa các component

Hooks: useState, useEffect, Context API

Điều hướng với React Router

Quản lý trạng thái toàn cục với Redux hoặc Zustand

Bước 5

Node.js — JavaScript phía server

Node.js hoạt động thế nào: event loop, module, npm

Bất đồng bộ: vì sao một luồng phục vụ được nghìn người

Dựng HTTP server thuần trước khi dùng Express

Biến môi trường và cấu hình ứng dụng

Debug trong VS Code thay vì rải console.log

Bước 6

Express và REST API

Dựng server với Express: routing, middleware

Thiết kế REST API: phương thức, mã trạng thái, quy ước đặt endpoint

Kiểm tra dữ liệu đầu vào (validation) bằng zod

CORS và gọi API từ chính ứng dụng React của bạn

Bước 7

Cơ sở dữ liệu

SQL cơ bản: bảng, khoá chính, khoá ngoại, truy vấn JOIN

Thiết kế lược đồ và tránh lặp dữ liệu

ORM với Prisma: model, migration, quan hệ

Tránh vấn đề N+1 và dùng index cho đúng

NoSQL và MongoDB: khác gì và khi nào nên dùng

Bước 8

Xác thực và bảo mật

Băm mật khẩu an toàn với bcrypt

Session và token: chọn cái nào và vì sao

JWT kèm refresh token xoay vòng

Lưu token ở đâu: localStorage hay cookie httpOnly

Phân quyền theo vai trò và theo chủ sở hữu

Các lỗ hổng thường gặp: SQL injection, XSS, CSRF, IDOR

Bước 9

Triển khai và vận hành

Build cho môi trường production

Đưa ứng dụng lên Vercel, Render hoặc VPS

Quản lý biến môi trường và khoá bí mật

CI/CD cơ bản với GitHub Actions

Theo dõi lỗi và hiệu năng sau khi chạy thật

Bước 10

AI Coding — Làm việc thông minh và hiệu suất

Dùng trợ lý AI lập trình đúng cách (Cursor, Claude Code, Codex)

Viết prompt hiệu quả để sinh code, giải thích và refactor

Đọc, review và sửa lại code do AI tạo ra thay vì tin tưởng mù quáng

Tăng tốc debug và viết test với sự hỗ trợ của AI

Ứng dụng AI vào quy trình làm việc thực tế để tăng hiệu suất

Hoàn thành lộ trình

Trở thành Fullstack Developer chuyên nghiệp