[giaban]0đ[/giaban]






[masp]html01[/masp]



[mota]Gv evondev [/mota]





[chitiet] Tự học thiết kế website hiệu quả với khoá học HTML CSS từ cơ bản tới nâng cao cho người mới - Evondev


Giới thiệu về khóa học
Với hơn 100 videos trong khoá học evondev sẽ dạy các bạn đi từ kiến thức cơ bản nhất cho đến nâng cao thông qua các videos kèm bài tập mỗi chương. Ngoài ra evondev còn chia sẻ thêm cho các bạn những kiến thức liên quan bổ sung như cách tư duy, định hướng, phân tích giao diện, cách dùng phần mềm code hiệu quả, cách cải thiện mắt thẩm mỹ UI UX...Từ đó các bạn có thể tự tay code các giao diện từ A-Z với kiến thức về HTML CSS đã học mà không cần phải dùng bất kỳ thư viện nào.

Bạn sẽ nhận được
Nắm vững chắc các kiến thức cơ bản về HTML, các thẻ trong HTML – HTML5, cách đặt tên theo chuẩn BEM, học cách sử dụng Class Id và các attributes khác của HTML một cách chỉn chu từ đầu

Học về tư duy, định hướng học, cách tự học tốt, cách luyện tập cho mau lên trình

Nắm vững kiến thức về dàn giao diện với Flexbox thông qua ví dụ thực tế

Học được cách phân tích thiết kế cho đến khi hoàn thiện giao diện

Sử dụng thẻ HTML đúng đắn, lúc nào dùng thẻ này lúc nào dùng thẻ kia

Hiểu về Responsive để xử lý giao diện ở nhiều loại màn hình một cách tốt nhất có thể

Học, tìm hiểu và sử dụng SASS toàn tập để viết function, mixins, sử dụng biến, lồng code để hỗ trợ cho việc code CSS một cách nhanh nhất

Biết thêm các công cụ, tiện ích, các trang web bổ ích hay hỗ trợ công việc một cách tốt nhất để nâng cao hiệu suất làm việc

Nắm vững CSS Selectors và Combinators để làm chủ các bộ chọn trong CSS

Và rất nhiều điều, kiến thức bổ ích khác đang chờ đợi các bạn

Nội dung học tập

Chương 1: Kiến thức HTML cần nắm vững

Bài 1: Giới thiệu khoá học03:27
Bài 2: Thiết lập code editor cơ bản08:01
Bài 3: Cấu trúc một file HTML cơ bản như thế nào?03:39
Bài 4: Các thẻ HTML cơ bản nên biết (phần 1)08:36
Bài 5: Các thẻ HTML cơ bản nên biết (phần 2)07:25
Bài 6: Thẻ Inline và thẻ Block khác nhau như thế nào?06:00
Bài 7: Sự khác nhau giữa Class và Id06:35
Bài 8: BEM là gì ? Tìm hiểu về BEM toàn tập07:49
Bài 9: Thực hành phân tích giao diện cơ bản với BEM07:56
Bài 10: Bài tập chương 101:29
Bài 11: Giải bài tập chương 109:13
Bài 12: Nắm vững Emmet cơ bản trong VSCode09:28

Chương 2: Kiến thức CSS cơ bản phần 1
Bài 13: CSS reset là gì ? Tại sao phải dùng reset CSS?04:14

Bài 14: Cấu trúc của 1 đoạn code trong CSS như thế nào?03:43

Bài 15: Tìm hiểu thuộc tính color, các giá trị về màu sắc cần nắm vững04:25

Bài 16: Nắm vững kiến thức về kích thước trong CSS07:18

Bài 17: Làm hình nền với các thuộc tính về background05:27

Bài 18: Các đơn vị trong css nên biết05:11

Bài 19: Đơn vị em và rem khác nhau như thế nào?06:55

Bài 20: Thuộc tính về border cơ bản06:52

Bài 21: Nắm rõ thuộc tính margin09:54

Bài 22: Hiểu về thuộc tính padding06:25

Bài 23: Tìm hiểu về box-sizing trong CSS07:39

Bài 24: Tìm hiểu thuộc tính display04:18

Bài 25: Các thuộc tính liên quan tới Font cơ bản05:43

Bài 26: Các thuộc tính liên quan tới chữ bạn cần biết08:58

Bài 27: Tìm hiểu thuộc tính cho hình ảnh06:03

Bài 28: Pseudo là gì ? Các pseudo cơ bản người mới học nên biết02:56

Bài 29: Bài tập chương 2 (Phần 1)06:15

Bài 30: Bài tập chương 2 (phần 2)06:03


Chương 3: Kiến thức CSS cơ bản phần 2

