Nội dung khóa học
- Video
Phần 1: Giới thiệu và các phần mềm cần thiết
26 phút
2 video
00:12:04
Bài 1: Giới thiệu khóa học
Xem thử
00:13:41
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
36 phút
3 video
00:15:38
Bài 3: Giới thiệu các thẻ HTML cần thiết cho cắt WEB
00:10:09
Bài 4: Ba cách đưa CSS vào website
00:09:43
Bài 5: Các thuộc tính CSS cơ bản
Phần 3: Học cách cắt WEB qua từng bài tập
320 phút
25 video
00:20:57
Bài 6: Áp dụng các thuộc tính đã học chữa bài 1 - kenh14.vn
00:09:59
Bài 7: Áp dụng các thuộc tính đã học chữa bài 2- kenh14.vn - Tập 1
00:08:32
Bài 8: Áp dụng các thuộc tính đã học chữa bài 2- kenh14.vn - Tập 2
00:14:25
Bài 9: Giới thiệu Class và ID
00:17:59
Bài 10: Luyện tập CSS cơ bản với Class và ID - Tập 1
00:08:11
Bài 11: Luyện tập CSS cơ bản với Class và ID - Tập 2
00:08:33
Bài 12: Luyện tập CSS cơ bản với Class và ID - Tập 3
00:10:57
Bài 13: Luyện tập CSS cơ bản với Class và ID - Tập 4
00:09:35
Bài 14: Load Font bất kì thế nào
00:16:42
Bài 15: Sử dụng Font Icon và hiệu ứng Hover thế nào
00:10:01
Bài 16: Chữa bài 4 megafun - Tập 1
00:15:48
Bài 17: Chữa bài 4 megafun - Tập 2
00:07:38
Bài 18: Chữa bài 5 icon vnexpress
00:09:58
Bài 19: Chữa bài docbao.vn - Tập 1
00:09:41
Bài 20: Chữa bài docbao.vn - Tập 2
00:10:22
Bài 21: Chữa bài docbao.vn - Tập 3
00:08:32
Bài 22: Chữa bài vietnamnet.vn - Tập 1
00:09:10
Bài 23: Chữa bài vietnamnet.vn - Tập 2
00:09:39
Bài 24: Chữa bài Marry.vn - Tập 1
00:07:28
Bài 25: Chữa bài Marry.vn - Tập 2
00:26:07
Bài 26: Chữa bài Marry.vn - Tập 3
00:10:42
Bài 27: Chữa bài Marry.vn - Tập 4
00:30:17
Bài 28: Chữa bài Giadinh.net
00:21:09
Bài 29: Chữa bài Saga.vn - Tập 1
00:07:32
Bài 30: Chữa bài Saga.vn - Tập 2
Phần 4: Các thuộc tính chia layer trong css
372 phút
31 video
00:12:02
Bài 31: Giới thiệu về thuộc tính Absolute và Relative
00:09:47
Bài 32: Giới thiệu về thuộc tính Flex - Tập 1
00:16:27
Bài 33: Giới thiệu về thuộc tính Flex - Tập 2
00:12:25
Bài 34: Luyện tập về thuộc tính Flex - Tập 1
00:31:22
Bài 35: Luyện tập về thuộc tính Flex - Tập 2
00:08:37
Bài 36: Luyện tập thuộc tính Absolute với Website Guu.vn - Tập 1
00:09:58
Bài 37: Luyện tập thuộc tính Absolute với Website Guu.vn - Tập 2
00:08:35
Bài 38: Luyện tập thuộc tính Absolute với Website Guu.vn - Tập 3
00:09:21
Bài 39: Luyện tập thuộc tính Absolute với Website Guu.vn - Tập 4
00:11:15
Bài 40: Luyện tập thuộc tính Absolute với Website Guu.vn - Tập 5
00:09:43
Bài 41: Chữa bài 1 Absolute với Website Usatoday.com - Tập 1
00:05:52
Bài 42: Chữa bài 1 Absolute với Website Usatoday.com - Tập 2
00:05:10
Bài 43: Thực hành Absolute với Website tiin.vn - Tập 1
00:07:16
Bài 44: Thực hành Absolute với Website tiin.vn - Tập 2
00:29:57
Bài 45: Thực hành Absolute với Website Udemy.com
00:17:40
Bài 46: Thực hành Absolute kết hợp hiệu ứng Transition
00:25:13
Bài 47: Chữa bài hiệu ứng cuộn chuột sử dụng Background Attachment
00:08:53
Bài 48: Chữa bài thuộc tính Animation - Tập 1
00:08:59
Bài 49: Chữa bài thuộc tính Animation - Tập 2
00:17:38
Bài 50: Áp dụng thuộc tính Position và Hover Transition qua bài tập
00:08:21
Bài 51: Áp dụng thuộc tính Absolute, Transition, Flex - Tập 1
00:08:58
Bài 52: Áp dụng thuộc tính Absolute, Transition, Flex - Tập 2
00:06:14
Bài 53: Áp dụng thuộc tính Absolute, Transition, Flex - Tập 3
00:09:03
Bài 54: Áp dụng thuộc tính Absolute, Transition, Flex - Tập 4
00:30:39
Bài 55: Luyện tập Absolute và Hover Transition
00:10:34
Bài 56: Hoàn thiện sản phẩm
00:09:25
Bài 57: Áp dụng Absolute và Transition qua bài hiệu ứng số 4 - Tập 1
00:06:25
Bài 58: Áp dụng Absolute và Transition qua bài hiệu ứng số 4 - Tập 2
00:04:29
Bài 59: Áp dụng Absolute và Transition qua bài hiệu ứng số 4 - Tập 3
00:04:29
Bài 60: Áp dụng Absolute và Transition qua bài hiệu ứng số 4 - Tập 4
00:06:55
Bài 61: Tổng kết phần HTML CSS và giới thiệu kiến thức phần 2
Phần 5: Giới thiệu Bootstrap 4 và cài đặt
80 phút
7 video
00:10:49
Bài 62: Giới thiệu về Bootstrap 4
00:08:36
Bài 63: Hướng dẫn cài đặt Bootstrap tập 1
00:06:30
Bài 64: Hướng dẫn cài đặt Bootstrap tập 2
00:20:44
Bài 65: Giới thiệu hệ thống lưới của Boostrap
00:09:34
Bài 66: Thành phần Grid trong Bootstrap 4 - Tập 1
00:11:23
Bài 67: Thành phần Grid trong Bootstrap 4 - Tập 2
00:12:34
Bài 68: Áp dụng hệ thống lưới cho Web Responsive thế nào
Phần 6: Bắt đầu học Bootstrap 4
122 phút
14 video
00:11:05
Bài 69: Thành phần Alert trong Bootstrap 4
00:05:31
Bài 70: Thành phần Breadcrumb
00:09:25
Bài 71: Thành phần Button trong Bootstrap
00:03:57
Bài 72: Ghi chú về cách học Bootstrap 4
00:08:22
Bài 73: Thành phần Checkbox và Radio
00:17:08
Bài 74: Thành phần Dropdown Menu và Button Group
00:11:55
Bài 75: Thành phần Card Layout
00:05:18
Bài 76: Thành phần Card Deck
00:04:10
Bài 77: Thành phần Card Group trong Bootstrap 4
00:07:22
Bài 78: Thành phần Card Column trong Bootstrap 4
00:06:22
Bài 79: Thành phần Carousel trong Bootstrap 4
00:10:42
Bài 80: Thành phần Collapse trong Bootstrap 4
00:10:39
Bài 81: Thành phần Form trong Bootstrpa 4
00:10:26
Bài 82: Tổng kết kiến thức đã học - Giới thiệu phương pháp làm Website dựa trên Bootstrap 4
Phần 7: Học Bootstrap bằng việc làm lại các Website - Phần 1
40 phút
5 video
00:14:16
Bài 83: Xử lý Menu với Bootstrap thế nào
00:11:29
Bài 84: Xử lý chia cột và giới thiệu thành phần Spacing Bootstrap
00:05:42
Bài 85: Xử lý khối thông báo và giới thiệu Class sử dụng cho căn chỉnh
00:04:33
Bài 86: Xử lý khối 3 cột thông tin bằng Card Layout
00:04:16
Bài 87: Tổng kết kiến thức đã học từ Website số 1
Phần 8: Học Bootstrap bằng việc làm lại các Website - Phần 2
37 phút
6 video
00:02:05
Bài 88: Giới thiệu Website số 3
00:08:19
Bài 89: Thực hành Bootstrap với Navbar Collapse
00:07:05
Bài 90: Thực hành Bootstrap với Jumbotron
00:08:20
Bài 91: Thực hành Bootstrap với Card Decks
00:06:20
Bài 92: Thực hành Bootstrap với Float XS và hiệu ứng Jquery Scroll
00:05:18
Bài 93: Tổng kết Website số 3
Phần 9: Học Bootstrap bằng việc làm lại các Website - Phần 3
34 phút
5 video
00:02:51
Bài 94: Giới thiệu Website
00:04:16
Bài 95: Thực hành Bootstrap 4 với Menu Responsive
00:13:30
Bài 96: Thực hành Bootstrap 4 với hiệu ứng Carosel tùy biến
00:09:28
Bài 97: Thực hành Bootstrap làm toàn bộ Website trong 5 phút
00:03:25
Bài 98: Tổng kết Website và kiến thức học được
Phần 10: Học Bootstrap bằng việc làm lại các website - Phần 4
96 phút
11 video
00:03:21
Bài 99: Giới thiệu Website và các kiến thức cần sử dụng
00:07:22
Bài 100: Tạo Menu và Carosel bằng phím tắt
00:12:51
Bài 101: Tinh chỉnh và hoàn thiện Menu
00:07:02
Bài 102: Xử lý phần khoảng cách cho Menu
00:09:31
Bài 103: Xử lý phần nội dung Carousel Caption
00:13:24
Bài 104: Giới thiệu phương pháp xử lý Responsive - quay lại
00:08:11
Bài 105: Xử lý căn chỉnh nội dung bằng Row trong Row
00:12:30
Bài 106: Tinh chỉnh phần nội dung bằng CSS
00:06:22
Bài 107: Xử lý khối thông tin Website chứa Facebook Button
00:06:07
Bài 108: Hoàn thiện khối thông tin Website với CSS
00:09:27
Bài 109: Hoàn thiện Footer
Phần 11: Học Bootstrap 4 qua việc làm Theme Bootstrap - Creative theme
112 phút
15 video
00:04:35
Bài 110: CREATIVE THEME - Bước chuẩn bị
00:08:22
Bài 111: CREATIVE THEME - Tạo khung HTML - Tập 1
00:06:43
Bài 112: CREATIVE THEME - Tạo khung HTML - Tập 2
00:15:04
Bài 113: CREATIVE THEME - Tạo CSS cho phần MENU trên - Tập 1
00:07:02
Bài 114: CREATIVE THEME - Tạo CSS cho phần MENU trên - Tập 2
00:08:42
Bài 115: CREATIVE THEME - Tạo CSS cho phần BANNER - Tập 1
00:05:04
Bài 116: CREATIVE THEME - Tạo CSS cho phần BANNER - Tập 2
00:07:09
Bài 117: CREATIVE THEME - Xử lý RESPONSIVE - Tập 1
00:03:58
Bài 118: CREATIVE THEME - Xử lý RESPONSIVE - Tập 2
00:08:33
Bài 119: CREATIVE THEME - Xử lý khối giới thiệu
00:04:58
Bài 120: CREATIVE THEME - Xử lý phần chia cột - Tập 1
00:05:48
Bài 121: CREATIVE THEME - Xử lý phần chia cột - Tập 2
00:09:43
Bài 122: CREATIVE THEME - Xử lý khối sản phẩm - Tập 1
00:07:55
Bài 123: CREATIVE THEME - Xử lý khối sản phẩm - Tập 2
00:07:59
Bài 124: CREATIVE THEME - Xử lý hiệu ứng JQUERY
Phần 12: Học Bootstrap 4 qua việc làm Theme Bootstrap - Velocity Theme
101 phút
14 video
00:08:22
Bài 125: VELOCITY THEME - Bắt đầu với MENU
00:06:54
Bài 126: VELOCITY THEME - Tạo BANNER
00:06:27
Bài 127: VELOCITY THEME - Tạo CSS cho phần LOGO - Tập 1
00:06:37
Bài 128: VELOCITY THEME - Tạo CSS cho phần LOGO - Tập 2
00:06:29
Bài 129: VELOCITY THEME - Tạo CSS cho MENU RESPONSIVE - Tập 1
00:04:50
Bài 130: VELOCITY THEME - Tạo CSS cho MENU RESPONSIVE - Tập 2
00:09:14
Bài 131: VELOCITY THEME - Tạo CSS cho MENU RESPONSIVE - Tập 3
00:08:04
Bài 132: VELOCITY THEME - Tạo CSS cho phần BANNER RESPONSIVE
00:07:13
Bài 133: VELOCITY THEME - Tạo phần dịch vụ - Tập 1
00:09:05
Bài 134: VELOCITY THEME - Tạo phần dịch vụ - Tập 2
00:07:05
Bài 135: VELOCITY THEME - Xử lý hiệu ứng SLIDE - Tập 1
00:05:40
Bài 136: VELOCITY THEME - Xử lý hiệu ứng SLIDE - Tập 2
00:06:44
Bài 137: VELOCITY THEME - Hiệu ứng JQUERY - Tập 1
00:07:55
Bài 138: VELOCITY THEME - Hiệu ứng JQUERY - Tập 2
Phần 13: Học cắt web từ file thiết kế photoshop
73 phút
11 video
00:05:08
Bài 139: Giới thiệu phần mềm PHOTOSHOP
00:09:06
Bài 140: Bước chuẩn bị cho cắt WEB
00:04:11
Bài 141: Sử dụng BOOTSTRAP tạo khung MENU
00:08:50
Bài 142: Tạo CSS cho MENU trên màn hình DESKTOP
00:04:01
Bài 143: Tạo CSS cho MENU trên màn hình IPHONE
00:06:30
Bài 144: Tạo khung HTML cho SLIDE BANNER
00:11:35
Bài 145: Tạo CSS cho SLIDE BANNER - Tập 1
00:08:24
Bài 146: Tạo CSS cho SLIDE BANNER - Tập 2
00:05:20
Bài 147: Tạo khung HTML cho khối dịch vụ
00:07:44
Bài 148: Tạo CSS cho khối dịch vụ
00:01:38
Bài 149: Hướng dẫn xử lý các phần của giao diện
Phần 14: Cắt web với sản phẩm bán chạy trên themeforest thefox
92 phút
11 video
00:06:10
Bài 150: Cắt WEB THEFOX - Bước chuẩn bị
00:05:55
Bài 151: Cắt WEB THEFOX - Tạo khung HTML cho TOPHEADER
00:16:13
Bài 152: Cắt WEB THEFOX - Tạo CSS cho phần TOPHEADER
00:07:27
Bài 153: Cắt WEB THEFOX - Tạo HTML cho phần MENU
00:11:34
Bài 154: Cắt WEB THEFOX - Tạo CSS cho phần MENU
00:04:05
Bài 155: Cắt WEB THEFOX - Tạo CSS cho MENU trên IPHONE
00:09:35
Bài 156: Cắt WEB THEFOX- Tạo khung HTML cho BANNER
00:13:01
Bài 157: Cắt WEB THEFOX - Tạo CSS cho phần BANNER
00:06:02
Bài 158: Cắt WEB THEFOX - Tạo HTML cho phần giới thiệu
00:08:19
Bài 159: Cắt WEB THEFOX - Tạo CSS cho phần giới thiệu
00:03:24
Bài 160: Cắt WEB THEFOX - Hướng dẫn xử lý các phần còn lại
Phần 15: Cắt web từ file thiết kế photoshop - giao diện illustrate
61 phút
9 video
00:03:02
Bài 161: Bước chuẩn bị cho giao diện ILLUSTRATE
00:06:08
Bài 162: Xử lý CSS cho phần TOP HEADER
00:12:33
Bài 163: Xử lý CSS cho phần MENU trên
00:03:10
Bài 164: Tạo khung HTML cho phần BANNER
00:11:19
Bài 165: Xử lý CSS cho phần BANNER
00:02:59
Bài 166: Xử lý phần HTML cho khối thông tin
00:04:35
Bài 167: Xử lý CSS cho phần khối thông tin
00:04:59
Bài 168: Xử lý phần HTML cho khối sản phẩm
00:12:08
Bài 169: Xử lý phần CSS cho khối sản phẩm
Phần 16: Cắt web từ file thiết kế photoshop - giao diện Pix
58 phút
8 video
00:01:53
Bài 170: Bước chuẩn bị
00:05:26
Bài 171: Xử lý phần HTML cho phần LOGO và MENU
00:12:56
Bài 172: Xử lý phần CSS cho MENU
00:07:02
Bài 173: Xử lý HTML cho phần BANNER
00:12:02
Bài 174: Xử lý CSS cho phần BANNER
00:05:15
Bài 175: Xử lý HTML cho khối 3 dịch vụ
00:11:52
Bài 176: Xử lý CSS cho phần 3 dịch vụ
00:01:31
Bài 177: Tóm tắt cách làm cho phần còn lại của giao diện
Xem thử các nội dung miễn phí trong khoá học
00:12:04
Bài 1: Giới thiệu khóa học
Tôi sẽ học gì?
Khoá học cung cấp hệ thống đầy đủ các kiến thức cần thiết và cho học viên có cơ hội trải nghiệm và áp dụng vào 10 dự án thực tế được chọn lọc như kenh14, vnexpress, docbao,...Khóa học sẽ mang đến cho bạn các khái niệm chuyên ngành, bản chất, cấu trúc, cũng như cách sử dụng các công cụ trong thiết kế web hiện đại, dùng cho nhiều mục đích khác nhau.
* LỢI ÍCH HỌC VIÊN
Sau khi tham gia khóa học "Lập Trình Frontend Từ Cơ Bản: Bootstrap 4, jQuery, CSS3, HTML5", bạn sẽ hoàn toàn tự tin vì được cung cấp đầy đủ các kiến thức:
- Học toàn bộ về ngôn ngữ lập trình HTML các thẻ và cách sử dụng
- Học về cách kết hợp HTML và CSS
- Học về cách tạo hiệu ứng đẹp cho website với jQuery, HTML5, CSS3
- Học toàn bộ về CSS các thẻ và cách sử dụng
- Học về cách thiết kế Web tương thích trên thiết bị di động, Ipad, Iphone chuẩn Responsive
* ĐỐI TƯỢNG HỌC VIÊN
Khóa học "Lập Trình Frontend Từ Cơ Bản: Bootstrap 4, jQuery, CSS3, HTML5" hoàn toàn phù hợp với:
- Người chưa có kiến thức về tin học văn phòng
- Sinh viên có nhu cầu làm luận văn, đồ án tốt nghiệp,giáo viên có nhu cầu làm giáo án, bài giảng muốn sử dụng Word, Excel và Powerpoint một cách chuyên nghiệp
- Nhân viên văn phòng, nhân viên kinh doanh, nhà nghiên cứu hoặc công nhân viên chức muốn nâng cao khả năng tin học văn phòng của mình
* YÊU CẦU KHOÁ HỌC
Không có yêu cầu.
Thông tin về giảng viên
Nguyễn Đức Việt
14 khoá học
* Kinh nghiệm và thành tựu
- Anh tốt nghiệp khoa Công nghệ thông tin, Đại học Bách khoa Hà Nội.
- Anh từng du học ngành thiết kế đồ họa đa phương tiện – tại tập đoàn Aptech Limited – Bangalore Ấn Độ theo chương trình giảng viên tài năng.
- Anh từng làm việc trong nhiều dự án lớn thuộc tập đoàn FPT, tham gia rất nhiều dự án Freelancer về thiết kế đồ họa nên kinh nghiệm thực tế dồi dào, mong muốn đem những kinh nghiệm này chia sẻ cho tất cả mọi người, giúp các bạn có được những hành trang quý báu trên con đường sự nghiệp.
- Anh hiện là giảng viên tại trường Đại học FPT, có kinh nghiệm 12 năm trong nghề thiết kế, lập trình web, đã và đang giảng dạy, đào tạo cho khoảng hơn 10.000+ học viên thiết kế, lập trình web tại Việt Nam.
Để lại thông tin để được tư vấn thêm