Khóa Học Evondev HTML CSS Master Mới nhất

Share Khóa Học Evondev HTML CSS Master Mới nhất

Share Khóa Học HTML CSS Master Mới nhất là 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ẹ.

♦ 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.

Bạn Sẽ Học Được Gì Từ Khóa Học

✅ Học được cách cải thiện tư duy khi làm việc với HTML CSS

✅ Làm chủ được HTML CSS, không còn bị mơ hồ khi code giao diện

✅ Biết thêm cách sử dụng Figma

✅ Có nhiều dự án hấp dẫn trong quá trình học được hướng dẫn một cách chi tiết và dễ hiểu từ a đến z

✅ Được chia sẻ nhiều tips, tricks hay ho trong VSCode cũng như trong khi code

✅ Được chia sẻ thiết kế đẹp, xịn xò để thực hành sau khi hoàn thành khóa học

Nội Dung Khóa Học

Chương 1: Thiết lập và tổng quan
Bài 1: Giới thiệu khóa học
Bài 2: Các thiết lập quan trọng
Chương 2: Kiến thức
Bài 3: Các kiến thức cơ bản cần nắm kỹ
Bài 4: Phân tích tổng quan giao diện Tour Item
Bài 5: Google fonts, css reset và selectors
Bài 6: Nắm vững Box Sizing
Bài 7: Thuộc tính margin, line-height và display
Bài 8: Thuộc tính min và max-width, flexbox cơ bản
Bài 9: Flexbox cơ bản, các thuộc tính về chữ
Bài 10: Tìm hiểu Pug cơ bản phần 1
Bài 11: Tìm hiểu Pug cơ bản phần 2
Bài 12: Nắm vững thuộc tính position
Bài 13: Responsive cơ bản
Bài 14: Thực hành giao diện Popuplar
Bài 15: Thực hành giao diện Popuplar
Bài 16: CSS Variables
Bài 17: Tối ưu giao diện
Bài 18: CSS Grid
Bài 19: Thực hành CSS Grid
Bài 20: Thực hành CSS Grid
Bài 21: Phân tích giao diện Footer
Bài 22: Tìm hiểu các thẻ và thuộc tính liên quan tới Form
Bài 23: Tối ưu Responsive các sections và footer
Bài 24: Sử dụng extend layout trong Pug, cài đặt và sử dụng Sass cơ bản
Bài 25: Kiến thức Sass cơ bản: biến, nested, import, 7-1 pattern
Bài 26: Flexbox nâng cao, transition, sass mixins
Bài 27: Sass mixins nâng cao, auto-fit và auto-fill
Bài 28: Dàn layout phức tạp với CSS Grid Area
Bài 29: Tìm hiểu pseudo before và after, column,
Bài 30: CSS scroll, ratio, order, counter
Bài 31: Nắm vững clamp, min, max và container queries
Bài 32: Flexbox nâng cao
Bài 33: Sự khác nhau giữa đơn vị em và rem
Bài 34: Sử dụng đơn vị nào khi dùng media queries
Bài 35: Tùy biến checkbox
Bài 36: Tùy biến radio và toggle
Bài 37: Tùy biến Dropdown
Bài 38: Tìm hiểu hàm translate
Bài 39: Tìm hiểu hàm scale
Bài 40: Tìm hiểu hàm skew
Bài 41: Tìm hiểu clip-path và shape-outside
Bài 42: Table cơ bản
23:00
Bài 43: Những giao diện nâng cao với Input
Chương 3: Thực chiến Dashboard GocastUI
Bài 44: Thiết lập dự án GocastUI
Bài 45: Thiết lập cấu trúc Pug
Bài 46: Tìm hiểu use và forward trong Sass
Bài 47: Tối ưu cấu trúc thư mục Sass
Bài 48: Phân tích và code Sidebar phần 1
Bài 49: Phân tích và code Sidebar phần 2
Bài 50: Xử lý hover icon svg hiệu quả
Bài 51: Tối ưu inline svg icon trong Pug
Bài 52: Phân tích và code Topbar
Bài 53: Popuplar host phần 1
Bài 54: Popuplar host phần 2
Bài 55: Trending section
Bài 56: Feed Header
Bài 57: Giao diện Feed Item
Bài 58: Giao diện Widgets
Bài 59: Responsive layout tổng quan
Bài 60: Giao diện Dark Mode
Bài 61: Độ ưu tiên cần nắm và kinh nghiệm đè code cần phải biết (Bonus)
Bài 62: Code giao diện trang Playlist (Bonus)