Tổng cộng:
[masp]COMBO EVONDEV[/masp]
[giaban]199,000đ[/giaban]
[giacu]2,999,000đ[/giacu]
[tinhtrang]Còn hàng[/tinhtrang]
[mota]
COMBO 3 KHOÁ FULL EVONDEV.COM FULL KHOÁ HỌC EVONDEV
[/mota]
[chitiet]
COMBO 3 KHOÁ FULL EVONDEV.COM FULL KHOÁ HỌC EVONDEV
Link học thử: Tại đây
COMBO 3 KHÓA EVONDEV - ZALO 034.7872.192 | |||
STT | KHÓA HỌC | Giá web | VÀO HỌC |
1 | Khoá học tự học thiết kế website HTML CSS hiệu quả dành cho người mới | 899k | Vào học |
2 | Khoá học hướng dẫn cắt PSD sang HTML toàn tập với Gulp Pug Sass | 849k | Vào học |
3 | Khoá học tự học Javascript hiệu quả và dễ dàng cho người mới | 1499k | Vào học |
Khóa 1. Khoá học tự học thiết kế website HTML CSS hiệu quả dành cho người mới | |||
STT | TÊN KHÓA HỌC | LINK HỌC | GHI CHÚ |
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 | Vào học | FREE | |
Bài 2: Thiết lập code editor cơ bản08:01 | Vào học | FREE | |
Bài 3: Cấu trúc một file HTML cơ bản như thế nào?03:39 | Vào học | FREE | |
Bài 4: Các thẻ HTML cơ bản nên biết (phần 1)08:36 | Vào học | FREE | |
Bài 5: Các thẻ HTML cơ bản nên biết (phần 2)07:25 | Vào học | FREE | |
Bài 6: Thẻ Inline và thẻ Block khác nhau như thế nào?06:00 | Vào học | FREE | |
Bài 7: Sự khác nhau giữa Class và Id06:35 | Vào học | FREE | |
Bài 8: BEM là gì ? Tìm hiểu về BEM toàn tập07:49 | Vào học | FREE | |
Bài 9: Thực hành phân tích giao diện cơ bản với BEM07:56 | Vào học | FREE | |
Bài 10: Bài tập chương 101:29 | Vào học | FREE | |
Bài 11: Giải bài tập chương 109:13 | Vào học | FREE | |
Bài 12: Nắm vững Emmet cơ bản trong VSCode09:28 | Vào học | FREE | |
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 | Vào học | ||
Bài 14: Cấu trúc của 1 đoạn code trong CSS như thế nào?03:43 | Vào học | ||
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 | Vào học | ||
Bài 16: Nắm vững kiến thức về kích thước trong CSS07:18 | Vào học | ||
Bài 17: Làm hình nền với các thuộc tính về background05:27 | Vào học | ||
Bài 18: Các đơn vị trong css nên biết05:11 | Vào học | ||
Bài 19: Đơn vị em và rem khác nhau như thế nào?06:55 | Vào học | ||
Bài 20: Thuộc tính về border cơ bản06:52 | Vào học | ||
Bài 21: Nắm rõ thuộc tính margin09:54 | Vào học | ||
Bài 22: Hiểu về thuộc tính padding06:25 | Vào học | ||
Bài 23: Tìm hiểu về box-sizing trong CSS07:39 | Vào học | ||
Bài 24: Tìm hiểu thuộc tính display04:18 | Vào học | ||
Bài 25: Các thuộc tính liên quan tới Font cơ bản05:43 | Vào học | ||
Bài 26: Các thuộc tính liên quan tới chữ bạn cần biết08:58 | Vào học | ||
Bài 27: Tìm hiểu thuộc tính cho hình ảnh06:03 | Vào học | ||
Bài 28: Pseudo là gì ? Các pseudo cơ bản người mới học nên biết02:56 | Vào học | ||
Bài 29: Bài tập chương 2 (Phần 1)06:15 | Vào học | ||
Bài 30: Bài tập chương 2 (phần 2)06:03 | Vào học | ||
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 | Vào học | ||
Bài 32: Hiển thị 2 hình nền với background-image03:53 | Vào học | ||
Bài 33: caniuse là gì ? Và tại sao bạn nên biết04:10 | Vào học | ||
Bài 34: Sự khác nhau giữa 3 thuộc tính opacity: 0, display:none, visibility:hidden03:24 | Vào học | ||
Bài 35: Tìm hiểu về shadow trong CSS06:29 | Vào học | ||
Bài 36: Sử dụng biến trong CSS như thế nào?04:38 | Vào học | ||
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 | Vào học | ||
Bài 38: Nắm vững kiến thức về child selectors06:30 | Vào học | ||
Bài 39: Nắm vững kiến thức về type selectors06:41 | Vào học | ||
Bài 40: Thành thạo combinators trong CSS04:02 | Vào học | ||
Bài 41: Tìm hiểu thêm các selectors nâng cao06:16 | Vào học | ||
Bài 42: Nắm vững thuộc tính transition cơ bản07:31 | Vào học | ||
Bài 43: Bài tập chương 315:20 | Vào học | ||
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 | Vào học | ||
Bài 45: Tìm hiểu thuộc tính position relative04:16 | Vào học | ||
Bài 46: Master thuộc tính position absolute12:07 | Vào học | ||
Bài 47: Hiểu rõ position fixed hoạt động06:21 | Vào học | ||
Bài 48: Thực hành với thuộc tính position #104:33 | Vào học | ||
Bài 49: Thực hành với thuộc tính position #203:45 | Vào học | ||
Bài 50: Thực hành với thuộc tính position #302:52 | Vào học | ||
Bài 51: Thực hành với thuộc tính position #405:29 | Vào học | ||
Bài 52: Hiểu và nắm tốt pseudo :before vs :after khó nhằn trong CSS03:28 | Vào học | ||
Bài 53: Thực hành với pseudo before và after #104:55 | Vào học | ||
Bài 54: Thực hành với pseudo before và after #204:39 | Vào học | ||
Bài 55: Thực hành với pseudo before và after #306:51 | Vào học | ||
Bài 56: Thực hành với pseudo before và after #407:10 | Vào học | ||
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 | Vào học | ||
Bài 58: Animation là gì ? Tìm hiểu và nắm kiến thức về animation cơ bản09:05 | Vào học | ||
Bài 59: Thực hành với animation #106:49 | Vào học | ||
Bài 60: Thực hành với animation #207:50 | Vào học | ||
Chương 5: Flexbox toàn tập | |||
Bài 61: Flexbox là gì ? Giới thiệu về Flexbox01:49 | Vào học | ||
Bài 62: Flexbox toàn tập #113:06 | Vào học | ||
Bài 63: Flexbox toàn tập #205:05 | Vào học | ||
Bài 64: Flexbox toàn tập #308:53 | Vào học | ||
Bài 65: Các thủ thuật chia layout hay mà bạn nên biết khi dùng flexbox12:33 | Vào học | ||
Bài 66: Cách vẽ tam giác bằng CSS và cách nó hoạt động05:51 | Vào học | ||
Bài 67: Sass là gì ? Giới thiệu và cài đặt03:33 | Vào học | ||
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 | Vào học | ||
Bài 69: Các lỗi hay gặp khi cài đặt Sass và cách khắc phục02:08 | Vào học | ||
Bài 70: Thực hành code giao diện Dropdown #110:37 | Vào học | ||
Bài 71: Thực hành code giao diện Dropdown #210:23 | Vào học | ||
Bài 72: Thực hành code giao diện Dropdown #310:11 | Vào học | ||
Bài 73: Thực hành code giao diện đơn giản số 1 với flexbox #110:36 | Vào học | ||
Bài 74: Thực hành code giao diện đơn giản số 1 với flexbox #207:51 | Vào học | ||
Bài 75: Thực hành code giao diện đơn giản số 1 với flexbox #305:31 | Vào học | ||
Bài 76: Responsive là gì ? Giới thiệu về Responsive toàn tập07:23 | Vào học | ||
Bài 77: Thực hành code giao diện đơn giản số 1 sử dụng responsive10:05 | Vào học | ||
Bài 78: Thực hành code giao diện đơn giản số 213:49 | Vào học | ||
Bài 79: Thực hành code giao diện đơn giản số 313:21 | Vào học | ||
Bài 80: Tìm hiểu thêm các thuộc tính khác của flexbox12:10 | Vào học | ||
Bài 81: Thực hành code giao diện nâng cao phần 109:06 | Vào học | ||
Bài 82: Thực hành code giao diện nâng cao phần 210:48 | Vào học | ||
Bài 83: Thực hành code giao diện nâng cao phần 312:42 | Vào học | ||
Bài 84: Thực hành code giao diện nâng cao phần cuối12:35 | Vào học | ||
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 | Vào học | ||
Bài 86: Tìm hiểu các thẻ về Form phần 208:49 | Vào học | ||
Bài 87: Hướng dẫn cách làm custom checkbox09:22 | Vào học | ||
Bài 88: Hướng dẫn cách làm custom radio10:07 | Vào học | ||
Bài 89: Hướng dẫn cách làm custom input file05:22 | Vào học | ||
Bài 90: Hướng dẫn cách làm custom checkbox toggle08:49 | Vào học | ||
Bài 91: Hướng dẫn code hiệu ứng cho input, textarea, button12:08 | Vào học | ||
Bài 92: Thực hành code giao diện form tổng hợp phần 111:22 | Vào học | ||
Bài 93: Thực hành code giao diện form tổng hợp phần 211:02 | Vào học | ||
Bài 94: Thực hành code giao diện form tổng hợp phần 313:42 | Vào học | ||
Bài 95: Thực hành code giao diện form tổng hợp phần cuối13:55 | Vào học | ||
Bài 96: Tìm hiểu các thẻ về bảng04:11 | Vào học | ||
Bài 97: Hướng dẫn code giao diện bảng phần 112:35 | Vào học | ||
Bài 98: Hướng dẫn code giao diện bảng phần 211:18 | Vào học | ||
Bài 99: Hướng dẫn làm responsive cho bảng04:27 | Vào học | ||
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 | Vào học | ||
Bài 101: Chia sẻ các từ tiếng Anh hay gặp khi đặt tên với BEM | Vào học | ||
Bài 102: Code siêu nhanh với VSCode Custom Snippets11:33 | Vào học | ||
Bài 103: Làm sao cải thiện con mắt thẩm mỹ02:53 | Vào học | ||
Bài 104: Một số kênh youtube hay về HTML CSS02:55 | Vào học | ||
Bài 105: Một số tài khoản Instagram hay mà các bạn nên theo dõi02:52 | Vào học | ||
Bài 106: Các extensions bổ ích mà bạn nên dùng03:30 | Vào học | ||
Bài 107: Chia sẻ kinh nghiệm làm sao code tốt hơn06:15 | Vào học | ||
Bài 108: Các thuật ngữ trong ngành web mà bạn nên biết05:35 | Vào học | ||
Bài 109: Codepen là gì ? Và vì sao bạn nên biết04:28 | Vào học | ||
Bài 110: Các kỹ năng khác nên có cho một Developer04:00 | Vào học | ||
Bài 111: Tìm hiểu thêm vài kiến thức về CSS khác06:00 | Vào học | ||
Bài 112: Làm sao để tuỳ biến giao diện cho Wordpress với CSS cơ bản05:39 | Vào học | ||
Bài 113: Vẽ vời với sức mạnh của thuộc tính box-shadow08:45 | Vào học | ||
Bài 114: Hướng dẫn làm hình nền chéo với transform skew06:31 | Vào học | ||
Bài 115: Xử lý hình nền phức tạp hơn với thuộc tính clip-path10:13 | Vào học | ||
Bài 116: Tìm hiểu cách làm gradient cho border05:23 | Vào học | ||
Bài 117: Phân tích một Animation đường tròn hoạt động12:56 | Vào học | ||
Bài 118: Tìm hiểu backdrop-filter và cách làm responsive cho video theo tỉ lệ 16:912:19 | Vào học | ||
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 | Vào học | ||
Bài 120: CSS Grid cơ bản phần 109:40 | Vào học | ||
Bài 121: CSS Grid cơ bản phần 209:21 | Vào học | ||
Bài 122: CSS Grid cơ bản phần 310:41 | Vào học | ||
Bài 123: CSS Grid cơ bản phần 405:37 | Vào học | ||
Bài 124: CSS Grid cơ bản phần 506:38 | Vào học | ||
Bài 125: CSS Grid cơ bản phần 608:28 | Vào học | ||
Bài 126: CSS Grid cơ bản phần 711:44 | Vào học | ||
Bài 127: Hướng dẫn làm responsive hình ảnh, video theo tỉ lệ12:30 | Vào học | FREE | |
Bài 128: Sử dụng biến hiệu quả trong CSS06:23 | Vào học | FREE | |
Bài 129: Hướng dẫn tạo custom checkbox cách 208:09 | Vào học | FREE | |
Bài 130: Xử lý input autofill background với box-shadow03:26 | Vào học | FREE | |
Bài 131: Hướng dẫn tạo ribbon với thuộc tính clip-path06:16 | Vào học | FREE | |
Bài 132: Hướng dẫn tuỳ biến thanh scrollbar trong CSS04:49 | Vào học | FREE | |
Bài 133: Hiểu cơ bản về đường dẫn trong code04:10 | Vào học | FREE | |
Bài 134: Các lỗi người mới hay gặp cần để ý06:12 | Vào học | FREE | |
Bài 135: Hướng dẫn chia Form layout với CSS Grid cực hay10:13 | Vào học | FREE | |
Bài 136: Các tips tricks hay trong CSS mà bạn nên biết | Vào học |
Khóa 2. Khoá học hướng dẫn cắt PSD sang HTML toàn tập với Gulp Pug Sass STT TÊN KHÓA HỌC LINK HỌC GHI CHÚ Chương 1: Giới thiệu và cài đặt các công cụ Bài 1: Lời cám ơn, hướng dẫn và giới thiệu khoá học05:30 Vào học FREE Bài 2: Các khái niệm cơ bản03:27 Vào học FREE Bài 3: Cài đặt Gulp boilerplate02:57 Vào học FREE Bài 4: Tìm hiểu cơ bản về Gulp boilerplate04:23 Vào học FREE Bài 5: Tìm hiểu file layout trong Pug04:29 Vào học FREE Bài 6: Xử lý các lỗi hay gặp khi làm việc với Pug07:11 Vào học FREE Bài 7: Kiến thức cơ bản về Pug cho người mới03:56 Vào học FREE Bài 8: Mixins trong Pug07:43 Vào học FREE Bài 9: Biến trong Pug03:41 Vào học FREE Bài 10: Điều kiện trong Pug05:11 Vào học FREE Bài 11: Tìm hiểu cấu trúc thư mục styles của Sass05:15 Vào học FREE Bài 12: Tạm kết chương 101:13 Vào học FREE Chương 2: Phân tích tổng quan thiết kế Bài 13: Giới thiệu chương 201:30 Vào học Bài 14: Phân tích màu sắc05:46 Vào học Bài 15: Phân tích kiểu chữ05:59 Vào học Bài 16: Phân tích khoảng cách04:30 Vào học Bài 17: Thiết lập code cơ bản ban đầu04:46 Vào học Bài 18: Hướng dẫn cắt ảnh trong Photoshop08:44 Vào học Bài 19: Tạm kết chương 202:01 Vào học Chương 3: Phân tích và code block Header Bài 20: Phân tích tổng quan Header04:47 Vào học Bài 21: Code block header cơ bản07:15 Vào học Bài 22: Code block header top phần 105:15 Vào học Bài 23: Code block header top phần 206:32 Vào học Bài 24: Code block header top phần 305:39 Vào học Bài 25: Code block header content phần 107:09 Vào học Bài 26: Code block header content phần 207:04 Vào học Bài 27: Code block header content phần 311:55 Vào học Bài 28: Responsive block header phần 108:05 Vào học Bài 29: Responsive block header phần 208:22 Vào học Bài 30: Responsive block header phần 309:34 Vào học Bài 31: Responsive block header phần 407:00 Vào học Bài 32: Responsive block header phần 503:52 Vào học Bài 33: Tối ưu menu trên màn hình điện thoại03:50 Vào học Bài 34: Tối ưu code Pug với mixin09:06 Vào học Bài 35: Viết mixin size với Sass07:42 Vào học Bài 36: Viết mixin absolute center với Sass07:41 Vào học Chương 4: Phân tích và code block About Bài 37: Phân tích tổng quan block About05:27 Vào học Bài 38: Code block box với mixin07:52 Vào học Bài 39: Hoàn thành block Box06:51 Vào học Bài 40: Code HTML block About phần 105:48 Vào học Bài 41: Code HTML block About phần 203:59 Vào học Bài 42: Code Sass block About phần 107:22 Vào học Bài 43: Code Sass block About phần 204:21 Vào học Bài 44: Hướng dẫn viết mixin responsive và mixin flexbox10:04 Vào học Bài 45: Làm responsive block About07:51 Vào học Bài 46: Áp dụng CSS Scroll snap vào layout07:06 Vào học Bài 47: Tối ưu code Pug thành mixin09:03 Vào học Bài 48: Tối ưu code block About08:27 Vào học Chương 5: Phân tích và code block Number Bài 49: Code block number phần 108:19 Vào học Bài 50: Code block number phần 209:25 Vào học Chương 6: Phân tích và code block Service Bài 51: Phân tích và code HTML05:26 Vào học Bài 52: Code giao diện với Sass phần 108:28 Vào học Bài 53: Code giao diện với Sass phần 206:54 Vào học Bài 54: Code Responsive phần 106:20 Vào học Bài 55: Code Responsive phần 206:38 Vào học Bài 56: Tối ưu code cho block Service04:55 Vào học Chương 7: Phân tích và code block Device Bài 57: Code block device phần 110:43 Vào học Bài 58: Code block device phần 207:00 Vào học Chương 8: Phân tích và code block Wedo Bài 59: Phân tích và code HTML07:46 Vào học Bài 60: Code Sass phần 108:06 Vào học Bài 61: Code Sass phần 206:16 Vào học Bài 62: Code Sass phần 307:39 Vào học Bài 63: Code Sass phần 406:50 Vào học Bài 64: Code Sass phần 507:33 Vào học Chương 9: Phân tích và code block Quote Bài 65: Phân tích và code block quote phần 105:59 Vào học Bài 66: Phân tích và code block quote phần 209:55 Vào học Bài 67: Phân tích và code block quote phần 309:32 Vào học Chương 10: Phân tích và code block Team Bài 68: Phân tích và code block Team phần 109:34 Vào học Bài 69: Phân tích và code block Team phần 211:50 Vào học Bài 70: Phân tích và code block Team phần 309:11 Vào học Bài 71: Phân tích và code block Team phần 409:33 Vào học Bài 72: Phân tích và code block Team phần 510:58 Vào học Bài 73: Phân tích và code block Team phần 609:54 Vào học Bài 74: Phân tích và code block Brands03:12 Vào học Chương 11: Phân tích và code block Work Bài 75: Phân tích và code block Work phần 108:52 Vào học Bài 76: Phân tích và code block Work phần 211:29 Vào học Bài 77: Phân tích và code block Work phần 306:47 Vào học Bài 78: Phân tích và code block Work phần 408:56 Vào học Bài 79: Phân tích và code block Work phần 507:27 Vào học Bài 80: Phân tích và code block Work phần 611:55 Vào học Chương 12: Phân tích và code block People Bài 81: Phân tích và code block People phần 107:49 Vào học Bài 82: Phân tích và code block People phần 207:03 Vào học Bài 83: Phân tích và code block People phần 308:30 Vào học Bài 84: Phân tích và code block People phần 406:36 Vào học Bài 85: Phân tích và code block People phần 505:01 Vào học Chương 13: Phân tích và code block Story Bài 86: Phân tích và code block Story phần 107:28 Vào học Bài 87: Phân tích và code block Story phần 208:17 Vào học Bài 88: Phân tích và code block Story phần 305:07 Vào học Bài 89: Phân tích và code block Story phần 408:42 Vào học Bài 90: Phân tích và code block Story phần 511:50 Vào học Chương 14: Phân tích và code block Footer Bài 91: Phân tích và code block Footer phần 109:40 Vào học Bài 92: Phân tích và code block Footer phần 213:07 Vào học Bài 93: Phân tích và code block Footer phần 306:25 Vào học Bài 94: Phân tích và code block Footer phần 406:38 Vào học Bài 95: Phân tích và code block Footer phần 510:49 Vào học Bài 96: Phân tích và code block Footer phần 606:22 Vào học Chương 15: Chèn thư viện slick slider Bài 97: Sử dụng slick slider vào dự án phần 108:35 Vào học Bài 98: Sử dụng slick slider vào dự án phần 210:52 Vào học Bài 99: Sử dụng slick slider vào dự án phần 312:59 Vào học Chương 16: Tối ưu code và testing Bài 100: Tối ưu nội dung dự án12:46 Vào học Bài 101: Testing dự án trên các trình duyệt và fix lỗi15:31 Vào học Bài 102: Object là gì ? Object cho người mới03:10 Vào học Bài 103: Áp dụng object vào mixin trong pug05:13 Vào học Bài 104: Tìm hiểu object trong Sass03:49 Vào học Bài 105: Áp dụng object vào mixin trong Sass12:45 Vào học Bài 106: Tối ưu mixin hoverEffect06:38 Vào học Chương 17: Git, Github và deploy dự án cho người mới Bài 107: Git là gì ? Github là gì ?03:10 Vào học FREE Bài 108: Cài đặt Git và tạo tài khoản Github04:19 Vào học FREE Bài 109: Đưa dự án lên github toàn tập08:35 Vào học FREE Bài 110: Deploy dự án bằng Vercel toàn tập08:05 Vào học FREE
Khóa 2. Khoá học hướng dẫn cắt PSD sang HTML toàn tập với Gulp Pug Sass | |||
STT | TÊN KHÓA HỌC | LINK HỌC | GHI CHÚ |
Chương 1: Giới thiệu và cài đặt các công cụ | |||
Bài 1: Lời cám ơn, hướng dẫn và giới thiệu khoá học05:30 | Vào học | FREE | |
Bài 2: Các khái niệm cơ bản03:27 | Vào học | FREE | |
Bài 3: Cài đặt Gulp boilerplate02:57 | Vào học | FREE | |
Bài 4: Tìm hiểu cơ bản về Gulp boilerplate04:23 | Vào học | FREE | |
Bài 5: Tìm hiểu file layout trong Pug04:29 | Vào học | FREE | |
Bài 6: Xử lý các lỗi hay gặp khi làm việc với Pug07:11 | Vào học | FREE | |
Bài 7: Kiến thức cơ bản về Pug cho người mới03:56 | Vào học | FREE | |
Bài 8: Mixins trong Pug07:43 | Vào học | FREE | |
Bài 9: Biến trong Pug03:41 | Vào học | FREE | |
Bài 10: Điều kiện trong Pug05:11 | Vào học | FREE | |
Bài 11: Tìm hiểu cấu trúc thư mục styles của Sass05:15 | Vào học | FREE | |
Bài 12: Tạm kết chương 101:13 | Vào học | FREE | |
Chương 2: Phân tích tổng quan thiết kế | |||
Bài 13: Giới thiệu chương 201:30 | Vào học | ||
Bài 14: Phân tích màu sắc05:46 | Vào học | ||
Bài 15: Phân tích kiểu chữ05:59 | Vào học | ||
Bài 16: Phân tích khoảng cách04:30 | Vào học | ||
Bài 17: Thiết lập code cơ bản ban đầu04:46 | Vào học | ||
Bài 18: Hướng dẫn cắt ảnh trong Photoshop08:44 | Vào học | ||
Bài 19: Tạm kết chương 202:01 | Vào học | ||
Chương 3: Phân tích và code block Header | |||
Bài 20: Phân tích tổng quan Header04:47 | Vào học | ||
Bài 21: Code block header cơ bản07:15 | Vào học | ||
Bài 22: Code block header top phần 105:15 | Vào học | ||
Bài 23: Code block header top phần 206:32 | Vào học | ||
Bài 24: Code block header top phần 305:39 | Vào học | ||
Bài 25: Code block header content phần 107:09 | Vào học | ||
Bài 26: Code block header content phần 207:04 | Vào học | ||
Bài 27: Code block header content phần 311:55 | Vào học | ||
Bài 28: Responsive block header phần 108:05 | Vào học | ||
Bài 29: Responsive block header phần 208:22 | Vào học | ||
Bài 30: Responsive block header phần 309:34 | Vào học | ||
Bài 31: Responsive block header phần 407:00 | Vào học | ||
Bài 32: Responsive block header phần 503:52 | Vào học | ||
Bài 33: Tối ưu menu trên màn hình điện thoại03:50 | Vào học | ||
Bài 34: Tối ưu code Pug với mixin09:06 | Vào học | ||
Bài 35: Viết mixin size với Sass07:42 | Vào học | ||
Bài 36: Viết mixin absolute center với Sass07:41 | Vào học | ||
Chương 4: Phân tích và code block About | |||
Bài 37: Phân tích tổng quan block About05:27 | Vào học | ||
Bài 38: Code block box với mixin07:52 | Vào học | ||
Bài 39: Hoàn thành block Box06:51 | Vào học | ||
Bài 40: Code HTML block About phần 105:48 | Vào học | ||
Bài 41: Code HTML block About phần 203:59 | Vào học | ||
Bài 42: Code Sass block About phần 107:22 | Vào học | ||
Bài 43: Code Sass block About phần 204:21 | Vào học | ||
Bài 44: Hướng dẫn viết mixin responsive và mixin flexbox10:04 | Vào học | ||
Bài 45: Làm responsive block About07:51 | Vào học | ||
Bài 46: Áp dụng CSS Scroll snap vào layout07:06 | Vào học | ||
Bài 47: Tối ưu code Pug thành mixin09:03 | Vào học | ||
Bài 48: Tối ưu code block About08:27 | Vào học | ||
Chương 5: Phân tích và code block Number | |||
Bài 49: Code block number phần 108:19 | Vào học | ||
Bài 50: Code block number phần 209:25 | Vào học | ||
Chương 6: Phân tích và code block Service | |||
Bài 51: Phân tích và code HTML05:26 | Vào học | ||
Bài 52: Code giao diện với Sass phần 108:28 | Vào học | ||
Bài 53: Code giao diện với Sass phần 206:54 | Vào học | ||
Bài 54: Code Responsive phần 106:20 | Vào học | ||
Bài 55: Code Responsive phần 206:38 | Vào học | ||
Bài 56: Tối ưu code cho block Service04:55 | Vào học | ||
Chương 7: Phân tích và code block Device | |||
Bài 57: Code block device phần 110:43 | Vào học | ||
Bài 58: Code block device phần 207:00 | Vào học | ||
Chương 8: Phân tích và code block Wedo | |||
Bài 59: Phân tích và code HTML07:46 | Vào học | ||
Bài 60: Code Sass phần 108:06 | Vào học | ||
Bài 61: Code Sass phần 206:16 | Vào học | ||
Bài 62: Code Sass phần 307:39 | Vào học | ||
Bài 63: Code Sass phần 406:50 | Vào học | ||
Bài 64: Code Sass phần 507:33 | Vào học | ||
Chương 9: Phân tích và code block Quote | |||
Bài 65: Phân tích và code block quote phần 105:59 | Vào học | ||
Bài 66: Phân tích và code block quote phần 209:55 | Vào học | ||
Bài 67: Phân tích và code block quote phần 309:32 | Vào học | ||
Chương 10: Phân tích và code block Team | |||
Bài 68: Phân tích và code block Team phần 109:34 | Vào học | ||
Bài 69: Phân tích và code block Team phần 211:50 | Vào học | ||
Bài 70: Phân tích và code block Team phần 309:11 | Vào học | ||
Bài 71: Phân tích và code block Team phần 409:33 | Vào học | ||
Bài 72: Phân tích và code block Team phần 510:58 | Vào học | ||
Bài 73: Phân tích và code block Team phần 609:54 | Vào học | ||
Bài 74: Phân tích và code block Brands03:12 | Vào học | ||
Chương 11: Phân tích và code block Work | |||
Bài 75: Phân tích và code block Work phần 108:52 | Vào học | ||
Bài 76: Phân tích và code block Work phần 211:29 | Vào học | ||
Bài 77: Phân tích và code block Work phần 306:47 | Vào học | ||
Bài 78: Phân tích và code block Work phần 408:56 | Vào học | ||
Bài 79: Phân tích và code block Work phần 507:27 | Vào học | ||
Bài 80: Phân tích và code block Work phần 611:55 | Vào học | ||
Chương 12: Phân tích và code block People | |||
Bài 81: Phân tích và code block People phần 107:49 | Vào học | ||
Bài 82: Phân tích và code block People phần 207:03 | Vào học | ||
Bài 83: Phân tích và code block People phần 308:30 | Vào học | ||
Bài 84: Phân tích và code block People phần 406:36 | Vào học | ||
Bài 85: Phân tích và code block People phần 505:01 | Vào học | ||
Chương 13: Phân tích và code block Story | |||
Bài 86: Phân tích và code block Story phần 107:28 | Vào học | ||
Bài 87: Phân tích và code block Story phần 208:17 | Vào học | ||
Bài 88: Phân tích và code block Story phần 305:07 | Vào học | ||
Bài 89: Phân tích và code block Story phần 408:42 | Vào học | ||
Bài 90: Phân tích và code block Story phần 511:50 | Vào học | ||
Chương 14: Phân tích và code block Footer | |||
Bài 91: Phân tích và code block Footer phần 109:40 | Vào học | ||
Bài 92: Phân tích và code block Footer phần 213:07 | Vào học | ||
Bài 93: Phân tích và code block Footer phần 306:25 | Vào học | ||
Bài 94: Phân tích và code block Footer phần 406:38 | Vào học | ||
Bài 95: Phân tích và code block Footer phần 510:49 | Vào học | ||
Bài 96: Phân tích và code block Footer phần 606:22 | Vào học | ||
Chương 15: Chèn thư viện slick slider | |||
Bài 97: Sử dụng slick slider vào dự án phần 108:35 | Vào học | ||
Bài 98: Sử dụng slick slider vào dự án phần 210:52 | Vào học | ||
Bài 99: Sử dụng slick slider vào dự án phần 312:59 | Vào học | ||
Chương 16: Tối ưu code và testing | |||
Bài 100: Tối ưu nội dung dự án12:46 | Vào học | ||
Bài 101: Testing dự án trên các trình duyệt và fix lỗi15:31 | Vào học | ||
Bài 102: Object là gì ? Object cho người mới03:10 | Vào học | ||
Bài 103: Áp dụng object vào mixin trong pug05:13 | Vào học | ||
Bài 104: Tìm hiểu object trong Sass03:49 | Vào học | ||
Bài 105: Áp dụng object vào mixin trong Sass12:45 | Vào học | ||
Bài 106: Tối ưu mixin hoverEffect06:38 | Vào học | ||
Chương 17: Git, Github và deploy dự án cho người mới | |||
Bài 107: Git là gì ? Github là gì ?03:10 | Vào học | FREE | |
Bài 108: Cài đặt Git và tạo tài khoản Github04:19 | Vào học | FREE | |
Bài 109: Đưa dự án lên github toàn tập08:35 | Vào học | FREE | |
Bài 110: Deploy dự án bằng Vercel toàn tập08:05 | Vào học | FREE |
Khóa 3. Khoá học tự học Javascript hiệu quả và dễ dàng cho người mới STT TÊN KHÓA HỌC LINK HỌC GHI CHÚ Chương 1: Biến và các kiểu dữ liệu thường gặp Bài 1: Lời giới thiệu, cám ơn và hướng dẫn quan trọng cần nắm05:58 Vào học FREE Bài 2: 2 cách chèn Javascript vào HTML03:14 Vào học FREE Bài 3: Tìm hiểu hàm console.log02:04 Vào học FREE Bài 4: Kiến thức về biến cần nắm04:05 Vào học FREE Bài 5: Khai báo biến với const và let04:37 Vào học FREE Bài 6: Hoisting là gì ?03:48 Vào học FREE Bài 6.5: Bổ sung kiến thức hoisting04:45 Vào học FREE Chương 2: Các kiểu dữ liệu thông dụng trong Javascript Bài 7: Giới thiệu kiểu dữ liệu string03:01 Vào học FREE Bài 8: Sử dụng string cơ bản06:43 Vào học FREE Bài 9: index và length trong string cần nắm03:31 Vào học FREE Bài 10: Các phương thức trong string phần 109:22 Vào học FREE Bài 11: Các phương thức trong string phần 208:57 Vào học FREE Bài 12: Phân biệt substr và substring06:19 Vào học FREE Bài 13: Sử dụng nhiều phương thức của string cùng lúc05:55 Vào học FREE Bài 14: Tìm hiểu kiểu dữ liệu number phần 114:45 Vào học FREE Bài 15: Tìm hiểu kiểu dữ liệu number phần 210:42 Vào học FREE Bài 16: Tìm hiểu kiểu dữ liệu khác07:14 Vào học FREE Chương 3: Toán tử so sánh, coercion, câu điều kiện Bài 17: Tìm hiểu hàm Number05:40 Vào học Bài 18: Tìm hiểu hàm String04:16 Vào học Bài 19: Tìm hiểu hàm Boolean03:25 Vào học Bài 20: Type coercion là gì ?08:53 Vào học Bài 21: Toán tử so sánh cơ bản03:23 Vào học Bài 22: Toán tử logic cơ bản05:30 Vào học Bài 23: So sánh == vs ===08:32 Vào học Bài 24: Câu điều kiện cơ bản07:31 Vào học Bài 25: alert, prompt và confirm08:18 Vào học Bài 26: Bài tập về câu điều kiện09:32 Vào học Bài 27: Tìm hiểu switch case10:05 Vào học Bài 28: Ternary operator06:51 Vào học Chương 4: Hàm toàn tập Bài 29: Function cơ bản cho người mới10:54 Vào học Bài 30: Funtion cơ bản cho người mới phần 208:37 Vào học Bài 31: Funtion cơ bản cho người mới phần 305:29 Vào học Bài 32: Global scope và function scope03:32 Vào học Bài 33: Block scope và từ khoá var06:09 Vào học Bài 34: Closure cơ bản12:10 Vào học Bài 35: Closure cơ bản tiếp theo03:25 Vào học Bài 36: Bài tập về function số 106:12 Vào học Bài 37: Bài tập về function số 207:17 Vào học Bài 38: Bài tập về function số 305:49 Vào học Bài 39: Arrow function cơ bản05:42 Vào học Chương 5: Các hàm về thời gian Bài 40: Giới thiệu về Date object04:25 Vào học Bài 41: Timestamp và epochtime04:53 Vào học Bài 42: 4 cách khởi tạo Date object nên biết04:50 Vào học Bài 43: Các hàm get trong Date07:19 Vào học Bài 44: Các hàm set trong Date05:28 Vào học Bài 45: Tìm hiểu utc trong Date02:32 Vào học Bài 46: Tìm hiểu các hàm khác trong Date04:57 Vào học Bài 47: Bài tập đơn giản về Date object07:16 Vào học Bài 48: Tìm hiểu setTimeout và setInterval06:21 Vào học Bài 49: Bài tập chương 502:28 Vào học Bài 50: Giải bài tập chương 5 bài 105:51 Vào học Bài 51: Giải bài tập chương 5 bài 208:34 Vào học Bài 52: Giải bài tập chương 5 bài 307:11 Vào học Bài 53: Giải bài tập chương 5 bài 3 phần 211:24 Vào học Bài 54: Giải bài tập chương 5 bài 3 phần 305:19 Vào học Chương 6: Mảng và vòng lặp cơ bản toàn tập Bài 55: Giới thiệu về mảng05:46 Vào học Bài 55.5: Giới thiệu về mảng bổ sung06:43 Vào học Bài 56: Các phương thức trong mảng phần 105:03 Vào học Bài 57: Các phương thức trong mảng phần 205:21 Vào học Bài 57.5: Các phương thức trong mảng phần 2 bổ sung02:47 Vào học Bài 58: Tìm hiểu phương thức slice07:20 Vào học Bài 59: Tìm hiểu phương thức splice07:57 Vào học Bài 60: Tìm hiểu phương thức sort10:10 Vào học Bài 61: Tìm hiểu phương thức find04:45 Vào học Bài 62: Tìm hiểu phương thức findIndex02:29 Vào học Bài 63: Tìm hiểu phương thức sort bổ sung03:20 Vào học Bài 64: Tìm hiểu phương thức map06:54 Vào học Bài 65: Tìm hiểu phương thức forEach03:59 Vào học Bài 66: Tìm hiểu phương thức filter05:23 Vào học Bài 67: Tìm hiểu phương thức some và every05:33 Vào học Bài 68: Tìm hiểu phương thức reduce06:04 Vào học Bài 69: Bài tập về mảng số 109:14 Vào học Bài 70: Bài tập về mảng số 208:24 Vào học Bài 71: Bài tập về mảng số 305:50 Vào học Bài 72: By value và by references04:16 Vào học Bài 73: Cách so sánh 2 mảng cơ bản07:03 Vào học Bài 74: 2 cách để sao chép mảng cần biết04:58 Vào học Bài 75: 2 cách để gộp mảng cần nắm03:42 Vào học Bài 76: Destructuring là gì ?04:06 Vào học Bài 77: Tìm hiểu rest parameter03:32 Vào học Bài 78: Vòng lặp for cơ bản phần 107:16 Vào học Bài 79: Vòng lặp for cơ bản phần 208:46 Vào học Bài 80: Vòng lặp for cơ bản phần 305:52 Vào học Bài 81: Vòng lặp for cơ bản phần 405:32 Vào học Bài 82: Bài tập cơ bản về vòng lặp for08:06 Vào học Bài 83: Vòng lặp while và do while09:32 Vào học Bài 84: Vòng lặp for of04:02 Vào học Bài 85: Bài tập chương 6 số 1 và 206:44 Vào học Bài 86: Bài tập chương 6 số 306:30 Vào học Bài 87: Bài tập chương 6 số 408:04 Vào học Bài 88: Bài tập chương 6 số 506:26 Vào học Bài 89: Bài tập chương 6 số 607:16 Vào học Bài 90: Bài tập chương 6 số 709:00 Vào học Chương 7: Object cơ bản cho người mới Bài 91: Tìm hiểu object cơ bản phần 104:50 Vào học Bài 92: Tìm hiểu object cơ bản phần 208:24 Vào học Bài 93: Tìm hiểu for in trong object03:53 Vào học Bài 94: Tìm hiểu phương thức Object.keys02:09 Vào học Bài 95: Tìm hiểu phương thức Object.values01:31 Vào học Bài 96: Tìm hiểu phương thức Object.entries02:30 Vào học Bài 97: Tìm hiểu phương thức Object.assign02:50 Vào học Bài 98: Tìm hiểu phương thức Object.freeze02:44 Vào học Bài 99: Tìm hiểu phương thức Object.seal02:17 Vào học Bài 100: Cách sao chép một object02:39 Vào học Bài 101: Cách sao chép một object phức tạp06:50
Khóa 3. Khoá học tự học Javascript hiệu quả và dễ dàng cho người mới | |||
STT | TÊN KHÓA HỌC | LINK HỌC | GHI CHÚ |
Chương 1: Biến và các kiểu dữ liệu thường gặp | |||
Bài 1: Lời giới thiệu, cám ơn và hướng dẫn quan trọng cần nắm05:58 | Vào học | FREE | |
Bài 2: 2 cách chèn Javascript vào HTML03:14 | Vào học | FREE | |
Bài 3: Tìm hiểu hàm console.log02:04 | Vào học | FREE | |
Bài 4: Kiến thức về biến cần nắm04:05 | Vào học | FREE | |
Bài 5: Khai báo biến với const và let04:37 | Vào học | FREE | |
Bài 6: Hoisting là gì ?03:48 | Vào học | FREE | |
Bài 6.5: Bổ sung kiến thức hoisting04:45 | Vào học | FREE | |
Chương 2: Các kiểu dữ liệu thông dụng trong Javascript | |||
Bài 7: Giới thiệu kiểu dữ liệu string03:01 | Vào học | FREE | |
Bài 8: Sử dụng string cơ bản06:43 | Vào học | FREE | |
Bài 9: index và length trong string cần nắm03:31 | Vào học | FREE | |
Bài 10: Các phương thức trong string phần 109:22 | Vào học | FREE | |
Bài 11: Các phương thức trong string phần 208:57 | Vào học | FREE | |
Bài 12: Phân biệt substr và substring06:19 | Vào học | FREE | |
Bài 13: Sử dụng nhiều phương thức của string cùng lúc05:55 | Vào học | FREE | |
Bài 14: Tìm hiểu kiểu dữ liệu number phần 114:45 | Vào học | FREE | |
Bài 15: Tìm hiểu kiểu dữ liệu number phần 210:42 | Vào học | FREE | |
Bài 16: Tìm hiểu kiểu dữ liệu khác07:14 | Vào học | FREE | |
Chương 3: Toán tử so sánh, coercion, câu điều kiện | |||
Bài 17: Tìm hiểu hàm Number05:40 | Vào học | ||
Bài 18: Tìm hiểu hàm String04:16 | Vào học | ||
Bài 19: Tìm hiểu hàm Boolean03:25 | Vào học | ||
Bài 20: Type coercion là gì ?08:53 | Vào học | ||
Bài 21: Toán tử so sánh cơ bản03:23 | Vào học | ||
Bài 22: Toán tử logic cơ bản05:30 | Vào học | ||
Bài 23: So sánh == vs ===08:32 | Vào học | ||
Bài 24: Câu điều kiện cơ bản07:31 | Vào học | ||
Bài 25: alert, prompt và confirm08:18 | Vào học | ||
Bài 26: Bài tập về câu điều kiện09:32 | Vào học | ||
Bài 27: Tìm hiểu switch case10:05 | Vào học | ||
Bài 28: Ternary operator06:51 | Vào học | ||
Chương 4: Hàm toàn tập | |||
Bài 29: Function cơ bản cho người mới10:54 | Vào học | ||
Bài 30: Funtion cơ bản cho người mới phần 208:37 | Vào học | ||
Bài 31: Funtion cơ bản cho người mới phần 305:29 | Vào học | ||
Bài 32: Global scope và function scope03:32 | Vào học | ||
Bài 33: Block scope và từ khoá var06:09 | Vào học | ||
Bài 34: Closure cơ bản12:10 | Vào học | ||
Bài 35: Closure cơ bản tiếp theo03:25 | Vào học | ||
Bài 36: Bài tập về function số 106:12 | Vào học | ||
Bài 37: Bài tập về function số 207:17 | Vào học | ||
Bài 38: Bài tập về function số 305:49 | Vào học | ||
Bài 39: Arrow function cơ bản05:42 | Vào học | ||
Chương 5: Các hàm về thời gian | |||
Bài 40: Giới thiệu về Date object04:25 | Vào học | ||
Bài 41: Timestamp và epochtime04:53 | Vào học | ||
Bài 42: 4 cách khởi tạo Date object nên biết04:50 | Vào học | ||
Bài 43: Các hàm get trong Date07:19 | Vào học | ||
Bài 44: Các hàm set trong Date05:28 | Vào học | ||
Bài 45: Tìm hiểu utc trong Date02:32 | Vào học | ||
Bài 46: Tìm hiểu các hàm khác trong Date04:57 | Vào học | ||
Bài 47: Bài tập đơn giản về Date object07:16 | Vào học | ||
Bài 48: Tìm hiểu setTimeout và setInterval06:21 | Vào học | ||
Bài 49: Bài tập chương 502:28 | Vào học | ||
Bài 50: Giải bài tập chương 5 bài 105:51 | Vào học | ||
Bài 51: Giải bài tập chương 5 bài 208:34 | Vào học | ||
Bài 52: Giải bài tập chương 5 bài 307:11 | Vào học | ||
Bài 53: Giải bài tập chương 5 bài 3 phần 211:24 | Vào học | ||
Bài 54: Giải bài tập chương 5 bài 3 phần 305:19 | Vào học | ||
Chương 6: Mảng và vòng lặp cơ bản toàn tập | |||
Bài 55: Giới thiệu về mảng05:46 | Vào học | ||
Bài 55.5: Giới thiệu về mảng bổ sung06:43 | Vào học | ||
Bài 56: Các phương thức trong mảng phần 105:03 | Vào học | ||
Bài 57: Các phương thức trong mảng phần 205:21 | Vào học | ||
Bài 57.5: Các phương thức trong mảng phần 2 bổ sung02:47 | Vào học | ||
Bài 58: Tìm hiểu phương thức slice07:20 | Vào học | ||
Bài 59: Tìm hiểu phương thức splice07:57 | Vào học | ||
Bài 60: Tìm hiểu phương thức sort10:10 | Vào học | ||
Bài 61: Tìm hiểu phương thức find04:45 | Vào học | ||
Bài 62: Tìm hiểu phương thức findIndex02:29 | Vào học | ||
Bài 63: Tìm hiểu phương thức sort bổ sung03:20 | Vào học | ||
Bài 64: Tìm hiểu phương thức map06:54 | Vào học | ||
Bài 65: Tìm hiểu phương thức forEach03:59 | Vào học | ||
Bài 66: Tìm hiểu phương thức filter05:23 | Vào học | ||
Bài 67: Tìm hiểu phương thức some và every05:33 | Vào học | ||
Bài 68: Tìm hiểu phương thức reduce06:04 | Vào học | ||
Bài 69: Bài tập về mảng số 109:14 | Vào học | ||
Bài 70: Bài tập về mảng số 208:24 | Vào học | ||
Bài 71: Bài tập về mảng số 305:50 | Vào học | ||
Bài 72: By value và by references04:16 | Vào học | ||
Bài 73: Cách so sánh 2 mảng cơ bản07:03 | Vào học | ||
Bài 74: 2 cách để sao chép mảng cần biết04:58 | Vào học | ||
Bài 75: 2 cách để gộp mảng cần nắm03:42 | Vào học | ||
Bài 76: Destructuring là gì ?04:06 | Vào học | ||
Bài 77: Tìm hiểu rest parameter03:32 | Vào học | ||
Bài 78: Vòng lặp for cơ bản phần 107:16 | Vào học | ||
Bài 79: Vòng lặp for cơ bản phần 208:46 | Vào học | ||
Bài 80: Vòng lặp for cơ bản phần 305:52 | Vào học | ||
Bài 81: Vòng lặp for cơ bản phần 405:32 | Vào học | ||
Bài 82: Bài tập cơ bản về vòng lặp for08:06 | Vào học | ||
Bài 83: Vòng lặp while và do while09:32 | Vào học | ||
Bài 84: Vòng lặp for of04:02 | Vào học | ||
Bài 85: Bài tập chương 6 số 1 và 206:44 | Vào học | ||
Bài 86: Bài tập chương 6 số 306:30 | Vào học | ||
Bài 87: Bài tập chương 6 số 408:04 | Vào học | ||
Bài 88: Bài tập chương 6 số 506:26 | Vào học | ||
Bài 89: Bài tập chương 6 số 607:16 | Vào học | ||
Bài 90: Bài tập chương 6 số 709:00 | Vào học | ||
Chương 7: Object cơ bản cho người mới | |||
Bài 91: Tìm hiểu object cơ bản phần 104:50 | Vào học | ||
Bài 92: Tìm hiểu object cơ bản phần 208:24 | Vào học | ||
Bài 93: Tìm hiểu for in trong object03:53 | Vào học | ||
Bài 94: Tìm hiểu phương thức Object.keys02:09 | Vào học | ||
Bài 95: Tìm hiểu phương thức Object.values01:31 | Vào học | ||
Bài 96: Tìm hiểu phương thức Object.entries02:30 | Vào học | ||
Bài 97: Tìm hiểu phương thức Object.assign02:50 | Vào học | ||
Bài 98: Tìm hiểu phương thức Object.freeze02:44 | Vào học | ||
Bài 99: Tìm hiểu phương thức Object.seal02:17 | Vào học | ||
Bài 100: Cách sao chép một object02:39 | Vào học | ||
Bài 101: Cách sao chép một object phức tạp06:50 |