Bạn sẽ học được những gì
Nắm vững kiến thức nền tảng về HTML và CSS: Hiểu rõ cấu trúc và cách sử dụng các thẻ HTML để tạo nội dung trang web, Nắm vững cú pháp và cách áp dụng các thuộc tính CSS để định dạng và thiết kế giao diện
Làm chủ các kỹ năng xây dựng trang web: Khả năng tạo dựng trang web đơn giản với cấu trúc và giao diện hoàn chỉnh, Hiểu cách thức hoạt động của các thành phần HTML và CSS trong trang web
Thiết kế giao diện web đẹp mắt và thân thiện: Áp dụng các khái niệm như box model, layout để tạo bố cục trang web khoa học, Sử dụng các thuộc tính CSS để tạo giao diện thu hút, linh hoạt và phù hợp với người dùng
Những kỹ năng bạn sẽ đạt được
Lập trìnhNội dung
0 Chương
•
0 Bài học
•
0 giờ 0 phút
Mở rộng tất cả
HTML, CSS từ Zero Tới Hero 1
5 Bài học
•
18 phút 56 giây
Tổng quan về khóa học HTML CSS tại F8 | Học lập trình web cơ bản | Học được gì trong khóa học?03:15
HTML CSS là gì? | Ví dụ trực quan về HTML & CSS02:29
Làm quen với Dev tools | Giới thiệu bộ công cụ Dev tools trên trình duyệt03:55
Cài đặt môi trường, công cụ cần thiết để bắt đầ học HTML CSS02:57
Cấu trúc file HTML | Khởi tạo folder dự án trong HTML06:20
HTML, CSS từ Zero Tới Hero 2
5 Bài học
•
26 phút 45 giây
Comments trong HTML | Cú pháp mở và đóng Comments02:12
Những thẻ HTML thông dụng11:08
Attributes trong HTML | Thêm thuộc tính (Attributes) vào thẻ01:54
Cách sử dụng CSS trong HTML | Hướng dẫn chi tiết của từng cách07:13
ID và Class trong CSS selectors04:18
HTML, CSS từ Zero Tới Hero 3
5 Bài học
•
37 phút 41 giây
Mức độ ưu tiên trong CSS10:31
CSS Variable là gì? | Cách đặt biến trong CSS03:48
CSS Units là gì? | Các đơn vị trong CSS10:56
Thuộc tính Padding trong CSS | CSS Padding06:20
Thuộc tính Border trong CSS | CSS Border06:06
HTML, CSS từ Zero Tới Hero 4
5 Bài học
•
31 phút 01 giây
Thuộc tính Margin trong CSS | Tư duy sử dụng CSS Margin05:31
CSS Box-sizing | Tính ứng dụng của Box-sizing05:12
CSS Background-clip | Thuộc tính Background-clip04:14
CSS Background-image | Thuộc tính Background-image12:47
Thuộc tính Background-size | CSS Background-size03:17
HTML, CSS từ Zero Tới Hero 5
5 Bài học
•
19 phút 40 giây
Thuộc tính Background-origin | CSS Background-origin02:58
Thuộc tính Background-position | CSS Background-position04:15
Cú pháp shorthand | CSS Background shorthand02:30
CSS Functions | Hàm trong CSS06:14
CSS Pseudo classes | Khái niệm lớp giả trong CSS03:43
HTML, CSS từ Zero Tới Hero 6
5 Bài học
•
24 phút 04 giây
Phần tử giả trong CSS | CSS Pseudo-elements06:15
Thuộc tính Position | CSS Positon: Relative03:04
Thuộc tính vị trí tuyệt đối | CSS Position: Absolute07:58
Thuộc tính Position: Fixed | CSS Position: Fixed03:29
Thuộc tính Position: Sticky | CSS Position: Sticky03:18
HTML, CSS từ Zero Tới Hero 7
5 Bài học
•
76 phút 40 giây
Giới thiệu Flexbox | Thuộc tính Flexbox trong CSS05:57
Những thuộc tính CSS sử dụng trong Flexbox06:26
Học Flexbox CSS qua ví dụ | Flexbox CSS | Flexbox layout | Flexbox example | Flexbox trong CSS35:04
[Flexbox nâng cao] Liên hệ Flex model với các thuộc tính Flexbox trong CSS14:23
CSS BEM Là Gì? Đặt Tên CSS Class Theo Tiêu Chuẩn BEM14:50
HTML, CSS từ Zero Tới Hero 8
5 Bài học
•
104 phút 26 giây
Sử dụng BEM để tạo buttons | Ứng dụng của BEM trong CSS16:14
Sử dụng BEM tạo Toast Message UI35:49
Giải đáp về BEM | Cách đặt tên khi các Block lồng nhau10:43
Tối ưu performace khi sử dụng ảnh với srcset? Cách sử dụng thuộc tính srcset của thẻ IMG?38:46
Dựng source base | Website bán hàng với HTML CSS02:54
HTML, CSS từ Zero Tới Hero 9
5 Bài học
•
59 phút 57 giây
Reset CSS và sử dụng Reset CSS05:03
Dựng CSS base | Thực hành xây dựng Base CSS cho website10:14
Dựng khung web | Tạo layout cho web11:12
Navbar CSS23:50
Nhúng Font-Icons09:38
HTML, CSS từ Zero Tới Hero 10
5 Bài học
•
112 phút 17 giây
Icons CSS08:21
Header QR code CSS33:07
Header notification CSS - Phần 138:28
Header notification CSS - Phần 219:05
Header notification CSS - Phần 313:16
HTML, CSS từ Zero Tới Hero 11
5 Bài học
•
86 phút 37 giây
Header notification CSS - Phần 404:29
Base modal12:13
Dựng khung form đăng ký16:42
CSS form đăng ký26:59
CSS form đăng ký - Phần 226:14
HTML, CSS từ Zero Tới Hero 12
5 Bài học
•
105 phút 57 giây
CSS form đăng nhập16:00
Modal animation06:15
Dựng khung tìm kiếm19:53
Header tìm kiếm CSS40:03
Lịch sử tìm kiếm CSS23:46
HTML, CSS từ Zero Tới Hero 13
5 Bài học
•
116 phút 46 giây
Header giỏ hàng trống CSS25:55
Header cart badge10:46
Header cart - List products35:19
Header user info28:06
Header fix ui bugs16:40
HTML, CSS từ Zero Tới Hero 14
5 Bài học
•
87 phút 02 giây
Dựng khung phần danh mục14:53
Danh mục - base responsive10:53
Danh mục CSS21:49
Dựng khung: Sắp xếp, lọc sản phẩm11:03
CSS: Sắp xếp, lọc sản phẩm28:24
HTML, CSS từ Zero Tới Hero 15
5 Bài học
•
94 phút 30 giây
Dựng khung sản phẩm18:12
Sản phẩm CSS - Phần 125:26
Sản phẩm CSS - Phần 218:42
Sản phẩm CSS - Phần 313:41
Sản phẩm: CSS nhãn yêu thích18:29
HTML, CSS từ Zero Tới Hero 16
5 Bài học
•
100 phút 47 giây
Sản phẩm: CSS nhãn giảm giá17:55
Hoàn thiện phần sản phẩm16:50
Fix UI bugs - Phần 235:10
Pagination UI14:45
Dựng khung footer16:07
HTML, CSS từ Zero Tới Hero 17
5 Bài học
•
45 phút 02 giây
Footer CSS21:27
Chương cuối HTML, CSS | Công Tác Chuẩn Bị Làm Dự Án Cuối Khoá02:54
01. Giới thiệu dự án The Band | Thực hành cắt HTML CSS cơ bản | Phân tích giao diện web02:53
04. Tạo khung dự án The Band | Dựng project base | Khóa học HTML, CSS cơ bản cho người mới bắt đầu10:16
03. Phân tích dự án07:32
HTML, CSS từ Zero Tới Hero 18
5 Bài học
•
106 phút 21 giây
02. Phân biệt & gọi tên các thành phần16:15
07. Header search CSS20:11
06. Navigation CSS28:46
05. Header CSS33:50
08. Header fixed CSS07:19
HTML, CSS từ Zero Tới Hero 19
5 Bài học
•
102 phút 52 giây
09. Slider CSS27:21
10. About section CSS17:47
11. Team section CSS14:07
12. Tour tickets CSS19:27
13. Tour places CSS24:10
HTML, CSS từ Zero Tới Hero 20
5 Bài học
•
104 phút 19 giây
13.1. Buy Tickets Modal (video bổ sung)43:07
14. Row - columns layout15:26
15. Contact form CSS24:14
16. Map & footer CSS15:09
17. Review06:23
HTML, CSS từ Zero Tới Hero 21
5 Bài học
•
79 phút 31 giây
18. Responsive là gì?05:50
19. Media queries?15:38
20. Tablet responsive09:47
21. Mobile menu responsive35:39
22. Mobile menu fix bug12:37
HTML, CSS từ Zero Tới Hero 22
5 Bài học
•
87 phút 10 giây
23. Mobile fix bug submenu20:18
24. Content responsive14:43
25. Contact form responsive13:42
26. Review21:26
27. Run and fix bug on mobile17:01
HTML, CSS từ Zero Tới Hero 23
3 Bài học
•
68 phút 00 giây
28. Fix bugs17:02
13.2. Buy Tickets Modal Javascript Logic (video bổ sung)27:49
CSS selectors cơ bản | Học HTML CSS miễn phí23:09
Quản trị viên
F8 VN