Tự chủ hạ tầng Deploy
Dùng VPS (Ubuntu) - Tự cài đặt Nginx, SSL, PM2. Hiểu rõ cách web vận hành thực tế.
Đang tải...
Lộ trình Fullstack Web: Từ Zero đến Pro
Học Javascript một lần, làm được cả Frontend lẫn Backend. Xây dựng Social App như Threads, deploy lên VPS tự quản. Tech stack 2025: React, NodeJS, TypeScript.
JavascriptFullstack (FE + BE)
3 Dự ánReal-world Projects
VPS DeployTự chủ hạ tầng
Tech Stack
Tailwind CSS
Javascript
TypeScript
React
NodeJS
ExpressJS
MySQL/Postgres
Ubuntu/Linux
React Hook Form
Zod
TanStack Query
Zustand
React Router
Prisma/Sequelize
JWT
RESTful API
WebSocket
Redis
Queue & Schedule
Vite
NextJS
Nginx
PM2
GitHub Actions
*Các công nghệ cốt lõi được sử dụng trong khóa học
Bạn làm được gì?
- Social App như Threads
Frontend React + Backend NodeJS + Database. Features: Auth JWT, đăng bài, like, comment, follow, timeline feed, upload ảnh/video. Real-time chat, notifications với WebSocket. Caching với Redis, background jobs với Queue.
- Deploy lên VPS tự quản
SSH vào Ubuntu, setup NodeJS, Nginx reverse proxy, SSL miễn phí. CI/CD tự động với GitHub Actions.
- Admin Dashboard
Trang quản trị với Template Engine: CRUD users/posts, upload media, authentication cho admin.
- Code với AI hiệu quả
Dùng Cursor/Copilot đúng cách, viết prompt hiệu quả, biết khi nào dùng AI.
Điểm khác biệt
Dự án Social App thực tế
Mô phỏng sản phẩm thật: Auth, Database Relationships, Media Upload, Feed Algorithm.
Modern Tech Stack 2025
Các thư viện hiện đại (React Hook Form, Zod, TanStack Query). Tối ưu Performance và Developer Experience.
Tư duy Fullstack toàn diện
Kết hợp cả hai: Build Admin Dashboard (Server-side render) và API. Hiểu bức tranh tổng thể.
Chi tiết lộ trình
1
Module 1: Định hướng và nền tảng Web
7 bài họcĐịnh hướng học tập
Lộ trình Fullstack: Học gì và theo thứ tự nào?
Phương pháp học lập trình hiệu quả
Kiến thức nền tảng Web
Web Frontend và Backend: Vai trò và sự khác biệt
HTML, CSS, Javascript: 3 ngôn ngữ xây dựng web
Mô hình Client-Server: Web hoạt động như thế nào?
IP, Domain, DNS: Trang web được tải ra sao?
Browser: Công cụ render website
2
Module 2: HTML - Xương sống của website
3 bài học3
Module 3: CSS - Làm đẹp giao diện website
14 bài học4
Module 4: Tailwind CSS - Tăng tốc UI
6 bài học5
Module 5: Dự án Frontend đầu tay
3 bài học6
Module 6: Javascript - Trái tim của Web
38 bài học7
Module 7: TypeScript - Javascript có type
4 bài học8
Module 8: React - Thư viện UI hàng đầu
31 bài học9
Module 9: NextJS - React Production Framework
13 bài học10
Module 10: NodeJS & ExpressJS - Backend Development
90 bài học11
Module 11: Deploy & DevOps - Đưa website lên Internet
15 bài học12
Module 12: AI Coding - Làm việc thông minh và hiệu suất
6 bài họcChưa chắc nên bắt đầu từ đâu?
Bạn vừa xem lộ trình đầy đủ. Nếu muốn biết mình nên vào từ module nào, học trong bao lâu và học phí thế nào, để lại thông tin - tư vấn viên sẽ gọi lại.
Đang trao đổi với tư vấn viên trên Messenger hoặc Zalo? Quay lại cửa sổ chat đó để hỏi tiếp.
Những điểm bạn có thể hỏi thêm:
Lộ trình học chi tiết
Khóa học gồm 12 modules với 230 bài học, từ HTML/CSS cơ bản đến xây dựng Social App Fullstack và deploy lên VPS.
Tech Stack thực tế
Sử dụng công nghệ 2025: React, NodeJS, TypeScript, React Hook Form, Zod, TanStack Query, Prisma/Sequelize, và các công cụ hiện đại khác.
Dự án thực hành
3 dự án thực tế: Landing Page, Admin Dashboard, và Threads Clone (Social App) với đầy đủ features: Auth, Posts, Like, Follow, Timeline.
Kết quả sau khóa học
Có thể xây dựng Social App hoàn chỉnh, deploy lên VPS tự quản, và sử dụng AI Coding tools hiệu quả để tăng năng suất 3-5x.