Bài 31: Cách làm hình nền gradient, chữ gradient trong CSS07:01

Bài 32: Hiển thị 2 hình nền với background-image03:53

Bài 33: caniuse là gì ? Và tại sao bạn nên biết04:10

Bài 34: Sự khác nhau giữa 3 thuộc tính opacity: 0, display:none, visibility:hidden03:24

Bài 35: Tìm hiểu về shadow trong CSS06:29

Bài 36: Sử dụng biến trong CSS như thế nào?04:38

Bài 37: Hiểu rõ về độ ưu tiên trong CSS, xác định độ ưu tiên trong CSS đơn giản với VSCode09:20

Bài 38: Nắm vững kiến thức về child selectors06:30

Bài 39: Nắm vững kiến thức về type selectors06:41

Bài 40: Thành thạo combinators trong CSS04:02

Bài 41: Tìm hiểu thêm các selectors nâng cao06:16

Bài 42: Nắm vững thuộc tính transition cơ bản07:31

Bài 43: Bài tập chương 315:20


Chương 4: Kiến thức CSS nâng cao
Bài 44: Thuộc tính transform để làm gì ? Tìm hiểu các giá trị hay dùng của transform11:52

Bài 45: Tìm hiểu thuộc tính position relative04:16

Bài 46: Master thuộc tính position absolute12:07

Bài 47: Hiểu rõ position fixed hoạt động06:21

Bài 48: Thực hành với thuộc tính position #104:33

Bài 49: Thực hành với thuộc tính position #203:45

Bài 50: Thực hành với thuộc tính position #302:52

Bài 51: Thực hành với thuộc tính position #405:29

Bài 52: Hiểu và nắm tốt pseudo :before vs :after khó nhằn trong CSS03:28

Bài 53: Thực hành với pseudo before và after #104:55

Bài 54: Thực hành với pseudo before và after #204:39

Bài 55: Thực hành với pseudo before và after #306:51

Bài 56: Thực hành với pseudo before và after #407:10

Bài 57: Tại sao before và after quan trong và lưu ý khi làm với việc với thuộc tính transform04:01

Bài 58: Animation là gì ? Tìm hiểu và nắm kiến thức về animation cơ bản09:05

Bài 59: Thực hành với animation #106:49

Bài 60: Thực hành với animation #207:50


Chương 5: Flexbox toàn tập
Bài 61: Flexbox là gì ? Giới thiệu về Flexbox01:49

Bài 62: Flexbox toàn tập #113:06

Bài 63: Flexbox toàn tập #205:05

Bài 64: Flexbox toàn tập #308:53

Bài 65: Các thủ thuật chia layout hay mà bạn nên biết khi dùng flexbox12:33

Bài 66: Cách vẽ tam giác bằng CSS và cách nó hoạt động05:51

Bài 67: Sass là gì ? Giới thiệu và cài đặt03:33

Bài 68: Tìm hiểu và nắm cơ bản kiến thức về Sass cho người mới15:44

Bài 69: Các lỗi hay gặp khi cài đặt Sass và cách khắc phục02:08

Bài 70: Thực hành code giao diện Dropdown #110:37

Bài 71: Thực hành code giao diện Dropdown #210:23

Bài 72: Thực hành code giao diện Dropdown #310:11

Bài 73: Thực hành code giao diện đơn giản số 1 với flexbox #110:36

Bài 74: Thực hành code giao diện đơn giản số 1 với flexbox #207:51

Bài 75: Thực hành code giao diện đơn giản số 1 với flexbox #305:31

Bài 76: Responsive là gì ? Giới thiệu về Responsive toàn tập07:23

Bài 77: Thực hành code giao diện đơn giản số 1 sử dụng responsive10:05

Bài 78: Thực hành code giao diện đơn giản số 213:49

Bài 79: Thực hành code giao diện đơn giản số 313:21

Bài 80: Tìm hiểu thêm các thuộc tính khác của flexbox12:10

Bài 81: Thực hành code giao diện nâng cao phần 109:06

Bài 82: Thực hành code giao diện nâng cao phần 210:48

Bài 83: Thực hành code giao diện nâng cao phần 312:42

Bài 84: Thực hành code giao diện nâng cao phần cuối12:35


Chương 6: Các thẻ HTML về Form, Table
Bài 85: Tìm hiểu các thẻ về Form phần 112:27

Bài 86: Tìm hiểu các thẻ về Form phần 208:49

Bài 87: Hướng dẫn cách làm custom checkbox09:22

Bài 88: Hướng dẫn cách làm custom radio10:07

Bài 89: Hướng dẫn cách làm custom input file05:22

Bài 90: Hướng dẫn cách làm custom checkbox toggle08:49

Bài 91: Hướng dẫn code hiệu ứng cho input, textarea, button12:08

