+ Xem thêm
Tổng quan khóa học
- Bạn chưa biết gì về HTML CSS?
- Bạn là người mới tìm hiểu về Frontend bắt đầu học HTML CSS?
- Bạn đang muốn cải thiện trình độ HTML CSS được chuyên sâu hơn?
Giải pháp cho bạn chính là khóa học HTML CSS Master - Nắm chắc toàn bộ kiến thức HTML CSS A-Z. Khóa học sẽ hướng dẫn bạn kiến thức và chia sẻ kinh nghiệm cắt giao diện từ Figma sang HTML CSS chỉn chu và nhanh gọn lẹ. 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ỡ.
Sau khi hoàn thành khóa học này, các bạn hoàn toàn 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.
Nhanh tay đăng ký khóa học để nhận ưu đãi từ Học tập giá rẻ nhé.
Bạn sẽ học được gì?
- Nắm vững kiến thức HTML CSS chuẩn chỉnh từ đầu
- Code cực nhanh và hiệu quả với PUG, SASS
- Biết thêm cách sử dụng Figma
- Thực hành dự án thực tế
- Cải thiện tư duy về layout nhanh chóng
Nội dung khóa học
118 Bài học
00:00:00
Phần 1: HTML toàn tập
12 Bài học
00:00:00
-
Bài 1: Giới thiệu khóa học
-
Bài 2: Thiết lập code editor cơ bản
Học thử
-
Bài 3: Cấu trúc HTML cơ bản như thế nào?
-
Bài 4: Các thể HTML cơ bản phần 1
Học thử
-
Bài 5: Các thể HTML cơ bản phần 2
-
Bài 6: Sự khác nhau giữa inline và the block
-
Bài 7: Sự khác nhau giữa class id
-
Bài 8: BEM toàn tập
-
Bài 9: Thực hành giao diện với BEM
-
Bài 10: Bài tập chương 1
-
Bài 11: Giải bài tập chương 1
-
Bài 12: Emmet cơ bản
Phần 2: Kiến thức CSS cơ bản cần nắm vững Phần 1
18 Bài học
00:00:00
-
Bài 13: CSS reset là gì?
-
Bài 14: Cấu trúc đoạn code trong CSS
-
Bài 15: Thuộc tính color
-
Bài 16: Các đơn vị trong CSS nên biết
-
Bài 17: Sự khác nhau giữa REM và EM
-
Bài 18: Thuộc tính border
-
Bài 19: Thuộc tính margin
-
Bài 20: Thuộc tính padding
-
Bài 21: Tìm hiểu box - sizing
-
Bài 22: Thuộc tính display
-
Bài 23: Thuộc tính ve font
-
Bài 24: Các thuộc tính về text
-
Bài 25: Thuộc tính cho hình ảnh
-
Bài 26: Pseudo cơ bản nên biết
Học thử
-
Bài 27: Bài tập chương 2 phần 1
-
Bài 28: Bài tập chương 2 phần 2
-
Bài 29: Các thuộc tính về kích thước
-
Bài 30: Thuộc tính về background
Phần 3: Kiến thức CSS cơ bản cần nắm vững Phần 2
13 Bài học
00:00:00
-
Bài 31: Gradient trong CSS
-
Bài 32: Background image nâng cao
-
Bài 33: Caniuse và support
-
Bài 34: Sự khác nhau Opacity display visibility
-
Bài 35: Shadow trong CSS toàn tập
-
Bài 36: Biến trong CSS
-
Bài 37: Ưu tiên trong CSS
-
Bài 38: Thành thạo child selector
-
Bài 39: Thành thạo type selector
-
Bài 40: Combinator trong CSS
-
Bài 41: CSS selector nâng cao
-
Bài 42: Transition trong CSS
-
Bài 43: Bài tập chương 3
Phần 4: Kiến thức CSS nâng cao
17 Bài học
00:00:00
-
Bài 44: Thuộc tính transform cơ bản
-
Bài 45: Thuộc tính position relative
-
Bài 46: Thuộc tính position absolute
-
Bài 47: Thuộc tính position fixed
-
Bài 48: Thực hành thuộc tính position Phần 1
-
Bài 49: Thực hành thuộc tính position Phần 2
-
Bài 50: Thực hành thuộc tính position Phần 3
Học thử
-
Bài 51: Thực hành thuộc tính position Phần 4
-
Bài 52: Before và After cơ bản
-
Bài 53: Ví dụ before và after số 1
-
Bài 54: Ví dụ before và after số 2
-
Bài 55: Ví dụ before và after số 3
-
Bài 56: Ví dụ before và after số 4
-
Bài 57: Tại sao before và after quan trọng và cẩn thận với transform
-
Bài 58: Animation cơ bản
-
Bài 59: Ví dụ animation số 1
-
Bài 60: Ví dụ animation số 2
Phần 5: CSS Flexbox toàn tập
24 Bài học
00:00:00
-
Bài 61: Giới thiệu về flexbox
-
Bài 62: Flexbox toàn tập phần 1
-
Bài 63: Flexbox toàn tập phần 2
-
Bài 64: Flexbox toàn tập phần 3
-
Bài 65: Các thủ thuật chia layout với flexbox
-
Bài 66: Cách vẽ tam giác trong CSS
-
Bài 67: Giới thiệu và cài đạt SASS cơ bản
-
Bài 68: SASS cơ bản toàn tập
-
Bài 69: Vài lỗi hay gặp khi cài đặt SASS và cách sửa lỗi
Học thử
-
Bài 70: Hướng dẫn code giao diện dropdown Phần 1
-
Bài 71: Hướng dẫn code giao diện dropdown Phần 2
-
Bài 72: Hướng dẫn code giao diện dropdown Phần cuối
-
Bài 73: Hướng dẫn code giao diện flexbox đơn giản P1
-
Bài 74: Hướng dẫn code giao diện flexbox đơn giản P2
-
Bài 75: Hướng dẫn code giao diện flexbox đơn giản P3
-
Bài 76: Kiến thức responsive cơ bản
-
Bài 77: Hướng dẫn code giao diện flexbox đơn giản responsive
-
Bài 78: Hướng dẫn code giao diện flexbox số 2
-
Bài 79: Hướng dẫn code giao diện flexbox số 3
-
Bài 80: Tìm hiểu các giá trị của flexbox
-
Bài 81: Thực hành giao diện flexbox nâng cao P1
-
Bài 82: Thực hành giao diện flexbox nâng cao P2
-
Bài 83: Thực hành giao diện flexbox nâng cao P3
-
Bài 84: Thực hành giao diện flexbox nâng cao P4
Phần 6: Các thẻ HTML về form và table
15 Bài học
00:00:00
-
Bài 85: Các thẻ về form P1
-
Bài 86: Các thẻ về form P2
-
Bài 87: Hướng dẫn làm custom checkbox
-
Bài 88: Hướng dẫn custom radio
-
Bài 89: Hướng dẫn custom input file
Học thử
-
Bài 90: Hướng dẫn code custom toggle
-
Bài 91: Hướng dẫn code hiệu ứng cho input botton textarea
-
Bài 92: Thực hành code giao diện form tổng hợp P1
-
Bài 93: Thực hành code giao diện form tổng hợp P2
-
Bài 94: Thực hành code giao diện form tổng hợp P3
-
Bài 95: Thực hành code giao diện form tổng hợp P4
-
Bài 96: Các thẻ vẽ bảng cơ bản
-
Bài 97: Thực hành giao diện bảng P1
-
Bài 98: Thực hành giao diện bảng P2
-
Bài 99: Responsive với bảng
Phần 7: Kiến thức bổ sung
19 Bài học
00:00:00
-
Bài 100: Các nguồn tài nguyên hay đề luyện tập HTML - CSS
-
Bài 101: Code siêu nhanh với Vscode custom snippet
-
Bài 102: Làm sao để cải thiện con mắt thẩm mỹ
Học thử
-
Bài 103: Một số kênh youtube hay về HTML - CSS
-
Bài 104: Các tài khoản instagram hay nên theo dõi
-
Bài 105: Các extensions bổ ích mà bạn nên dùng
-
Bài 106: Làm sao để code tốt hơn
-
Bài 107: Các thuật ngữ trong ngành nên biết
-
Bài 108: Codepen là gì? Vì sao bạn nên biết?
-
Bài 109: Các kỹ năng khác mà bạn nên có
-
Bài 110: Một vài CSS hữu ích khác
-
Bài 111: Làm sao để tùy biến giao diện wordpress
-
Bài 112: Box - shadow nâng cao
-
Bài 113: Xử lý background với skewY
-
Bài 114: Xử lý background phức tạp với clip path polygon
-
Bài 115: Cách làm border gradient
Học thử
-
Bài 116: Tìm hiểu một animation đường tròn hoạt động
-
Bài 117: Tìm hiểu backdrop filter responsive media
-
Bài 118: Chia sẻ cuối khóa
Câu hỏi thường gặp
Khóa học có thể xem offline được không?
Vì lý do bảo mật. Khóa học này chỉ có thể Xem Online trên web.
Thông tin giản viên
Nhận xét của học viên
Write a public review