All in one, html/css3, bootstrap 4 và học cắt web từ file thiết kế qua 20 bài tập thực tế

DONATE 200k ĐỂ ĐƯỢC CẤP QUYỀN TRUY CẬP TẤT CẢ CÁC KHÓA HỌC IT: Click me!



CHƯƠNG 01. GIỚI THIỆU VÀ CÁC PHẦN MỀM CẦN THIẾT (HƯỚNG DẪN XEM VIDEO)

  • Bài 01: Giới thiệu khóa học xem video

  • Bài 02: Cài đặt 2 phần mềm cần thiết xem video

CHƯƠNG 02. CÁC KIẾN THỨC CƠ BẢN (HƯỚNG DẪN XEM VIDEO)

  • Bài 03: Giới thiệu các thẻ HTML cần thiết cho cắt web - tập 1 xem video

  • Bài 04: Giới thiệu các thẻ HTML cần thiết cho cắt web - tập 2 xem video

  • Bài 05: 3 cách đưa CSS vào trong file HTML xem video

  • Bài 06: Các thuộc tính CSS xem video

CHƯƠNG 03. HỌC CÁCH CẮT WEB QUA TỪNG BÀI TẬP (HƯỚNG DẪN XEM VIDEO)

  • Bài 07: Áp dụng thuộc tính đã học chữa bài 1 kênh14 xem video

  • Bài 08: Áp dụng thuộc tính đã học chữa bài 2 kênh 14 - Tập 1 xem video

  • Bài 09: Áp dụng thuộc tính đã học chữa bài 2 kênh 14 - Tập 2 xem video

  • Bài 10: Giới thiệu về Class và ID trong CSS xem video

  • Bài 11: Luyện tập CSS cơ bản với Class và ID - tập 1 xem video

  • Bài 12: Luyện tập CSS cơ bản với Class và ID - tập 2 xem video

  • Bài 13: Luyện tập CSS cơ bản với Class và ID - tập 3 xem video

  • Bài 14: Luyện tập CSS cơ bản với Class và ID - tập 4 xem video

  • Bài 15: Cách load và sử dụng font mới xem video

  • Bài 16: Sử dụng font icon và cách làm hiệu ứng hover xem video

  • Bài 17: Chữa bài megafun.vn - tập 1 xem video

  • Bài 18: Chữa bài megafun.vn - tập 2 xem video

  • Bài 19: Chữa bài ione.vnexpress.net xem video

  • Bài 20: Chữa bài docbao.vn - tập 1 xem video

  • Bài 21: Chữa bài docbao.vn - tập 2 xem video

  • Bài 22: Chữa bài docbao.vn - Tập 3 xem video

  • Bài 23: Chữa bài Vietnamnet.vn - tập 1 xem video

  • Bài 24: Chữa bài Vietnamnet.vn - tập 2 xem video

  • Bài 25: Chữa bài marry.vn phần 1 xử lý tiêu đề - tập 1 xem video

  • Bài 26: Chữa bài marry.vn phần 1 xử lý tiêu đề - tập 2 xem video

  • Bài 27: Chữa bài marry.vn - xử lý icon bằng phương pháp image sprite xem video

  • Bài 28: Chữa bài marry.vn phần 2 xem video

  • Bài 29: Chữa bài giadinh.net xem video

  • Bài 30: Chữa bài saga.vn tập 1 xem video

  • Bài 31: Chữa bài saga.vn tập 2 xem video