Bài 92: Thực hành code giao diện form tổng hợp phần 111:22

Bài 93: Thực hành code giao diện form tổng hợp phần 211:02

Bài 94: Thực hành code giao diện form tổng hợp phần 313:42

Bài 95: Thực hành code giao diện form tổng hợp phần cuối13:55

Bài 96: Tìm hiểu các thẻ về bảng04:11

Bài 97: Hướng dẫn code giao diện bảng phần 112:35

Bài 98: Hướng dẫn code giao diện bảng phần 211:18

Bài 99: Hướng dẫn làm responsive cho bảng04:27


Chương 7: Các kiến thức bổ sung
Bài 100: Tìm thiết kế ở đâu để tập luyện kỹ năng HTML CSS ?03:42

Bài 101: Chia sẻ các từ tiếng Anh hay gặp khi đặt tên với BEM

Bài 102: Code siêu nhanh với VSCode Custom Snippets11:33

Bài 103: Làm sao cải thiện con mắt thẩm mỹ02:53

Bài 104: Một số kênh youtube hay về HTML CSS02:55

Bài 105: Một số tài khoản Instagram hay mà các bạn nên theo dõi02:52

Bài 106: Các extensions bổ ích mà bạn nên dùng03:30

Bài 107: Chia sẻ kinh nghiệm làm sao code tốt hơn06:15

Bài 108: Các thuật ngữ trong ngành web mà bạn nên biết05:35

Bài 109: Codepen là gì ? Và vì sao bạn nên biết04:28

Bài 110: Các kỹ năng khác nên có cho một Developer04:00

Bài 111: Tìm hiểu thêm vài kiến thức về CSS khác06:00

Bài 112: Làm sao để tuỳ biến giao diện cho Wordpress với CSS cơ bản05:39

Bài 113: Vẽ vời với sức mạnh của thuộc tính box-shadow08:45

Bài 114: Hướng dẫn làm hình nền chéo với transform skew06:31

Bài 115: Xử lý hình nền phức tạp hơn với thuộc tính clip-path10:13

Bài 116: Tìm hiểu cách làm gradient cho border05:23

Bài 117: Phân tích một Animation đường tròn hoạt động12:56

Bài 118: Tìm hiểu backdrop-filter và cách làm responsive cho video theo tỉ lệ 16:912:19

Bài 119: Lời cám ơn, chia sẻ cuối khoá, spoil sản phẩm sắp tới cực chất03:34

Bài 120: CSS Grid cơ bản phần 109:40

Bài 121: CSS Grid cơ bản phần 209:21

Bài 122: CSS Grid cơ bản phần 310:41

Bài 123: CSS Grid cơ bản phần 405:37

Bài 124: CSS Grid cơ bản phần 506:38

Bài 125: CSS Grid cơ bản phần 608:28

Bài 126: CSS Grid cơ bản phần 711:44

Bài 127: Hướng dẫn làm responsive hình ảnh, video theo tỉ lệ12:30

Bài 128: Sử dụng biến hiệu quả trong CSS06:23

Bài 129: Hướng dẫn tạo custom checkbox cách 208:09

Bài 130: Xử lý input autofill background với box-shadow03:26

Bài 131: Hướng dẫn tạo ribbon với thuộc tính clip-path06:16

Bài 132: Hướng dẫn tuỳ biến thanh scrollbar trong CSS04:49

Bài 133: Hiểu cơ bản về đường dẫn trong code04:10

Bài 134: Các lỗi người mới hay gặp cần để ý06:12

Bài 135: Hướng dẫn chia Form layout với CSS Grid cực hay10:13

Bài 136: Các tips tricks hay trong CSS mà bạn nên biết


Tác giả - evondev
Mình tên là Tuấn với nickname hay gọi là EvonDev. Mình là một Frontend Developer, ngoài ra mình còn viết blog và làm youtube nữa các bạn có thể tìm kiếm tên của mình trên google hay youtube với từ khoá là evondev. 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. Hi vọng 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ể.



Vui lòng liên hệ để nhận khóa học:



Tìm kiếm có liên quan

Tự học thiết kế web bằng HTML

học html/css cơ bản qua bài tập thực tế

Tài liệu học HTML cơ bản

Học thiết kế web cho người mới bắt đầu

Khóa học HTML CSS cơ bản

Học thiết kế web từ cơ bản đến nâng cao

Học HTML và CSS cơ bản

Khóa học thiết kế website online

[/chitiet]

Tự học thiết kế website hiệu quả với khoá học HTML CSS từ cơ bản tới nâng cao cho người mới - Evondev

Ant Green
ĐĂNG NHẬP
Nhận nhiều ưu đãi hơn