Học Online: 2000+ Khóa học trực tuyến cho người đi làm
Đăng nhập
Đăng ký
Kích hoạt khóa học
Hội viên
Doanh nghiệp

Danh mục đào tạo

Tải app

Hỗ trợ

Hotline: 090 488 6095
Email: cskh@unica.vn

HTML CSS Master - Nắm chắc toàn bộ kiến thức HTML CSS A-Z

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.

0.0 (0 đánh giá)
4 học viên
Giảng viên
Evon Dev

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
Được chia sẻ thiết kế đẹp, xịn xò để thực hành sau khi hoàn thành khóa học
Biết thêm cách sử dụng Figma
Thực hành dự án thực tế
Có nhóm hỗ trợ khi gặp khó khăn trong quá trình học
Được tặng Ebooks hay về UI UX sau khi hoàn thành khóa học
Cải thiện tư duy về layout nhanh chóng

Giới thiệu 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ừ Unica nhé.

Nội dung khóa học

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

Thông tin giảng viên

Evon Dev
Evon Dev

0.0 Đánh giá
112+ Học viên
2 Khóa học

Mình là Evondev một Frontend Developer. Mình thích chia sẻ kiến thức tới cộng đồng, giúp đỡ các bạn theo ngành này có thể học hỏi nâng cao trình độ hơn mỗi ngày. Mình tin khoá học của mình sẽ giúp các bạn cải thiện được trình độ nhiều nhất có thể.

Khóa học liên quan

0.0 xếp hạng khóa học
0 đánh giá
699.000đ 800.000đ -13%
Ưu đãi chỉ còn 5 giờ 12 phút!
Cam kết hoàn tiền trong 7 ngày
  • Thời lượng: 26 giờ 58 phút
  • Giáo trình: 62 bài giảng
  • Truy cập trọn đời
  • Chứng chỉ hoàn thành

699.000đ

800.000đ -13%
Chat
logo

Học online cùng chuyên gia

Hotline 1: 19001568

Hotline 2: 090 488 6095

Email: cskh@unica.vn

08h0 - 18h0, Thứ 2 - 7

Về Unica

Hợp tác

Unica App

Unica on App Store Unica on Google Play

Kết nối với Unica

© Công ty cổ phần đào tạo trực tuyến Unica - Tầng 3, Số 247 Cầu Giấy, Phường Cầu Giấy, TP. Hà Nội.

Đại diện: Ông Nguyễn Trọng Thơ | Mã số thuế: 0107695756 cấp tại Sở KH&ĐT thành phố Hà Nội

Open language menu

Tiếng Việt

Đã thông báo Bộ Công Thương