CHƯƠNG 04. CÁC THUỘC TÍNH CHIA LAYER TRONG CSS (HƯỚNG DẪN XEM VIDEO)

  • Bài 32: Giới thiệu về thuộc tính absolute và relative xem video

  • Bài 33: Giới thiệu về thuộc tính flex - tập 1 xem video

  • Bài 34: Giới thiệu về thuộc tính flex - tập 2 xem video

  • Bài 35: Luyện tập về thuộc tính flex - tập 1 xem video

  • Bài 36: Luyện tập về thuộc tính flex - tập 2 xem video

  • Bài 37: Luyện tập Absolute với website guu.vn - tập 1 xem video

  • Bài 38: Luyện tập Absolute với website guu.vn - tập 2 xem video

  • Bài 39: Luyện tập Absolute với website guu.vn - tập 3 xem video

  • Bài 40: Luyện tập Absolute với website guu.vn - tập 4 xem video

  • Bài 41: Luyện tập Absolute với website guu.vn - tập 5 xem video

  • Bài 42: Chữa bài 1 Absolute USATODAY - tập 1 xem video

  • Bài 43: Chữa bài 1 Absolute USATODAY - tập 2 xem video

  • Bài 44: Thực hành Absolute với website tiin.vn - Tập 1 xem video

  • Bài 45: Thực hành Absolute với website tiin.vn - tập 2 xem video

  • Bài 46: Luyện tập chia layer với website udemy.com tập 1 xem video

  • Bài 47: Luyện tập transition với web udemy tập 2 xem video

  • Bài 48: Thuộc tính background attachment xem video

  • Bài 49: Thuộc tính Animation - tập 1 xem video

  • Bài 50: Thuộc tính Animation - tập 2 xem video

  • Bài 51: Áp dụng thuộc tính position và hover transition xem video

  • Bài 52: Kết hợp thuộc tính absolute, transition, flex - tập 1 xem video

  • Bài 53: Kết hợp thuộc tính absolute, transition, flex - tập 2 xem video

  • Bài 54: Kết hợp thuộc tính absolute, transition, flex - tập 3 xem video

  • Bài 55: Kết hợp thuộc tính absolute, transition, flex - tập 4 xem video

  • Bài 56: Kết hợp absolute và hover transition - tập 1 xem video

  • Bài 57: Kết hợp absolute và hover transition - tập 2 xem video

  • Bài 58: Kết hợp absolute và transition chữa bài hiệu ứng - tập 1 xem video

  • Bài 59: Kết hợp absolute và hover transition chữa bài hiệu ứng - tập 2 xem video

  • Bài 60: Kết hợp absolute và hover transition chữa bài hiệu ứng - tập 3 xem video

  • Bài 61: Tổng kết xem video

CHƯƠNG 05. GIỚI THIỆU BOOTSTRAP VÀ CÀI ĐẶT (HƯỚNG DẪN XEM VIDEO)

  • Bài 62: Giới thiệu về bootstrap phiên bản 4 xem video

  • Bài 63: Hướng dẫn cài đặt bootstrap - tập 1 xem video

  • Bài 64: Hướng dẫn cài đặt bootstrap - tập 2 xem video

  • Bài 65: Thành phần Grid trong bootstrap - tập 1 xem video

  • Bài 66: Thành phần Grid trong bootstrap - tập 2 xem video

  • Bài 67: Giới thiệu về responsive xem video

CHƯƠNG 06. BẮT ĐẦU HỌC BOOTSTRAP (HƯỚNG DẪN XEM VIDEO)

  • Bài 68: Giới thiệu về alert xem video

  • Bài 69: Giới thiệu về breadcrumb xem video

  • Bài 70: Giới thiệu về button xem video

  • Bài 71: Phương pháp học bootstrap xem video

  • Bài 72: Giới thiệu về checkbox và radio button xem video

  • Bài 73: Giới thiệu về dropdown menu xem video

  • Bài 74: Giới thiệu về thành phần mới so với BS3: Card layout xem video

  • Bài 75: Giới thiệu về thành phần card deck xem video

  • Bài 76: Giới thiệu về thành phần card group xem video

  • Bài 77: Giới thiệu về thành phần card column xem video

  • Bài 78: Giới thiệu về thành phần carousel xem video

  • Bài 79: Giới thiệu về thành phần collapse xem video

  • Bài 80: Giới thiệu về thành phần form xem video

  • Bài 81: Tổng kết và phương pháp cắt HTML/CSS dựa trên bootstrap xem video

