Giới thiệu loạt bài
Giới thiệu framework web hiện đại: chọn framework, dựng dự án, React, state và hook, Vue, Svelte, Astro, Next.js và triển khai lên Internet.
Bạn sẽ học được
- Chọn framework phù hợp mục tiêu
- Dựng và chạy dự án React bằng Vite
- Quản lý state, gọi API
- Triển khai sản phẩm bằng Git và Vercel/Netlify
Dành cho ai?
- Người đã biết HTML, CSS, JavaScript.
- Sinh viên làm đồ án web, người muốn xin việc frontend.
Cần chuẩn bị gì?
- JavaScript hiện đại (hàm mũi tên, mảng, async/await).
- Cài Node.js, biết dùng terminal và Git cơ bản.
Nội dung loạt bài
Bài 1. Chọn framework phù hợpSo sánh React, Vue, Svelte, Astro, NextBài 2. Node và ViteDựng dự án đầu tiênBài 3. React: component và JSXProps, danh sách, điều kiệnBài 4. State và hookuseState, useEffect, APIBài 5. Vue và SvelteSo sánh cú phápBài 6. Astro, Next.js, triển khaiSSR, SSG, deploy
Cách học hiệu quả
- Học chắc React hoặc một framework trước, đừng học nhiều cùng lúc.
- Làm một ứng dụng nhỏ: danh sách việc, thời tiết, giỏ hàng.
- Đưa lên GitHub và triển khai để có sản phẩm thật.
Mẹo hay
Một sản phẩm đã triển khai có giá trị hơn mười bài tập chưa hoàn thành.
Tóm tắt bài học
- Framework tổ chức giao diện theo component và state.
- Chọn công cụ theo mục tiêu.
- Triển khai tự động qua Git.