35 COIN 599 COIN
Thời gian ưu đãi còn 18h
- Thời lượng:
27 giờ 24 phút
- Giáo trình:
177 bài giảng
- Sở hữu khóa học trọn đời
- Cấp chứng nhận hoàn thành
- Giảm thêm 10% khi thanh toán online
Tag: KHÓA HỌC ONLINE,
Chi tiết Học HTML5/CSS3, BOOTSTRAP 4 và học cắt Web từ file thiết kế
Mô Tả Ngắn Khóa Học
- Thời lượng:
27 giờ 24 phút
- Giáo trình:
177 bài giảng
- Sở hữu khóa học trọn đời
- Cấp chứng nhận hoàn thành
- Giảm thêm 10% khi thanh toán online
Bạn sẽ học được gì
Nắm chắc kiến thức cơ bản về và 2 phần mềm cần thiết cho cắt web là CSS và HTML
Hiểu rõ về Bootstrap 4, các thành phần của Bootstrap, cài đặt cũng như thực hành cắt web với Bootstrap.
Học cắt web từ file thiết kế Photoshop với các giao diện ILLUSTRATE, pix
Kỹ năng cắt web với sản phẩm bán chạy trên Themeforest : Thefox
Thực hành cắt web với 2 phần mềm chuyên dụng CSS và HTML trên các địa chỉ website lớn như: Kenh14.vn, Vietnamnet.vn, Docbao.vn, Marry.vn, Giadinh.net,...
Hiểu rõ về các thuộc tính trong CSS: thuộc tính Absolute và Relative, thuộc tính Fle,.. và thực hành trên các web cụ thể, để thành thục công cụ.
Giới thiệu khóa học Có phải bạn: Bạn bắt đầu làm quen và biết đến cắt web, thiết kế website? Bạn yêu thích những công việc đầy sáng tạo, ý tưởng mới lạ cắt, thiết kế web? Công việc của bạn đòi hỏi bạn cần biết bắt web, xử lý thông tin, trình bày các nội dung trên web? Bạn cần học công nghệ thông tin online để trang bị thêm những kiến thức cơ bản nhất về cắt, thiết kế web để phục vụ cho công việc của mình, cũng như có thêm cơ hội thăng tiến, kiếm thêm thu nhập cho bản thân? Bạn mới chỉ biết về cắt, thiết kế web chứ không thành thạo và biết các công cụ sử dụng trong cắt web? Bạn đang tìm kiếm một khóa học lập trình web phù hợp với mình Tất cả những khó khăn đó của bạn sẽ được giải quyết nhanh chóng, ngay lập tức khi bạn tham gia khóa. Khóa học BOOTSTRAP 4, HTML5/CSS3 sẽ giúp bạn cải thiện và nâng cao ngay lập tức trình độ cắt web, sử dụng công cụ tác nghiệp trên website. Đặc biệt, đây là khóa học dành cho những người mới bắt đầu, cơ bản từ con số 0 về thiết kế website. Giảng viên Nguyễn Đức Việt sẽ cùng với Học viên Online pd.vn mang đến cho các bạn một khóa học “Học HTML5/CSS3, BOOTSTRAP 4 và học cắt Web từ file thiết kế” với 13 phần giúp các học viên biến những kỹ năng cắt web trở nên đơn giản vô cùng. Khóa học cung cấp cho học viên đầy đủ những kỹ năng cắt web từ cơ bản đến nâng cao. Trong quá trình học, học viên cũng được thực hành cắt web cụ thể trên các trang báo như: VnExpress, Dantri, Kenh14, Baomoi, Vietnamnet.vn,... Các bạn sẽ được rèn luyện thành thục tất cả các kỹ năng cắt web được sử dụng nhiều nhất hiện nay, sử dụng Bootstrap 4 - công cụ lập trình HTML Front End mới nhất đang được nhiều đơn vị web lựa chọn. Cùng rất nhiều những tính năng cắt web tối ưu, đảm bảo sản phẩm đẹp các sử dụng font icon và làm các hiệu ứng hover trực tiếp trên web,... Trình độ cắt web của bạn sẽ được “nâng cấp” khiến bạn không khỏi bất ngờ. Bạn không chỉ thỏa mãn được đam mê của mình, thỏa sức sáng tạo với các hiệu ứng và kĩ năng cắt web, mà còn mở thêm nhiều cơ hội để thăng tiến trong công việc và thể hiện trình độ chuyên môn của mình. Vậy còn chờ đợi gì nữa, đăng ký khóa học “Học HTML5/CSS3, BOOTSTRAP 4 và học cắt Web từ file thiết kế” của giảng viên Nguyễn Đức Việt ngay hôm nay trước khi hết chương trình ưu đãi khóa học tại pd thôi!
GIÁO VIÊN Khóa Học
- Nguyễn Đức Việt Giảng viên Thiết kế web tại FPT - Arena Tốt nghiệp đại học Bách Khoa Hà Nội, khóa 49, khoa Công nghệ phần mềm. - Danh mục cùng loại: Khóa học công nghệ thông tin
Danh Sách Bài Giảng
| # | Tên bài | Link học | Download |
|---|---|---|---|
| 0 | Bài 1: Cài đặt phần mềm cần thiết | Xem ngay | Download |
| 1 | Bài 2: Giới thiệu khóa học | Xem ngay | Download |
| 2 | Bài 3: Giới thiệu các thẻ HTML cần thiết cho cắt web | Xem ngay | Download |
| 3 | Bài 4: 3 Cách đưa CSS vào trong file HTML | Xem ngay | Download |
| 4 | Bài 5: Các thuộc tính css | Xem ngay | Download |
| 5 | Bài 6: Áp dụng thuộc tính đã học chữa bài 1 Kênh 14 | Xem ngay | Download |
| 6 | Bài 7: Áp dụng thuộc tính đã học chữa bài 2 Kênh 14 - Tập 1 | Xem ngay | Download |
| 7 | Bài 8: Áp dụng thuộc tính đã học chữa bài 2 Kênh 14 - Tập 2 | Xem ngay | Download |
| 8 | Bài 9: Giới thiệu về class và ID trong CSS | Xem ngay | Download |
| 9 | Bài 10: Luyện tập về class và ID tập 1 | Xem ngay | Download |
| 10 | Bài 11: Luyện tập về class và ID tập 2 | Xem ngay | Download |
| 11 | Bài 12: Luyện tập về class và ID tập 3 | Xem ngay | Download |
| 12 | Bài 13: Luyện tập về class và ID tập 4 | Xem ngay | Download |
| 13 | Bài 14: Cách load và sử dung font mới | Xem ngay | Download |
| 14 | Bài 15: Sử dụng font icon và cách làm hiệu ứng hover | Xem ngay | Download |
| 15 | Bài 16: Chữa bài Megafun.vn - tập 1 | Xem ngay | Download |
| 16 | Bài 17: Chữa bài Megafun.vn - tập 2 | Xem ngay | Download |
| 17 | Bài 18: Chữa bài ione.vnexpress.net | Xem ngay | Download |
| 18 | Bài 19: Chữa bài docbao.vn - Tập 1 | Xem ngay | Download |
| 19 | Bài 20: Chữa bài docbao.vn - Tập 2 | Xem ngay | Download |
| 20 | Bài 21: Chữa bài docbao.vn - Tập 3 | Xem ngay | Download |
| 21 | Bài 22: Chữa bài vietnamnet.vn - Tập 1 | Xem ngay | Download |
| 22 | Bài 23: Chữa bài vietnamnet.vn - Tập 2 | Xem ngay | Download |
| 23 | Bài 24: Chữa bài marry.vn - Tập 1 | Xem ngay | Download |
| 24 | Bài 25: Chữa bài marry.vn - Tập 2 | Xem ngay | Download |
| 25 | Bài 26: Chữa bài marry.vn - Tập 3 | Xem ngay | Download |
| 26 | Bài 27: Chữa bài marry.vn - Tập 4 | Xem ngay | Download |
| 27 | Bài 28: Chữa bài giadinh.net | Xem ngay | Download |
| 28 | Bài 29: Chữa bài saga.vn - Tập 1 | Xem ngay | Download |
| 29 | Bài 30: Chữa bài saga.vn - Tập 2 | Xem ngay | Download |
| 30 | Bài 31: Giới thiệu về thuộc tính absolute và relative | Xem ngay | Download |
| 31 | Bài 32: Giới thiệu về thuộc tính flex - Tập 1 | Xem ngay | Download |
| 32 | Bài 33: Giới thiệu về thuộc tính flex - Tập 2 | Xem ngay | Download |
| 33 | Bài 34: Luyện tập về thuộc tính flex - Tập 1 | Xem ngay | Download |
| 34 | Bài 35: Luyện tập về thuộc tính flex - Tập 2 | Xem ngay | Download |
| 35 | Bài 36: Luyện tập absolute với website guu-vn - Tập 1 | Xem ngay | Download |
| 36 | Bài 37: Luyện tập absolute với website guu-vn - Tập 2 | Xem ngay | Download |
| 37 | Bài 38: Luyện tập absolute với website guu-vn - Tập 3 | Xem ngay | Download |
| 38 | Bài 39: Luyện tập absolute với website guu-vn - Tập 4 | Xem ngay | Download |
| 39 | Bài 40: Luyện tập absolute với website guu-vn - Tập 5 | Xem ngay | Download |
| 40 | Bài 41: Chữa bài 1 absolute Usatoday - Tập 1 | Xem ngay | Download |
| 41 | Bài 42: Chữa bài 1 absolute Usatoday - Tập 2 | Xem ngay | Download |
| 42 | Bài 43: Thực hành absolute với website tiin-.vn - Tập 1 | Xem ngay | Download |
| 43 | Bài 44: Thực hành absolute với website tiin-.vn - Tập 2 | Xem ngay | Download |
| 44 | Bài 45: Luyện tập về thuộc tính chia layer với udemy.com | Xem ngay | Download |
| 45 | Bài 46: Kết hợp absolute với transition | Xem ngay | Download |
| 46 | Bài 47: Thuộc tính background attachment | Xem ngay | Download |
| 47 | Bài 48: Thuộc tính animation - tập 1 | Xem ngay | Download |
| 48 | Bài 49: Thuộc tính animation - tập 2 | Xem ngay | Download |
| 49 | Bài 50: Kết hợp thuộc tính absolute, transition và flex - Tập 1 | Xem ngay | Download |
| 50 | Bài 51: Kết hợp thuộc tính absolute, transition và flex - Tập 2 | Xem ngay | Download |
| 51 | Bài 52: Kết hợp thuộc tính absolute, transition và flex - Tập 3 | Xem ngay | Download |
| 52 | Bài 53: Kết hợp thuộc tính absolute, transition và flex - Tập 4 | Xem ngay | Download |
| 53 | Bài 54: Kết hợp absolute và hover transition - Tập 1 | Xem ngay | Download |
| 54 | Bài 55: Kết hợp absolute và hover transition - Tập 2 | Xem ngay | Download |
| 55 | Bài 56: Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 1 | Xem ngay | Download |
| 56 | Bài 57: Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 2 | Xem ngay | Download |
| 57 | Bài 58: Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 3 | Xem ngay | Download |
| 58 | Bài 59: Kết hợp absolute và hover transition chưa bài hiệu ứng - tập 4 | Xem ngay | Download |
| 59 | Bài 60: Tổng kết phần html - css và giới thiệu kiến thức mới | Xem ngay | Download |
| 60 | Bài 61: Giới thiệu về bootstrap 4 | Xem ngay | Download |
| 61 | Bài 62: Cài đặt bootstrap - tập 1 | Xem ngay | Download |
| 62 | Bài 63: Cài đặt bootstrap - tập 2 | Xem ngay | Download |
| 63 | Bài 64: Thành phần grid trong bootstrap - Tập 1 | Xem ngay | Download |
| 64 | Bài 65: Thành phần grid trong bootstrap - Tập 2 | Xem ngay | Download |
| 65 | Bài 66: Giới thiệu về responsive | Xem ngay | Download |
| 66 | Bài 67: Giới thiệu về alert | Xem ngay | Download |
| 67 | Bài 68: Giới thiệu về breadcrumb | Xem ngay | Download |
| 68 | Bài 69: Giới thiệu về button | Xem ngay | Download |
| 69 | Bài 70: Phương pháp học bootstrap | Xem ngay | Download |
| 70 | Bài 71: Giới thiệu về checkbox và radio button | Xem ngay | Download |
| 71 | Bài 72: Giới thiệu về dropdown menu | Xem ngay | Download |
| 72 | Bài 73: Giới thiệu về thành phần mới so với BS3: Card layout | Xem ngay | Download |
| 73 | Bài 74: Giới thiệu về thành phần card deck | Xem ngay | Download |
| 74 | Bài 75: Giới thiệu về thành phần card group | Xem ngay | Download |
| 75 | Bài 76: Giới thiệu về thành phần card column | Xem ngay | Download |
| 76 | Bài 77: Giới thiệu về thành phần carousel | Xem ngay | Download |
| 77 | Bài 78: Giới thiệu về thành phần collapse | Xem ngay | Download |
| 78 | Bài 79: Giới thiệu về thành phần form | Xem ngay | Download |
| 79 | Bài 80: Tổng kết và phương pháp cắt HTML/CSS dựa trên bootstrap | Xem ngay | Download |
| 80 | Bài 81: Thành Phần menu trong bootstrap | Xem ngay | Download |
| 81 | Bài 82: Thành phần spacing trong bootstrap | Xem ngay | Download |
| 82 | Bài 83: Thành phần căn chỉnh trong bootstrap | Xem ngay | Download |
| 83 | Bài 84: Sử dụng card layout để tạo thông tin | Xem ngay | Download |
| 84 | Bài 85: Tóm tắt kiến thức | Xem ngay | Download |
| 85 | Bài 86: Giới thiệu bài tập tạo website với bootstrap | Xem ngay | Download |
| 86 | Bài 87: Sử dụng navbar collapse | Xem ngay | Download |
| 87 | Bài 88: Sử dụng jumbotron | Xem ngay | Download |
| 88 | Bài 89: Thực hành Bootstrap 4 với card deck layout | Xem ngay | Download |
| 89 | Bài 90: Viết hiệu ứng scroll bằng jquery | Xem ngay | Download |
| 90 | Bài 91: Tổng kết kiến thức | Xem ngay | Download |
| 91 | Bài 92: Giới thiệu website | Xem ngay | Download |
| 92 | Bài 93: Tạo menu responsive thế nào | Xem ngay | Download |
| 93 | Bài 94: Tạo hiệu ứng slide theo website | Xem ngay | Download |
| 94 | Bài 95: Hoàn thiện website | Xem ngay | Download |
| 95 | Bài 96: Tổng kết website và kiến thức học được | Xem ngay | Download |
| 96 | Bài 97: Tóm tắt kiến thức - tập 1 | Xem ngay | Download |
| 97 | Bài 98: Tóm tắt kiến thức - tập 2 | Xem ngay | Download |
| 98 | Bài 99: Tạo menu và carosel bằng phím tắt | Xem ngay | Download |
| 99 | Bài 100: Tinh chỉnh và hoàn thiện menu | Xem ngay | Download |
| 100 | Bài 101: Xử lý phần khoảng cách cho menu bằng css | Xem ngay | Download |
| 101 | Bài 102: Xử lý phần nội dung cho carousel caption | Xem ngay | Download |
| 102 | Bài 103: Phương pháp xử lý responsive trong BS4 | Xem ngay | Download |
| 103 | Bài 104: Xử lý căn chỉnh nội dung bằng row trong row | Xem ngay | Download |
| 104 | Bài 105: Tinh chỉnh phần nội dung chính xác bằng css | Xem ngay | Download |
| 105 | Bài 106: Xử lý khối thông tin website chứa facebook button | Xem ngay | Download |
| 106 | Bài 107: Hoàn thiện khối thông tin website với css | Xem ngay | Download |
| 107 | Bài 108: Hoàn thiện footer | Xem ngay | Download |
| 108 | Bài 109: Creative theme - bước chuẩn bị | Xem ngay | Download |
| 109 | Bài 110: Creative theme - tạo khung html - tập 1 | Xem ngay | Download |
| 110 | Bài 111: Creative theme - tạo khung html - tập 2 | Xem ngay | Download |
| 111 | Bài 112: Creative theme - tạo css cho phần menu trên - tập 1 | Xem ngay | Download |
| 112 | Bài 113: Creative theme - tạo css cho phần menu trên - tập 2 | Xem ngay | Download |
| 113 | Bài 114: Creative theme - tạo css cho phần banner - tập 1 | Xem ngay | Download |
| 114 | Bài 115: Creative theme - tạo css cho phần banner - tập 2 | Xem ngay | Download |
| 115 | Bài 116: Velocity theme - xử lý responsive - tập 1 | Xem ngay | Download |
| 116 | Bài 117: Velocity theme - xử lý responsive - tập 2 | Xem ngay | Download |
| 117 | Bài 118: Creative theme - xử lý khối giới thiệu | Xem ngay | Download |
| 118 | Bài 119: Creative theme - xử lý phần chia cột - tập 1 | Xem ngay | Download |
| 119 | Bài 120: Creative theme - xử lý phần chia cột - tập 2 | Xem ngay | Download |
| 120 | Bài 121: Creative theme - xử lý khối sản phẩm - tập 1 | Xem ngay | Download |
| 121 | Bài 122: Creative theme - xử lý khối sản phẩm - tập 2 | Xem ngay | Download |
| 122 | Bài 123: Creative theme - xử lý hiệu ứng jquery | Xem ngay | Download |
| 123 | Bài 124: Velocity theme - bắt đầu với menu | Xem ngay | Download |
| 124 | Bài 125: Velocity theme - tạo banner | Xem ngay | Download |
| 125 | Bài 126: Velocity theme - tạo css cho phần logo - tập 1 | Xem ngay | Download |
| 126 | Bài 127: Velocity theme - tạo css cho phần logo - tập 2 | Xem ngay | Download |
| 127 | Bài 128: Velocity theme - tạo css cho menu responsive - tập 1 | Xem ngay | Download |
| 128 | Bài 129: Velocity theme - tạo css cho menu responsive - tập 2 | Xem ngay | Download |
| 129 | Bài 130: Velocity theme - tạo css cho menu responsive - tập 3 | Xem ngay | Download |
| 130 | Bài 131: Velocity theme - tạo css cho phần banner responsive | Xem ngay | Download |
| 131 | Bài 132: Velocity theme - tạo phần dịch vụ - tập 1 | Xem ngay | Download |
| 132 | Bài 133: Velocity theme - tạo phần dịch vụ - tập 2 | Xem ngay | Download |
| 133 | Bài 134: Velocity theme - xử lý hiệu ứng slide - tập 1 | Xem ngay | Download |
| 134 | Bài 135: Velocity theme - xử lý hiệu ứng slide - tập 2 | Xem ngay | Download |
| 135 | Bài 136: Velocity theme - hiệu ứng jquery - tập 1 | Xem ngay | Download |
| 136 | Bài 137: Velocity theme - hiệu ứng jquery - tập 2 | Xem ngay | Download |
| 137 | Bài 138: Giới thiệu phần mềm photoshop | Xem ngay | Download |
| 138 | Bài 139: Bước chuẩn bị cho cắt web | Xem ngay | Download |
| 139 | Bài 140: Sử dụng bootstrap tạo khung menu | Xem ngay | Download |
| 140 | Bài 141: Tạo css cho menu trên màn hình desktop | Xem ngay | Download |
| 141 | Bài 142: Tạo css cho menu trên màn hình iphone | Xem ngay | Download |
| 142 | Bài 143: Tạo khung html cho slide banner | Xem ngay | Download |
| 143 | Bài 144: Tạo css cho slide banner - tập 1 | Xem ngay | Download |
| 144 | Bài 145: Tạo css cho slide banner - tập 2 | Xem ngay | Download |
| 145 | Bài 146: Tạo khung html cho khối dịch vụ | Xem ngay | Download |
| 146 | Bài 147: Tạo css cho khối dịch vụ | Xem ngay | Download |
| 147 | Bài 148: Hướng dẫn xử lý các phần khác của giao diện | Xem ngay | Download |
| 148 | Bài 149: Phần chuẩn bị | Xem ngay | Download |
| 149 | Bài 150: Xử lý css cho phần top header | Xem ngay | Download |
| 150 | Bài 151: Xử lý css cho phần menu trên | Xem ngay | Download |
| 151 | Bài 152: Tạo khung HTML cho phần banner | Xem ngay | Download |
| 152 | Bài 153: Xử lý css cho phần banner | Xem ngay | Download |
| 153 | Bài 154: Xử lý phần html cho khối thông tin | Xem ngay | Download |
| 154 | Bài 155: Xử lý css cho phần khối thông tin | Xem ngay | Download |
| 155 | Bài 156: Xử lý html cho khối sản phẩm | Xem ngay | Download |
| 156 | Bài 157: Xử lý css cho khối sản phẩm | Xem ngay | Download |
| 157 | Bài 158: Bước chuẩn bị | Xem ngay | Download |
| 158 | Bài 159: Xử lý phần html cho phần logo và menu | Xem ngay | Download |
| 159 | Bài 160: Xử lý phần html cho phần logo và menu | Xem ngay | Download |
| 160 | Bài 161: Xử lý html cho phần banner | Xem ngay | Download |
| 161 | Bài 162: Xử lý css cho phần banner | Xem ngay | Download |
| 162 | Bài 163: Xử lý html cho khối 3 dịch vụ | Xem ngay | Download |
| 163 | Bài 164: Xử lý css cho phần 3 dịch vụ | Xem ngay | Download |
| 164 | Bài 165: Tóm tắt các làm cho phần còn lại của giao diện | Xem ngay | Download |
| 165 | Bài 166: Cắt web thefox- bước chuẩn bị | Xem ngay | Download |
| 166 | Bài 167: Cắt web thefox - tạo khung html cho topheader | Xem ngay | Download |
| 167 | Bài 168: Cắt web thefox - tạo css cho phần topheader | Xem ngay | Download |
| 168 | Bài 169: Tạo html cho phần menu | Xem ngay | Download |
| 169 | Bài 170: Cắt web thefox - tạo css cho phần menu | Xem ngay | Download |
| 170 | Bài 171: Cắt web thefox - tạo css cho menu trên iphone | Xem ngay | Download |
| 171 | Bài 172: Cắt web thefox- tạo khung html cho banner | Xem ngay | Download |
| 172 | Bài 173: Cắt web thefox- tạo css cho phần banner | Xem ngay | Download |
| 173 | Bài 174: Cắt web thefox - tạo html cho phần giới thiệu | Xem ngay | Download |
| 174 | Bài 175: Cắt web thefox - tạo css cho phần giới thiệu | Xem ngay | Download |
| 175 | Bài 176: Cắt web thefox - hướng dẫn xử lý các phần còn lại | Xem ngay | Download |
| 176 | Bài 177: Tổng kết khóa học | Xem ngay | Download |
Đánh giá
Đánh giá của bạn. Hãy cho chúng tôi biết chất lượng về sản phẩm bằng cách đánh giá dưới đây!