CHƯƠNG 07. HỌC BOOTSTRAP QUA TỪNG BÀI TẬP (HƯỚNG DẪN XEM VIDEO)

  • Bài 82: Thành Phần menu trong bootstrap xem video

  • Bài 83: Thành phần spacing trong bootstrap xem video

  • Bài 84: Thành phần căn chỉnh trong bootstrap xem video

  • Bài 85: Sử dụng card layout để tạo thông tin xem video

  • Bài 86: Tóm tắt kiến thức xem video

  • Bài 87: Giới thiệu bài tập tạo website với bootstrap xem video

  • Bài 88: Sử dụng navbar collapse xem video

  • Bài 89: Sử dụng jumbotron xem video

  • Bài 90: Thực hành BS với card deck layout xem video

  • Bài 91: Viết hiệu ứng scroll bằng jquery xem video

  • Bài 92: Tổng kết kiến thức xem video

  • Bài 93: Giới thiệu website xem video

  • Bài 94: Tạo menu responsive thế nào xem video

  • Bài 95: Tạo hiệu ứng slide theo website xem video

  • Bài 96: Hoàn thiện website xem video

  • Bài 97: Tổng kết website và kiến thức học được xem video

  • Bài 98: Tóm tắt kiến thức xem video

  • Bài 99: Tạo menu và carosel bằng phím tắt xem video

  • Bài 100: Tinh chỉnh và hoàn thiện menu xem video

  • Bài 101: Xử lý phần khoảng cách cho menu bằng css xem video

  • Bài 102: Velocity theme - tạo banner xem video

  • Bài 103: Phương pháp xử lý responsive trong BS4 xem video

  • Bài 104: Xử lý căn chỉnh nội dung bằng row trong row xem video

  • Bài 105: Tinh chỉnh phần nội dung chính xác bằng css xem video

  • Bài 106: Xử lý khối thông tin website chứa facebook button xem video

  • Bài 107: Hoàn thiện khối thông tin website với css xem video

  • Bài 108: Hoàn thiện footer xem video

CHƯƠNG 08. HỌC BOOTSTRAP QUA VIỆC LÀM THEME BOOTSTRAP: CREATIVE THEME (HƯỚNG DẪN XEM VIDEO)

  • Bài 109: Velocity theme - Bắt đầu với menu xem video

  • Bài 110: Creative theme - tạo khung html - tập 1 xem video

  • Bài 111: Creative theme - tạo khung html - tập 2 xem video

  • Bài 112: Creative theme - tạo css cho phần menu trên - tập 1 xem video

  • Bài 113: Creative theme - tạo css cho phần menu trên - tập 2 xem video

  • Bài 114: Creative theme - tạo css cho phần banner - tập 1 xem video

  • Bài 115: Creative theme - tạo css cho phần banner - tập 2 xem video

  • Bài 116: Velocity theme - xử lý responsive - tập 1 xem video

  • Bài 117: Velocity theme - xử lý responsive - tập 2 xem video

  • Bài 118: Creative theme - xử lý khối giới thiệu xem video

  • Bài 119: Creative theme - xử lý phần chia cột - tập 1 xem video

  • Bài 120: Creative theme - xử lý phần chia cột - tập 2 xem video

  • Bài 121: Creative theme - xử lý khối sản phẩm - tập 1 xem video

  • Bài 122: Creative theme - xử lý khối sản phẩm - tập 2 xem video

  • Bài 123: Creative theme - xử lý hiệu ứng jquery xem video

CHƯƠNG 09. HỌC BOOTSTRAP QUA VIỆC LÀM THEME BOOTSTRAP: VELOCITY THEME (HƯỚNG DẪN XEM VIDEO)

  • Bài 124: Velocity theme - bắt đầu với menu xem video

  • Bài 125: Velocity theme - tạo banner xem video

  • Bài 126: Velocity theme - tạo css cho phần logo- tập 1 xem video

  • Bài 127: Velocity theme - tạo css cho phần logo - tập 2 xem video

  • Bài 128: Velocity theme - tạo css cho menu responsive - tập 1 xem video

  • Bài 129: Velocity theme - tạo css cho menu responsive - tập 2 xem video

  • Bài 130: Velocity theme - tạo css cho menu responsive - tập 3 xem video

  • Bài 131: Velocity theme - tạo css cho phần banner responsive xem video

  • Bài 132: Velocity theme - tạo phần dịch vụ - tập 1 xem video

  • Bài 133: Velocity theme - tạo phần dịch vụ - tập 2 xem video

  • Bài 134: Velocity theme - xử lý hiệu ứng slide - tập 1 xem video

  • Bài 135: Velocity theme - xử lý hiệu ứng slide - tập 2 xem video

  • Bài 136: Velocity theme - hiệu ứng jquery - tập 1 xem video

  • Bài 137: Velocity theme - hiệu ứng jquery - tập 2 xem video

