Phần 1: HTML/CSS3/BOOSTRAP

Phần 1: Giới thiệu và các phần mềm cần thiết Bài 1: Giới thiệu khóa học Bài 2: Cài đặt 2 phần mềm cần thiết Phần 2: Các kiến thức cơ bản Bài 5 + 6: Giới thệu các thẻ HTML cần học cho cắt web Bài 7: 3 cách đưa CSS vào website Bài 8: Các thuộc tính CSS Bài 9 + 10 +11: Áp dụng thuộc tính đã học chữa bài 1 kênh14 Bài 12: Giới thiệu về Class và ID trong CSS Bài 13 + 14 +15 +16: Luyện tập CSS cơ bản với Class và ID Bài 17: Cách load và sử dụng font mới Bài 18: Sử dụng font icon và cách làm hiệu ứng hover Bài 19 + 20: Chữa bài megafun.vn - tập 1 Bài 21: Chữa bài ione.vnexpress.net Bài 22 + 23 +24: Chữa bài docbao.vn Bài 25 + 26: Chữa bài Vietnamnet.vn Bài 27 + 28: Chữa bài marry.vn Bài 29: Chữa bài giadinh.net Bài 30 + 31: Chữa bài saga.vn Phần 3: Học cách cắt web qua từng bài tập Bài 32: Giới thiệu về thuộc tính absolute và relative Bài 33 + 34: Giới thiệu về thuộc tính flex Bài 35 + 36: Luyện tập về thuộc tính flex Bài 37 + 38 + 39 + 40 + 41: Luyện tập Absolute với website guu.vn Bài 42 + 43: Chữa bài 1 Absolute USATODAY Bài 44 + 45: Thực hành Absolute với website tiin.vn Bài 46: Luyện tập chia layer với website udemy.com Bài 47: Kết hợp absolute với transition Bài 48: Thuộc tính background attachment Bài 49 + 50: Thuộc tính Animation Bài 51: Áp dụng thuộc tính position va hover transition Bài 52 + 53 + 54 + 55: Áp dụng thuộc tính absolute, transition, flex - tập 1 Bài 56 + 57: Kết hợp absolute và hover transition Bài 58 + 59 + 60: Kết hợp absolute và transition chữa bài hiệu ứng Bài 61: Tổng kết phần html - css và giới thiệu kiến thức mới Phần 4: Các thuộc tính chia layer trong css Bài 62: Giới thiệu về bootstrap phiên bản 4 Bài 63 + 64: Hướng dẫn cài đặt bootstrap Bài 65 + 66: Thành phần Grid trong bootstrap Bài 67: Giới thiệu về responsive Phần 5: Giới thiệu Bootstrap 4 và cài đặt Bài 68: Giới thiệu về alert Bài 69: Giới thiệu về breadcrumb Bài 70: Giới thiệu về button Bài 71: Phương pháp học bootstrap Bài 72: Giới thiệu về checkbox và radio button Bài 73: Giới thiệu về dropdown menu Bài 74: Giới thiệu về thành phần mới so với BS3: Card layout Bài 75: Giới thiệu về thành phần card deck Bài 76: Giới thiệu về thành phần card group Bài 77: Giới thiệu về thành phần card column Bài 78: Giới thiệu về thành phần carousel Bài 79: Giới thiệu về thành phần collapse Bài 80: Giới thiệu về thành phần form Bài 81: Tổng kết và phương pháp cắt HTML/CSS dựa trên bootstrap Phần 6: Bắt đầu học Bootstrap Bài 82: Thành Phần menu trong bootstrap Bài 83: Thành phần spacing trong bootstrap Bài 84: Thành phần căn chỉnh trong bootstrap Bài 85: Sử dụng card layout để tạo thông tin Bài 86: Tóm tắt kiến thức Bài 87: Giới thiệu bài tập tạo website với bootstrap Bài 88: Sử dụng navbar collapse Bài 89: Sử dụng jumbotron Bài 90: Thực hành BS với card deck layout Bài 91: Viết hiệu ứng scroll bằng jquery Bài 92: Tổng kết kiến thức Bài 93: Giới thiệu website Bài 94: Tạo menu responsive thế nào Bài 95: Tạo hiệu ứng slide theo website Bài 96: Hoàn thiện website Bài 97: Tổng kết website và kiến thức học được Bài 98: Tóm tắt kiến thức Bài 99: Tạo menu và carosel bằng phím tắt Bài 100: Tinh chỉnh và hoàn thiện menu Bài 101: Xử lý phần khoảng cách cho menu bằng css Bài 102: Xử lý phần nội dung carousel caption Bài 103: Phương pháp xử lý responsive trong BS4 Bài 104: Xử lý căn chỉnh nội dung bằng row trong row Bài 105: Tinh chỉnh phần nội dung chính xác bằng css Bài 106: Xử lý khối thông tin web site chứa facebook button Bài 107: Hoàn thiện khối thông tin website với css Bài 108: Hoàn thiện footer Phần 7: Học Bootstrap qua từng bài tập Bài 109: Hoàn thiện footer Bài 110 + 111: Creative theme - tạo khung html Bài 112 + 113: Creative theme - tạo css cho phần menu trên - tập 1 Bài 114 + 115: Creative theme - tạo css cho phần banner Bài 116 + 117: Velocity theme - xử lý responsive Bài 118: Creative theme - xử lý khối giới thiệu Bài 119 + 120: Creative theme - xử lý phần chia cột Bài 121 + 122: creative theme - xử lý khối sản phẩm Bài 123: Creative theme - xử lý hiệu ứng jquery Phần 8: Học bootstrap qua việc làm theme bootstrap: Creative theme Bài 124: Velocity theme - bắt đầu với menu Bài 125: Velocity theme - tạo banner Bài 126 + 127: Velocity theme - tạo css cho phần logo Bài 128 + 129 + 130: Velocity theme - tạo css cho menu responsive Bài 131: Velocity theme - tạo css cho phần banner responsive Bài 132 + 133: Velocity theme - tạo phần dịch vụ Bài 134 + 135: Velocity theme - xử lý hiệu ứng slide Bài 136 + 137: Velocity theme - hiệu ứng jquery Phần 9: Học bootstrap qua việc làm theme bootstrap: VELOCITY THEME Bài 138: Giới thiệu phần mềm photoshop Bài 139: Bước chuẩn bị cho cắt web Bài 140: Sử dụng bootstrap tạo khung menu Bài 141: Tạo css cho menu trên màn hình desktop Bài 142: Tạo css cho menu trên màn hình iphone Bài 143: Tạo khung html cho slide banner Bài 144 + 145: Tạo css cho slide banner - tập 1 Bài 146: Tạo khung html cho khối dịch vụ Bài 147: Tạo css cho khối dịch vụ Bài 148: Hướng dẫn xử lý các phần khác của giao diện Phần 10: Học cắt web từ file thiết kế photoshop Phần 1: HTML/CSS3/BOOSTRAP Bài 149: Phần chuẩn bị Bài 150: Xử lý css cho phần top header Bài 151: Xử lý css cho phần menu trên Bài 152: Tạo khung html cho phần banner Bài 153: Xử lý css cho phần banner Bài 154: Xử lý phần html cho khối thông tin Bài 155: Xử lý css cho phần khối thông tin Bài 156: Xử lý html cho khối sản phẩm Phần 11: Cắt web từ file photoshop - Giao diện ILLUSTRATE Bài 157: Xử lý css cho khối sản phẩm Bài 158: Bước chuẩn bị Bài 159: Xử lý phần html cho phần logo và menu Bài 160: Xử lý phần css cho menu Bài 161: Xử lý html cho phần banner Bài 162: Xử lý css cho phần banner Bài 163: Xử lý html cho khối 3 dịch vụ Bài 164: Xử lý css cho phần 3 dịch vụ Bài 165: Tóm tắt các làm cho phần còn lại của giao diện Phần 12: Cắt web từ file thiết kế photoshop - giao diện pix Bài 166: Cắt web thefox- bước chuẩn bị Bài 167: Cắt web thefox - tạo khung html cho topheader Bài 168: Cắt web thefox - tạo css cho phần topheader Bài 169: Tạo html cho phần menu Bài 170: Cắt web thefox - tạo css cho phần menu Bài 171: Cắt web thefox - tạo css cho menu trên iphone Bài 172: Cắt web thefox- tạo khung html cho banner Bài 173: Cắt web thefox - tạo css cho phần banner Bài 174: Cắt web thefox - tạo html cho phần giới thiệu Bài 175: Cắt web thefox - tạo css cho phần giới thiệu Bài 176: Cắt web thefox - hướng dẫn xử lý các phần còn lại Bài 175: Tổng kết khóa học