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ế
5
(0)
Nguyễn Đức Việt
đ399,000
699,000What you'll learn
Xây dựng trang web với HTML & CSS.
Xây dựng các máy chủ & API phụ trợ với Node và Express.
Làm việc với các cơ sở dữ liệu NoQuery như MongoDB.
Xây dựng các ứng dụng web đầy đủ với Khung phản ứng của Facebook.
Xây dựng các trang web thân thiện với thiết bị di động với Bootstrap 4 & CSS.
Skills you'll gain
Course content
0 sections
•
0 Lessons
•
0h 0m
Expand all section
Giới thiệu và các phần mềm cần thiết
2 Lesson
•
25 minutes 45 seconds
Giới thiệu khóa học12:04
Cài đặt 2 phần mềm cần thiết13:41
Các kiến thức cơ bản
4 Lesson
•
35 minutes 44 seconds
Giới thiệu các thẻ HTML cần thiết cho cắt web - tập 109:13
Giới thiệu các thẻ HTML cần thiết cho cắt web - tập 206:38
3 cách đưa CSS vào trong file HTML10:10
Các thuộc tính CSS09:43
Học cách cắt web qua từng bài tập
25 Lesson
•
313 minutes 29 seconds
Áp dụng thuộc tính đã học chữa bài 1 kênh1420:57
Áp dụng thuộc tính đã học chữa bài 2 kênh 14 - Tập 109:59
Áp dụng thuộc tính đã học chữa bài 2 kênh 14 - Tập 208:32
Giới thiệu về Class và ID trong CSS14:25
Luyện tập CSS cơ bản với Class và ID - tập 117:59
Luyện tập CSS cơ bản với Class và ID - tập 208:33
Luyện tập CSS cơ bản với Class và ID - tập 308:11
Luyện tập CSS cơ bản với Class và ID - tập 410:58
Cách load và sử dụng font mới09:35
Sử dụng font icon và cách làm hiệu ứng hover16:42
Chữa bài megafun.vn - tập 110:01
Chữa bài megafun.vn - tập 209:19
Chữa bài ione.vnexpress.net07:25
Chữa bài docbao.vn - tập 109:58
Chữa bài docbao.vn - tập 209:36
Chữa bài docbao.vn - Tập 310:22
Chữa bài Vietnamnet.vn - tập 108:32
Chữa bài Vietnamnet.vn - tập 209:09
Chữa bài marry.vn phần 1 xử lý tiêu đề - tập 109:40
Chữa bài marry.vn phần 1 xử lý tiêu đề - tập 207:28
Chữa bài marry.vn - xử lý icon bằng phương pháp image sprite26:22
Chữa bài marry.vn phần 210:54
Chữa bài giadinh.net30:11
Chữa bài saga.vn tập 121:09
Chữa bài saga.vn tập 207:32
Các thuộc tính chia layer trong css
30 Lesson
•
300 minutes 42 seconds
Giới thiệu về thuộc tính absolute và relative12:02
Giới thiệu về thuộc tính flex - tập 109:47
Giới thiệu về thuộc tính flex - tập 216:26
Luyện tập về thuộc tính flex - tập 112:25
Luyện tập về thuộc tính flex - tập 231:16
Luyện tập Absolute với website guu.vn - tập 108:37
Luyện tập Absolute với website guu.vn - tập 209:58
Luyện tập Absolute với website guu.vn - tập 308:35
Luyện tập Absolute với website guu.vn - tập 409:21
Luyện tập Absolute với website guu.vn - tập 511:16
Chữa bài 1 Absolute USATODAY - tập 109:43
Chữa bài 1 Absolute USATODAY - tập 205:46
Thực hành Absolute với website tiin.vn - Tập 110:01
Thực hành Absolute với website tiin.vn - tập 207:13
Luyện tập chia layer với website udemy.com tập 101:19
Luyện tập transition với web udemy tập 217:41
Thuộc tính background attachment25:14
Thuộc tính Animation - tập 108:53
Thuộc tính Animation - tập 209:00
Áp dụng thuộc tính position và hover transition17:39
Kết hợp thuộc tính absolute, transition, flex - tập 108:21
Kết hợp thuộc tính absolute, transition, flex - tập 208:58
Kết hợp thuộc tính absolute, transition, flex - tập 306:14
Kết hợp thuộc tính absolute, transition, flex - tập 409:04
Kết hợp absolute và hover transition - tập 102:15
Kết hợp absolute và hover transition - tập 203:26
Kết hợp absolute và transition chữa bài hiệu ứng - tập 102:16
Kết hợp absolute và hover transition chữa bài hiệu ứng - tập 206:25
Kết hợp absolute và hover transition chữa bài hiệu ứng - tập 304:34
Tổng kết06:57
Giới thiệu bootstrap và cài đặt
6 Lesson
•
59 minutes 27 seconds
Giới thiệu về bootstrap phiên bản 410:49
Hướng dẫn cài đặt bootstrap - tập 108:36
Hướng dẫn cài đặt bootstrap - tập 206:30
Thành phần Grid trong bootstrap - tập 109:34
Thành phần Grid trong bootstrap - tập 211:24
Giới thiệu về responsive12:34
Bắt đầu học bootstrap
14 Lesson
•
114 minutes 45 seconds
Giới thiệu về alert11:05
Giới thiệu về breadcrumb05:31
Giới thiệu về button09:25
Phương pháp học bootstrap03:57
Giới thiệu về checkbox và radio button08:22
Giới thiệu về dropdown menu17:08
Giới thiệu về thành phần mới so với BS3: Card layout11:55
Giới thiệu về thành phần card deck05:18
Giới thiệu về thành phần card group04:10
Giới thiệu về thành phần card column07:22
Giới thiệu về thành phần carousel06:22
Giới thiệu về thành phần collapse10:42
Giới thiệu về thành phần form10:39
Tổng kết và phương pháp cắt HTML/CSS dựa trên bootstrap02:49
Học bootstrap qua từng bài tập
27 Lesson
•
195 minutes 34 seconds
Thành Phần menu trong bootstrap14:16
Thành phần spacing trong bootstrap11:29
Thành phần căn chỉnh trong bootstrap05:42
Sử dụng card layout để tạo thông tin04:33
Tóm tắt kiến thức04:16
Giới thiệu bài tập tạo website với bootstrap02:05
Sử dụng navbar collapse01:09
Sử dụng jumbotron07:05
Thực hành BS với card deck layout01:09
Viết hiệu ứng scroll bằng jquery06:20
Tổng kết kiến thức05:18
Giới thiệu website02:51
Tạo menu responsive thế nào04:16
Tạo hiệu ứng slide theo website13:30
Hoàn thiện website09:28
Tổng kết website và kiến thức học được03:25
Tóm tắt kiến thức03:21
Tạo menu và carosel bằng phím tắt07:22
Tinh chỉnh và hoàn thiện menu12:51
Xử lý phần khoảng cách cho menu bằng css07:02
Velocity theme - tạo banner09:31
Phương pháp xử lý responsive trong BS415:58
Xử lý căn chỉnh nội dung bằng row trong row08:11
Tinh chỉnh phần nội dung chính xác bằng css12:30
Xử lý khối thông tin website chứa facebook button06:22
Hoàn thiện khối thông tin website với css06:07
Hoàn thiện footer09:27
Học bootstrap qua việc làm theme bootstrap: Creative theme
15 Lesson
•
105 minutes 21 seconds
Velocity theme - Bắt đầu với menu04:35
Creative theme - tạo khung html - tập 108:37
Creative theme - tạo khung html - tập 206:43
Creative theme - tạo css cho phần menu trên - tập 108:21
Creative theme - tạo css cho phần menu trên - tập 207:02
Creative theme - tạo css cho phần banner - tập 108:42
Creative theme - tạo css cho phần banner - tập 205:01
Velocity theme - xử lý responsive - tập 107:12
Velocity theme - xử lý responsive - tập 204:01
Creative theme - xử lý khối giới thiệu08:47
Creative theme - xử lý phần chia cột - tập 104:52
Creative theme - xử lý phần chia cột - tập 205:48
Creative theme - xử lý khối sản phẩm - tập 109:43
Creative theme - xử lý khối sản phẩm - tập 207:58
Creative theme - xử lý hiệu ứng jquery07:59
Học bootstrap qua việc làm theme bootstrap: VELOCITY THEME
14 Lesson
•
100 minutes 44 seconds
Velocity theme - bắt đầu với menu08:22
Velocity theme - tạo banner06:54
Velocity theme - tạo css cho phần logo- tập 106:31
Velocity theme - tạo css cho phần logo - tập 206:37
Velocity theme - tạo css cho menu responsive - tập 106:29
Velocity theme - tạo css cho menu responsive - tập 204:50
Velocity theme - tạo css cho menu responsive - tập 309:14
Velocity theme - tạo css cho phần banner responsive08:04
Velocity theme - tạo phần dịch vụ - tập 107:13
Velocity theme - tạo phần dịch vụ - tập 209:05
Velocity theme - xử lý hiệu ứng slide - tập 107:06
Velocity theme - xử lý hiệu ứng slide - tập 205:40
Velocity theme - hiệu ứng jquery - tập 106:44
Velocity theme - hiệu ứng jquery - tập 207:55
Học cắt web từ file thiết kế photoshop
11 Lesson
•
72 minutes 19 seconds
Giới thiệu phần mềm photoshop05:08
Bước chuẩn bị cho cắt web09:06
Sử dụng bootstrap tạo khung menu04:11
Tạo css cho menu trên màn hình desktop08:50
Tạo css cho menu trên màn hình iphone04:01
Tạo khung html cho slide banner06:22
tạo css cho slide banner - tập 111:35
tạo css cho slide banner - tập 208:24
Tạo khung html cho khối dịch vụ05:20
Tạo css cho khối dịch vụ07:44
Hướng dẫn xử lý các phần khác của giao diện01:38
Cắt web từ file photoshop - Giao diện ILLUSTRATE
8 Lesson
•
48 minutes 45 seconds
Phần chuẩn bị03:02
Xử lý css cho phần top header06:08
Xử lý css cho phần menu trên12:33
Tạo khung html cho phần banner03:10
Xử lý css cho phần banner11:19
Xử lý phần html cho khối thông tin02:59
Xử lý css cho phần khối thông tin04:35
Xử lý html cho khối sản phẩm04:59
Cắt web từ file thiết kế photoshop - giao diện pix
9 Lesson
•
69 minutes 58 seconds
Xử lý css cho khối sản phẩm12:08
Phần chuẩn bị01:53
Xử lý phần html cho phần logo và menu05:26
Xử lý phần css cho menu12:52
Xử lý html cho phần banner07:02
Xử lý css cho phần banner12:02
Xử lý html cho khối 3 dịch vụ05:12
Xử lý css cho phần 3 dịch vụ11:52
Tóm tắt cách làm cho phần còn lại của giao diện01:31
Cắt web với sản phẩm bán chạy trên themeforest: thefox
11 Lesson
•
98 minutes 54 seconds
Cắt web thefox- bước chuẩn bị06:10
Cắt web thefox - tạo khung html cho topheader05:55
Cắt web thefox - tạo css cho phần topheader16:13
Tạo html cho phần menu07:27
Cắt web thefox - tạo css cho phần menu11:34
Cắt web thefox- tạo khung html cho banner09:35
Cắt web thefox - tạo css cho phần banner13:01
Cắt web thefox - tạo html cho phần giới thiệu06:00
Cắt web thefox - tạo css cho phần giới thiệu08:21
Cắt web thefox - hướng dẫn xử lý các phần còn lại03:24
Tổng kết khóa học11:14
Giới thiệu khóa học tiếp theo
1 Lesson
•
08 minutes 02 seconds
Lộ trình học08:02
Instructor
Edumall
Review
5
0 Review
5
(0)
4
(0)
3
(0)
2
(0)
1
(0)
_1707189345290.png)
_1707189407137.png){kind=icon}
Resources
General policies & support
Scan to join Medoo's community
Copyright © Medoo | All right reserved
The website is running in test mode, waiting for licensing from the Ministry of Industry and Trade.