CHƯƠNG 10. HỌC CẮT WEB TỪ FILE THIẾT KẾ PHOTOSHOP (HƯỚNG DẪN XEM VIDEO)

  • Bài 138: Giới thiệu phần mềm photoshop xem video

  • Bài 139: Bước chuẩn bị cho cắt web xem video

  • Bài 140: Sử dụng bootstrap tạo khung menu xem video

  • Bài 141: Tạo css cho menu trên màn hình desktop xem video

  • Bài 142: Tạo css cho menu trên màn hình iphone xem video

  • Bài 143: Tạo khung html cho slide banner xem video

  • Bài 144: tạo css cho slide banner - tập 1 xem video

  • Bài 145: tạo css cho slide banner - tập 2 xem video

  • Bài 146: Tạo khung html cho khối dịch vụ xem video

  • Bài 147: Tạo css cho khối dịch vụ xem video

  • Bài 148: Hướng dẫn xử lý các phần khác của giao diện xem video

CHƯƠNG 11. CẮT WEB TỪ FILE PHOTOSHOP - GIAO DIỆN ILLUSTRATE (HƯỚNG DẪN XEM VIDEO)

  • Bài 149: Phần chuẩn bị xem video

  • Bài 150: Xử lý css cho phần top header xem video

  • Bài 151: Xử lý css cho phần menu trên xem video

  • Bài 152: Tạo khung html cho phần banner xem video

  • Bài 153: Xử lý css cho phần banner xem video

  • Bài 154: Xử lý phần html cho khối thông tin xem video

  • Bài 155: Xử lý css cho phần khối thông tin xem video

  • Bài 156: Xử lý html cho khối sản phẩm xem video

  • Bài 157: Xử lý css cho khối sản phẩm xem video

CHƯƠNG 12. CẮT WEB TỪ FILE THIẾT KẾ PHOTOSHOP - GIAO DIỆN PIX (HƯỚNG DẪN XEM VIDEO)

  • Bài 158: Phần chuẩn bị xem video

  • Bài 159: Xử lý phần html cho phần logo và menu xem video

  • Bài 160: Xử lý phần css cho menu xem video

  • Bài 161: Xử lý html cho phần banner xem video

  • Bài 162: Xử lý css cho phần banner xem video

  • Bài 163: Xử lý html cho khối 3 dịch vụ xem video

  • Bài 164: Xử lý css cho phần 3 dịch vụ xem video

  • Bài 165: Tóm tắt cách làm cho phần còn lại của giao diện xem video

CHƯƠNG 13. CẮT WEB VỚI SẢN PHẨM BÁN CHẠY TRÊN THEMEFOREST: THEFOX (HƯỚNG DẪN XEM VIDEO)

  • Bài 166: Cắt web thefox- bước chuẩn bị xem video

  • Bài 167: Cắt web thefox - tạo khung html cho topheader xem video

  • Bài 168: Cắt web thefox - tạo css cho phần topheader xem video

  • Bài 169: Tạo html cho phần menu xem video

  • Bài 170: Cắt web thefox - tạo css cho phần menu xem video

  • Bài 171: Cắt web thefox- tạo khung html cho banner xem video

  • Bài 172: Cắt web thefox - tạo css cho phần banner xem video

  • Bài 173: Cắt web thefox - tạo html cho phần giới thiệu xem video

  • Bài 174: Cắt web thefox - tạo css cho phần giới thiệu xem video

  • Bài 175: Cắt web thefox - hướng dẫn xử lý các phần còn lại xem video

  • Bài 176: Tổng kết khóa học xem video