Mục tiêu lộ trình
Tự xây giao diện web chuẩn và đẹp (HTML/CSS)
Làm website có tương tác bằng JavaScript
Hiểu khái niệm server/database ở mức nhập môn đến ứng dụng
Làm sản phẩm web phục vụ học tập/cá nhân, có thể đưa vào portfolio
3 level trong khóa
Nhấn vào từng level để xem chi tiết nội dung và sản phẩm đầu ra.
Chi tiết level
Basic — HTML/CSS nền tảng
DễKết quả: Landing Page + Todo UI
🎯 Mục tiêu khóa học
- Làm quen với việc xây dựng website từ con số 0 bằng HTML & CSS
- Nắm được:
- Cấu trúc trang web (HTML)
- Thiết kế giao diện (CSS)
- Bố cục layout chuẩn (Flexbox)
- Phát triển tư duy:
- Chia layout thành các phần rõ ràng
- Thiết kế giao diện có cấu trúc
- Sau khóa:
📚 Nội dung khóa học
| Buổi | Tên buổi học | Nội dung chính |
|---|---|---|
| 1 | Trang web đầu tiên | Cấu trúc HTML, thẻ cơ bản (text, heading, paragraph) |
| 2 | Nội dung & liên kết | Image, link, list, tổ chức nội dung |
| 3 | Bố cục trang web | div, section, header, footer, form cơ bản |
| 4 | Làm quen CSS | Selector, màu sắc, cách apply style |
| 5 | Trang trí giao diện | Font, background, border, spacing |
| 6 | Layout với Flexbox | Căn chỉnh layout ngang/dọc |
| 7 | Xây dựng section | Header, banner, content block |
| 8 | Responsive cơ bản | Tối ưu hiển thị mobile |
| 9 | Lên ý tưởng website | Chọn chủ đề: cá nhân / trung tâm / landing |
| 10 | Xây dựng UI (P1) | Dựng layout chính |
| 11 | Xây dựng UI (P2) | Hoàn thiện giao diện |
| 12 | Tối ưu giao diện | Chỉnh CSS, cải thiện UX |
| 13 | Test & chuẩn bị demo | Kiểm tra, fix lỗi, hoàn thiện |
| 14 | Demo & trình bày | Demo website, giải thích cấu trúc |
🎁 Cho con trải nghiệm thử trước khi quyết định
- Học thử miễn phí 1 buổi
- Được GV đánh giá trình độ
- Tư vấn lộ trình phù hợp