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 cơ bản dành cho người bắt đầu

Khóa học giúp bạn sẽ 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á)
0 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

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