Khóa học HTML CSS Master dành cho người mới bắt đầu

Name: Khóa học HTML CSS Master dành cho người mới bắt đầu
Rating: 4.4 (20 reviews)

Nắm vững toàn bộ kiến thức HTML CSS từ cơ bản đến nâng cao dễ dàng thông qua dự án thực tế dành cho người mới

Created byEvon Dev

Last updated 3/2025

Vietnamese

What you'll learn

Nắm vững kiến thức HTML CSS chuẩn chỉnh từ đầu
Thực hành dự án thực tế
Code cực nhanh và hiệu quả với PUG, SASS
Có nhóm hỗ trợ khi gặp khó khăn trong quá trình học
Được chia sẻ thiết kế đẹp, xịn xò để thực hành sau khi hoàn thành khóa học
Được tặng Ebooks hay về UI UX sau khi hoàn thành khóa học
Biết thêm cách sử dụng Figma
Cải thiện tư duy về layout nhanh chóng

Course content

3 sections • 62 lectures • 26h 58m total length

Bài 1: Giới thiệu khóa học21:03
Bạn nhớ tải Resources về để có thông tin nhóm cũng như các thiết lập nha.
Bài 2: Các thiết lập quan trọng22:07

Bài 3: Các kiến thức cơ bản cần nắm kỹ21:37
Bài 4: Phân tích tổng quan giao diện Tour Item29:42
Bài 5: Google fonts, css reset và selectors23:33
Bài 6: Nắm vững Box Sizing29:51
Bài 7: Thuộc tính margin, line-height và display32:31
Bài 8: Thuộc tính min và max-width, flexbox cơ bản44:55
Bài 9: Flexbox cơ bản, các thuộc tính về chữ25:48
Bài 10: Tìm hiểu Pug cơ bản phần 116:45
Bài 11: Tìm hiểu Pug cơ bản phần 217:32
Bài 12: Nắm vững thuộc tính position25:03
Bài 13: Responsive cơ bản26:37
Bài 14: Thực hành giao diện Popuplar35:43
Bài 15: Thực hành giao diện Popuplar tiếp theo22:46
Bài 16: CSS Variables28:50
Bài 17: Tối ưu giao diện24:18
Bài 18: CSS Grid20:30
Bài 19: Thực hành CSS Grid phần 138:29
Bài 20: Thực hành CSS Grid phần 222:08
Bài 21: Phân tích giao diện Footer45:41
Bài 22: Tìm hiểu các thẻ và thuộc tính liên quan tới Form44:08
Bài 23: Tối ưu Responsive các sections và footer18:47
Bài 24: Sử dụng extend layout trong Pug, cài đặt và sử dụng Sass cơ bản37:08
Bài 25: Kiến thức Sass cơ bản: biến, nested, import, 7-1 pattern36:02
Link thiết kế Pollock(nhớ bỏ khoảng trắng) https://drive .google . com/file/d/1cZiuDNBVqimLOOEqmyFvtAiwRv_rJQ6n/view?usp=drive_link
Bài 26: Flexbox nâng cao, transition, sass mixins39:57
Bài 27: Sass mixins nâng cao, auto-fit và auto-fill41:47
Bài 28: Dàn layout phức tạp với CSS Grid Area30:13
Bài 29: Tìm hiểu pseudo before và after, column,41:57
Bài 30: CSS scroll, ratio, order, counter38:42
Bài 31: Nắm vững clamp, min, max và container queries25:10
Bài 32: Flexbox nâng cao24:19
Bài 33: Sự khác nhau giữa đơn vị em và rem27:53
Bài 34: Sử dụng đơn vị nào khi dùng media queries8:58
Bài 35: Tùy biến checkbox13:42
Bài 36: Tùy biến radio và toggle10:46
Bài 37: Tùy biến Dropdown24:31
Bài 38: Tìm hiểu hàm translate17:43
Bài 39: Tìm hiểu hàm scale14:33
Bài 40: Tìm hiểu hàm skew11:20
Bài 41: Tìm hiểu clip-path và shape-outside11:51
Bài 42: Table cơ bản22:59
Bài 43: Những giao diện nâng cao với Input19:04

Bài 44: Thiết lập dự án GocastUI9:43
Bài 45: Thiết lập cấu trúc Pug13:47
Bài 46: Tìm hiểu use và forward trong Sass16:36
Bài 47: Tối ưu cấu trúc thư mục Sass12:11
Bài 48: Phân tích và code Sidebar phần 115:57
Bài 49: Phân tích và code Sidebar phần 216:16
Bài 50: Xử lý hover icon svg hiệu quả19:33
Bài 51: Tối ưu inline svg icon trong Pug6:01
Bài 52: Phân tích và code Topbar35:57
Bài 53: Popuplar host phần 138:00
Bài 54: Popuplar host phần 213:56
Bài 55: Trending section40:01
Bài 56: Feed Header33:14
Bài 57: Giao diện Feed Item35:36
Bài 58: Giao diện Widgets38:17
Bài 59: Responsive layout tổng quan41:20
Bài 60: Giao diện Dark Mode35:45
Bài 61: Độ ưu tiên cần nắm và kinh nghiệm đè code cần phải biết (Bonus)15:45
Bài 62: Code giao diện trang Playlist (Bonus)43:31

Requirements

Chỉ cần có Laptop cài đặt được VSCode là có thể học được

Description

Nếu bạn chưa biết gì về HTML CSS, hoặc chỉ đơn giản là người mới tìm hiểu về Frontend bắt đầu học HTML CSS, người muốn cải thiện trình độ HTML CSS được chuyên sâu hơn thì khóa này chắc chắn sẽ phù hợp với bạn. Khóa học sẽ hướng dẫn không chỉ kiến thức kỹ càng mà còn về kinh nghiệm cắt giao diện từ Figma sang HTML CSS chỉn chu và nhanh gọn lẹ.

Ngoài những kiến thức thông qua video, mình còn cô đọng lại trong một file riêng để các bạn có thể xem lại nữa. Ngoài ra các bạn còn học được thêm về kiến thức layout, components, props, biến, vòng lặp... để sau này các bạn học qua Javascript hay các frameworks, libraries như React, Vue, Angular không còn bỡ ngỡ nữa luôn.

Sau khi hoàn thành khóa học này, các bạn sẽ có thể tự tay code các trang web từ đơn giản đến phức tạp một cách hoàn chỉnh. Bằng việc nắm vững kiến thức HTML để sử dụng các thẻ đúng đắn, nắm tốt kiến thức CSS để có thể tùy biến giao diện một cách nhanh chóng. Code nhiều giao diện giống nhau bằng việc tái sử dụng code thông qua dùng PUG, biết cách tối ưu code, tinh chỉnh linh động cho các trang web một cách chỉn chu.

Who this course is for:

Người mới hoàn toàn bắt đầu tìm hiểu HTML CSS
Người đang có kiến thức cơ bản về HTML CSS
Người muốn cải thiện trình độ code giao diện HTML CSS

Khóa học HTML CSS Master dành cho người mới bắt đầu

What you'll learn

Explore related topics

Course content

Chương 1: Thiết lập và tổng quan2 lectures • 43min

Chương 2: Kiến thức41 lectures • 18hr 14min

Chương 3: Thực hành thực tế dự án Dashboard Gocast UI19 lectures • 8hr 1min

Requirements

Description

Who this course is for: