Tổng quan:
- Số phần học: 6 phần chính
- Tổng số bài học: 40+ bài
- Sau mỗi phần: có bài kiểm tra & thực hành
- Kết thúc khóa: Dự án thực tế xây dựng một website hoàn chỉnh
Phần 1: Nền Tảng Web & Frontend Cơ Bản
Mục tiêu: Làm chủ HTML, CSS, JS – nền móng để xây dựng giao diện web
Bài học:
- Giới thiệu web: Client – Server hoạt động ra sao?
- HTML cơ bản: Thẻ, cấu trúc trang
- CSS cơ bản: Box model, màu sắc, layout
- CSS nâng cao: Flexbox, Grid
- JavaScript cơ bản: Biến, hàm, điều kiện
- DOM và sự kiện: Tương tác với người dùng
- Mini project: Trang giới thiệu cá nhân
Bài tập thực hành:
- Làm giao diện blog cá nhân
- Tạo hiệu ứng đơn giản với JS (ví dụ: đổi màu khi bấm nút)
Phần 2: Frontend Nâng Cao Với React.js
Mục tiêu: Biết cách xây dựng ứng dụng SPA hiện đại bằng React
Bài học:
- Giới thiệu React và lý do sử dụng
- JSX và Component
- Props & State
- Sự kiện và xử lý dữ liệu
- useEffect, useState hooks
- Router: Điều hướng trang
- Gọi API với Axios
- Quản lý Form và Validation
Bài tập thực hành:
- Tạo ứng dụng Todo List bằng React
- Làm trang xem danh sách sản phẩm từ API giả
Phần 3: Backend Với Node.js + Express
Mục tiêu: Tạo API, xử lý yêu cầu, logic backend
Bài học:
- Cài đặt Node.js, giới thiệu Express
- Routing & Middleware
- Nhận dữ liệu từ Client (POST, GET)
- Cấu trúc dự án Express chuẩn
- Xử lý lỗi, validate dữ liệu
- CORS & bảo mật cơ bản
- Upload file và Multer
Bài tập thực hành:
- Viết API CRUD đơn giản cho sản phẩm
- Test bằng Postman
Phần 4: Database Với MongoDB & Mongoose
Mục tiêu: Lưu trữ và truy vấn dữ liệu linh hoạt
Bài học:
- Giới thiệu MongoDB và NoSQL
- Cài MongoDB local hoặc Atlas
- Mongoose: Schema & Model
- Thao tác CRUD với MongoDB
- Liên kết dữ liệu (Reference, Population)
- Index, Validate, Pagination
Bài tập thực hành:
- Xây dựng hệ thống quản lý bài viết (Blog)
- Kết nối và hiển thị bài viết từ MongoDB
Phần 5: Xác Thực Người Dùng & Triển Khai
Mục tiêu: Đăng ký, đăng nhập, bảo mật, đưa web lên internet
Bài học:
- Hệ thống xác thực – JWT
- Đăng ký, đăng nhập, lưu Token
- Phân quyền người dùng (admin/user)
- Bảo mật API – Middleware auth
- Triển khai frontend lên Vercel / Netlify
- Triển khai backend Node.js lên Render / Railway / VPS
- Kết nối domain, SSL, cấu hình Nginx
Bài tập thực hành:
- Tích hợp chức năng đăng nhập / logout trong React
- Bảo vệ route riêng tư bằng token
Phần 6: Dự Án Tổng Hợp Fullstack
Xây dựng 1 ứng dụng thực tế – từ đầu đến cuối
Tên dự án: Website bán hàng mini (MiniShop)
Tính năng:
- Danh sách sản phẩm (public)
- Trang chi tiết sản phẩm
- Đăng ký / đăng nhập người dùng
- Thêm sản phẩm (admin)
- Giỏ hàng & thanh toán (giả lập)
- Giao diện responsive & đẹp mắt
Tài nguyên đính kèm
- Tài liệu PDF từng phần
- Source code mẫu
- Bộ đề kiểm tra trắc nghiệm
- Gợi ý 3 mini project tự luyện thêm sau khóa học
Phương pháp học
- Học theo mô hình “Học đến đâu, làm luôn đến đó”
- Mỗi bài có video → slide → demo → bài tập
- Sau mỗi phần là mini quiz & assignment
- Cuối khóa có mentor chấm bài & nhận xét dự án
Thảo luận