Khóa học HTML CSS Master - Giúp bạn Master kỹ năng HTML CSS cùng EvonDev
499.000 ₫
29.000 ₫
Thời lượng
62 Bài Giảng
Sở hữu khóa học
Trọn đời
Quyền học viên
Xem & tải về
Đầy Đủ Bài Giảng
Video bài giảng và tài liệu giống mô tả
Học Online Tiện Lợi
Học online trên drive & hoàn toàn có thể Download khoá học
Kích Hoạt Nhanh
Kích hoạt khóa học tự động ngay lập tức 24/7
Share Khóa Học HTML CSS Master Cùng Evondev
HTML và CSS là hai công nghệ cốt lõi để xây dựng giao diện website. Khóa học này sẽ giúp bạn làm chủ từ những kiến thức cơ bản nhất đến kỹ thuật nâng cao để tạo ra giao diện web hiện đại, chuẩn responsive. Với phong cách giảng dạy trực quan, dễ hiểu của Evondev, bạn sẽ nhanh chóng tự tin tạo ra các trang web chuyên nghiệp, sẵn sàng tham gia vào các dự án thực tế.
Vì Sao Bạn Nên Học HTML CSS Master
Học từ con số 0, không yêu cầu kiến thức lập trình trước đó.
Nội dung bài bản, dễ tiếp cận, thực hành liên tục qua từng dự án.
Làm chủ kỹ năng dựng giao diện web chuyên nghiệp chỉ trong 1 khóa học.
Học cách sử dụng Flexbox, Grid, Responsive, Animation,…
Thành thạo công cụ VSCode, Live Server, cấu trúc thư mục chuẩn dự án.
Bạn Sẽ Học Được Gì Từ Khóa Học Này
Nắm vững kiến thức nền tảng về HTML và CSS.
Tạo bố cục website hiện đại với Flexbox và CSS Grid.
Thiết kế giao diện responsive hiển thị tốt trên mọi thiết bị.
Thêm hiệu ứng sinh động với CSS Animation và Transition.
Hiểu cách tổ chức mã nguồn sạch, dễ bảo trì và mở rộng.
Hoàn thiện các project thực tế như Landing Page, Portfolio, Blog,…
Khóa Học Này Phù Hợp Với
Người mới bắt đầu học lập trình web.
Sinh viên CNTT cần học HTML CSS để làm đồ án.
Người đang chuyển nghề sang lập trình Frontend.
Freelancer muốn nâng cao khả năng thiết kế giao diện web.
Người học lập trình tự do cần nền tảng vững chắc để học JavaScript sau này.
Nội dung khóa học
Chương 1. Thiết lập dự án
Bài 1: Giới thiệu khóa học
Bài 2: Giới thiệu khóa học tiếp theo
Chương 2. Kiến thức cần có
Bài 3: Một vài kiến thức cơ bản cần có
Bài 4: Phân tích giao diện cơ bản
Bài 5: Tìm hiểu CSS cơ bản
Bài 6: Nắm vững Box-Sizing
Bài 7: margin - lineheight
Bài 8: min - max - width - flexbox
Bài 9: Flexbox - text
Bài 10: Tìm hiểu Pug phần 1
Bài 11: Tìm hiểu Pug phần 2
Bài 12: Tìm hiểu thuộc tính position
Bài 13: Responsive cơ bản
Bài 14: Thực hành phần 1
Bài 15: Thực hành phần 2
Bài 16: CSS Variables
Bài 17: CSS Grid phần 1
Bài 18: CSS Grid phần 2
Bài 19: Thực hành CSS Grid phần 1
Bài 20: Thực hành CSS Grid phần 2
Bài 21: Phân tích giao diện Footer
Bài 22: Các thẻ trong form
Bài 23: Tối ưu responsive
Bài 24: Tối ưu dự án
Bài 25: Sass cơ bản
Bài 26: Sass nâng cao
Bài 27: Sass nâng cao tiếp theo
Bài 28: Grid area
Bài 29: Before vs after
Bài 30: 1 số thuộc tính khác
Bài 31: Tìm hiểu clamp min max
Bài 32: Flexbox nâng cao
Bài 33: Đơn vị em và rem
Bài 34: Media queries
Bài 35: Custom checkbox
Bài 36: Custom toggle
Bài 37: Custom dropdown
Bài 38: Hàm translate
Bài 39: Hàm scale
Bài 40: Hàm rotate
Bài 41: Tìm hiểu clip-path
Bài 42: Tìm hiểu table
Bài 43: Input icon
Chương 3. Thực hành dự án thực tế Dashboard Gocast UI
Bài 44: Setup dự án
Bài 45: Setup Pug layout
Bài 46: Forward trong Sass
Bài 47: Tối ưu Sass
Bài 48: Sidebar phần 1
Bài 49: Sidebar phần 2
Bài 50: Xử lý hover svg icon
Bài 51: Tối ưu icon
Bài 52: Topbar
Bài 53: Popular host phần 1
Bài 54: Popular host phần 2
Bài 55: Trending section
Bài 56: Feed section
Bài 57: Feed item
Bài 58: Widgets
Bài 59: Responsive layout
Bài 60: Darkmode
Bài 61: CSS Priority
Bài 62: Playlist
Nội dung khóa học
Chương 1. Thiết lập dự án
Bài 1: Giới thiệu khóa học
Bài 2: Giới thiệu khóa học tiếp theo
Chương 2. Kiến thức cần có
Bài 3: Một vài kiến thức cơ bản cần có
Bài 4: Phân tích giao diện cơ bản
Bài 5: Tìm hiểu CSS cơ bản
Bài 6: Nắm vững Box-Sizing
Bài 7: margin - lineheight
Bài 8: min - max - width - flexbox
Bài 9: Flexbox - text
Bài 10: Tìm hiểu Pug phần 1
Bài 11: Tìm hiểu Pug phần 2
Bài 12: Tìm hiểu thuộc tính position
Bài 13: Responsive cơ bản
Bài 14: Thực hành phần 1
Bài 15: Thực hành phần 2
Bài 16: CSS Variables
Bài 17: CSS Grid phần 1
Bài 18: CSS Grid phần 2
Bài 19: Thực hành CSS Grid phần 1
Bài 20: Thực hành CSS Grid phần 2
Bài 21: Phân tích giao diện Footer
Bài 22: Các thẻ trong form
Bài 23: Tối ưu responsive
Bài 24: Tối ưu dự án
Bài 25: Sass cơ bản
Bài 26: Sass nâng cao
Bài 27: Sass nâng cao tiếp theo
Bài 28: Grid area
Bài 29: Before vs after
Bài 30: 1 số thuộc tính khác
Bài 31: Tìm hiểu clamp min max
Bài 32: Flexbox nâng cao
Bài 33: Đơn vị em và rem
Bài 34: Media queries
Bài 35: Custom checkbox
Bài 36: Custom toggle
Bài 37: Custom dropdown
Bài 38: Hàm translate
Bài 39: Hàm scale
Bài 40: Hàm rotate
Bài 41: Tìm hiểu clip-path
Bài 42: Tìm hiểu table
Bài 43: Input icon
Chương 3. Thực hành dự án thực tế Dashboard Gocast UI
Bài 44: Setup dự án
Bài 45: Setup Pug layout
Bài 46: Forward trong Sass
Bài 47: Tối ưu Sass
Bài 48: Sidebar phần 1
Bài 49: Sidebar phần 2
Bài 50: Xử lý hover svg icon
Bài 51: Tối ưu icon
Bài 52: Topbar
Bài 53: Popular host phần 1
Bài 54: Popular host phần 2
Bài 55: Trending section
Bài 56: Feed section
Bài 57: Feed item
Bài 58: Widgets
Bài 59: Responsive layout
Bài 60: Darkmode
Bài 61: CSS Priority
Bài 62: Playlist
