Trang chủ

Lập Trình Web

HTML CSS cơ bản dành cho người bắt đầu

HTML CSS cơ bản dành cho người bắt đầu

Loại khoá học: Công nghệ

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.

99.000 VND

699.000 VND

Đầy Đủ Bài Giảng

Học Online Tiện Lợi

Kích Hoạt Nhanh 2-5 Phút

Thanh toán tự động

Được phép tải xuống

Mô tả

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

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

Yêu cầu

Nội dung khoá học

7 sections

Phần 1: HTMN toàn tập

12 lectures

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ảnHọc thử

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 1Học thử

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 lectures

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 lectures

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 lectures

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 lectures

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 lectures

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 lectures

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

Đánh giá của học viên

Chưa có đánh giá

Course Rating

5

0%

4

0%

3

0%

2

0%

1

0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

Email

Nội dung

Khoá học liên quan

NLP - Lập trình thịnh vượng

NLP - Lập trình thịnh vượng

Trở thành chuyên gia tổ chức sự kiện từ con số không

Nhạc Lý Cơ Bản Trong Guitar

Nhạc Lý Cơ Bản Trong Guitar

Thần Số Học Cơ bản - Thấu hiểu để hạnh phúc phần 1

Thần Số Học Cơ bản - Thấu hiểu để hạnh phúc phần 1

Đột phá năng suất cá nhân

Đột phá năng suất cá nhân

Tinh Thông Mind Map trong 7 ngày

Tinh Thông Mind Map trong 7 ngày

DISC - Thấu hiểu bản thân - Xây dựng đội nhóm thành công

DISC - Thấu hiểu bản thân - Xây dựng đội nhóm thành công

Nghệ thuật giao tiếp đỉnh cao - Ứng dụng NLP

Nghệ thuật giao tiếp đỉnh cao - Ứng dụng NLP

DISC Nâng cao & Chuyên sâu - Nhân tướng học Phương Tây

DISC Nâng cao & Chuyên sâu - Nhân tướng học Phương Tây

Top 10 thói quen của những người thành công nhất

Top 10 thói quen của những người thành công nhất

Học cờ vua cùng đại kiện tướng Quốc tế Trần Tuấn Minh

Học cờ vua cùng đại kiện tướng Quốc tế Trần Tuấn Minh

Làm chủ tuổi 20

Làm chủ tuổi 20

Khám phá Handpan cơ bản cùng Chí Hùng

Khám phá Handpan cơ bản cùng Chí Hùng

Bí Mật Tác Giả 5 Sao: Viết Sao Cho Hay Sách Sao Bán Chạy

Bí Mật Tác Giả 5 Sao: Viết Sao Cho Hay Sách Sao Bán Chạy

Nhân tướng học trong giao tiếp và quản trị nhân sự

Nhân tướng học trong giao tiếp và quản trị nhân sự

Đánh thức quyền năng giọng nói

Đánh thức quyền năng giọng nói

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.

Get khoá học cho tôi