_1738753706398.png){kind=logo}
đ299,000
599,0000 Lessons
0 downloadable resources
0 hours 0 minutes
What you'll learn
Học được cách lập trình Frondend, lập trình JQuery bài bản và đầy đủ nhất.
Course content
0 Sections
•
0 Lessons
•
0h 0m
Expand all section
Tổng quan về JQuery
1 Lessons
•
08 minutes 06 seconds
Giới thiệu jQuery08:06
Cài đặt và chạy JQuery
3 Lessons
•
37 minutes 14 seconds
Giới thiệu và cài đặt sublime text và plugin emmet11:46
Cài đặt plugin khác và cách sử dụng11:19
Cài đặt jquery và ví dụ đầu tiên với jquery14:09
Giới thiệu 3 phần quan trọng của JQuery
1 Lessons
•
23 minutes 19 seconds
Thực hành các hàm cơ bản của jquery qua ví dụ23:19
Khởi động Project 1 với hiệu ứng accordion
4 Lessons
•
34 minutes 57 seconds
Giới thiệu project và tạo file ban đầu09:01
Xử lý phần html và css09:07
Xử lý phần jquery, giới thiệu hàm next(), slideUp, slideToggle và các hàm xử lý class13:11
Tổng kết kiến thức học từ bài 103:38
Project số 2 - One Website
6 Lessons
•
58 minutes 58 seconds
Giới thiệu project và xu hướng web one page09:40
One page website phần html05:34
One page website phần css13:51
One page website phần jquery hàm chuyển động body10:18
One page website phần jquery giới thiệu hàm offset14:37
Hướng dẫn bài ứng dụng và tổng kết kiến thức project 204:58
Project 3 hiệu ứng ảnh
8 Lessons
•
58 minutes 15 seconds
Giới thiệu project 3 và các kiến thức áp dụng04:53
Qui trình làm bài hiệu ứng và setup ban đầu08:19
Viết mã Html09:21
Viết mã Css10:07
Viết mã jquery phần xử lý cho nút06:42
Viết mã jquery phần xử lý hiệu ứng phóng to ảnh10:29
Viết mã jquery phần xử lý tổng hợp04:38
Tổng kết kiến thức đã học trong project 303:46
Giới thiệu các thuộc tính CSS3 nâng cao cho hiệu ứng
3 Lessons
•
39 minutes 52 seconds
Giới thiệu các kiến thức sẽ học07:25
Giới thiệu các thuộc tính cơ bản của css317:02
Giới thiệu dòng thuộc tính transform và transition15:25
Áp dụng Transition làm hiệu ứng
8 Lessons
•
57 minutes 33 seconds
Viết mã HTML phần 103:36
Viết mã Css và hiệu ứng17:21
Sử dụng hàm tweenmax cho hiệu ứng load nội dung03:41
Viết mã HTML phần 203:55
Viết mã CSS06:39
Phần CSS hiệu ứng07:04
Sử dụng hàm tweenmax kết hợp jquery cho hiệu ứng load11:18
Giới thiệu thuộc tính transition delay cho các ứng dụng khác03:59
Sử dụng Animation
9 Lessons
•
76 minutes 58 seconds
Giới thiệu Animation04:47
Sử dụng Animation10:01
Project 4 - Làm hiệu ứng load của website - Phần 1 HTML04:47
Project 4 - Làm hiệu ứng load của website - Phần 2 CSS10:19
Project 4 - Làm hiệu ứng load của website13:33
Project 5 - Làm hiệu ứng load của website - Phần 1 HTML05:14
Project 5 - Làm hiệu ứng load của website - Phần 2 CSS10:32
Project 5 làm hiệu ứng load của website - phần 3 chuyển động12:04
Tổng kết05:41
Sử dụng JQuery kết hợp với css3
12 Lessons
•
100 minutes 09 seconds
Giới thiệu kiến thức và cách kết hợp JQuery và CSS305:27
Project 6 - Viết hiệu ứng Modal Box - Phần 1 - HTML09:39
Project 6 - Viết hiệu ứng Modal Box - Phần 2 - CSS09:30
Project 6 - Viết hiệu ứng Modal Box - Phần 3 - JQuery16:58
Project 6 - Viết hiệu ứng Modal Box - Phần 406:39
Project 6 - Viết hiệu ứng Modal Box - Phần 504:14
Project 6 - Viết hiệu ứng Modal Box - Phần 609:59
Project 6 - Viết hiệu ứng Modal Box - Phần 708:03
Project 6 - Viết hiệu ứng Modal Box - Phần 809:34
Project 7 - Push menu sử dụng Jquery - Phần 1 - HTML và CSS07:38
Project 7 - Push menu sử dụng JQuery - Phần 205:41
Project 7 - Push menu sử dụng JQuery - Phần 3 - Hướng dẫn các bài ứng dụng06:47
Sử dụng JQuery viết hiệu ứng tại trang apple.com
9 Lessons
•
74 minutes 06 seconds
Giới thiệu hiệu ứng trang apple.com và kiến thức cần áp dụng05:10
Hiệu ứng apple.com - Phần 1 HTML05:25
Hiệu ứng apple.com - Phần 2 css07:53
Hiệu ứng apple.com - Phần 3 Phần jquery xử lý cho nút next phần 109:37
Hiệu ứng apple.com - Phần 4 Phần jquery xử lý cho nút next phần 210:00
Hiệu ứng apple.com - Phần 5 Phần jquery xử lý cho nút next phần 304:25
Hiệu ứng apple.com - Phần 6 Phần jquery xử lý cho nút prev07:14
Hiệu ứng apple.com - Phần 7 Phần jquery xử lý cho nút chuyển slide14:42
Hiệu ứng apple.com - Phần 8 Phần jquery xử lý thời gian và hoàn thiện09:40
Sử dụng JQuery viết hiệu ứng khác nhau cho slide
3 Lessons
•
24 minutes 49 seconds
Jquery cho các hiệu ứng slide giới thiệu02:20
Jquery cho các hiệu ứng slide hiệu ứng 'let me in'10:29
Jquery cho các hiệu ứng slide hướng dẫn các hiệu ứng khác và tổng kết12:00
Sử dụng JQuery viết hiệu ứng Scroll
14 Lessons
•
126 minutes 35 seconds
Giới thiệu các kiến thức sử dụng07:12
Project 8 - Hiệu ứng scroll thay đổi header - Phần 1 - HTML05:12
Project 8 - Hiệu ứng scroll thay đổi header - Phần 2 - CSS08:31
Project 8 - Hiệu ứng scroll thay đổi header - phần 3 - JQuery11:38
Project 8 - Hiệu ứng scroll thay đổi header - phần 4 - Hướng dẫn bài tập10:09
Project 8 - Hiệu ứng scroll thay đổi header - phần 5 - Phân tích hiệu ứng10:36
Project 9 - Giới thiệu bài và kiến thức sử dụng - Scroll, wow js, animate08:07
Project 9 - Bắt đầu xử lý HTML và CSS07:34
Project 9 - Xử lý hiệu ứng JQuery11:09
Project 9 - Sử dụng thư viện animateCss kết hợp jquery09:42
Project 9 - Sử dụng thư viện wow.js kết hợp jquery Phần 1 HTML và CSS10:10
Project 9 - Sử dụng thư viện wow.js kết hợp jquery phần 2 Jquery12:29
Bài tập cuối chương áp dụng hàm scroll jquery đã học06:24
Tổng kết phần Scroll Jquery07:42
Hiệu ứng sắp xếp và hiệu ứng Filter
7 Lessons
•
75 minutes 43 seconds
Giới thiệu các kiến thức và project 1007:56
Hiệu ứng sắp xếp sử dụng thư viện isotope kết hợp JQuery09:17
Hiệu ứng Filter Phần 1 - viết mã HTML11:39
Hiệu ứng Filter phần 2 - viết mã JQuery10:03
Hiệu ứng Filter phần 3 - Filter bằng cách kết hợp Jquery và isotope14:12
Hiệu ứng Filter phần 4 - Filter bằng cách Quicksearch18:01
Tổng kết hiệu ứng Filter và sắp xếp04:35
Hiệu ứng kết hợp Bootstrap và JQuery
9 Lessons
•
77 minutes 35 seconds
Giới thiệu kiến thức05:56
Cài đặt cơ bản Bootstrap và Plugin06:52
Hiệu ứng popover09:34
Hiệu ứng tooltip06:31
Hiệu ứng tab09:53
Hiệu ứng modal06:08
Hiệu ứng Carousel05:39
Hiêu ứng scrollspy - phần 1 html10:15
Hiệu ứng scroll spy - phần 2 - hiệu ứng scroll và animate16:47
Hiệu ứng GSap kết hợp JQuery
9 Lessons
•
98 minutes 45 seconds
Giới thiệu kiến thức09:54
Giới thiệu và ví dụ về tweenmax16:25
Áp dụng tweenmax kết hợp jquery phần 112:24
Áp dụng tweenmax kết hợp jquery phần 210:50
Giới thiệu TimelineMax16:02
Hướng dẫn kĩ thuật viết hiệu ứng loading của website phần 104:26
Hướng dẫn kĩ thuật viết hiệu ứng loading của website phần 210:12
Hướng dẫn kĩ thuật viết hiệu ứng loading của website phần 312:29
Hướng dẫn kĩ thuật viết hiệu ứng loading của website phần 406:03
BOOTSTRAP
172 Lessons
•
1573 minutes 45 seconds
Giới thiệu khóa học12:04
Cài đặt 2 phần mềm cần thiết13:29
Giới thiệu các thẻ html cần thiết cho cắt web15:30
3 cách đưa css vào website10:01
Các thuộc tính css09:36
Áp dụng các thuộc tính đã học chữa bài 1 kênh 1420:49
Áp dụng các thuộc tính đã học chữa bài 2 kênh 14 - Tập 109:28
Áp dụng các thuộc tính đã học chữa bài 2 kênh 14 - Tập 208:17
Giới thiệu về Class và ID trong CSS14:05
Chữa bài tập áp dụng Class và ID17:52
Luyện tập css cơ bản với Class và ID - Tập 108:03
Luyện tập css cơ bản với Class và ID - Tập 208:26
Luyện tập css cơ bản với Class và ID - Tập 310:50
Cách load và sử dụng font mới09:27
Sử dụng font icon và cách làm hiệu ứng hover16:35
Chữa bài megafun.vn - Tập 109:53
Chữa bài megafun.vn - Tập 215:40
Chữa bài ione.vnexpress.net07:25
Chữa bài DOCBAO.VN - Tập 109:51
Chữa bài DOCBAO.VN - Tập 209:19
Chữa bài DOCBAO.VN - Tập 310:13
Chữa bài VIETNAMNET.VN - Tập 107:09
Chữa bài VIETNAMNET.VN - Tập 209:03
Chữa bài MARRY.VN - Tập 109:31
Chữa bài MARRY.VN - Tập 207:15
Chữa bài MARRY.VN - Tập 326:09
Chữa bài MARRY.VN - Tập 410:49
Chữa bài GIADINH.NET30:07
Chữa bài SAGA.VN - Tập 121:01
Chữa bài SAGA.VN - Tập 207:24
Giới thiệu về thuộc tính Absolute và Relative11:55
GIỚI THIỆU VỀ THUỘC TÍNH FLEX - TẬP 109:36
GIỚI THIỆU VỀ THUỘC TÍNH FLEX - TẬP 216:19
LUYỆN TẬP VỀ THUỘC TÍNH FLEX - TẬP 112:02
LUYỆN TẬP VỀ THUỘC TÍNH FLEX - TẬP 231:07
LUYỆN TẬP ABSOLUTE VỚI WEBSITE GUU.VN PHẦN 1 - TẬP 108:27
LUYỆN TẬP ABSOLUTE VỚI WEBSITE GUU.VN PHẦN 1 - TẬP 209:51
LUYỆN TẬP ABSOLUTE VỚI WEBSITE GUU.VN PHẦN 1 - TẬP 308:28
LUYỆN TẬP ABSOLUTE VỚI WEBSITE GUU.VN PHẦN 1 - TẬP 409:13
LUYỆN TẬP ABSOLUTE VỚI WEBSITE GUU.VN PHẦN 1 - TẬP 511:08
LUYỆN TẬP ABSOLUTE VỚI WEBSITE USATODAY.COM TẬP 109:35
LUYỆN TẬP ABSOLUTE VỚI WEBSITE USATODAY.COM TẬP 205:45
Thực hành absolute với website tiin.vn - TẬP 104:58
Thực hành absolute với website tiin.vn - TẬP 207:09
Luyện tập về thuộc tính chia layer với udemy.com29:49
Kết hợp absolute với transition17:33
Thuộc tính background attachment25:05
THUỘC TÍNH ANIMATION - TẬP 108:45
THUỘC TÍNH ANIMATION - TẬP 208:51
Áp dụng thuộc tính absolute, transition, flex - TẬP 108:14
Áp dụng thuộc tính absolute, transition, flex - TẬP 208:50
Áp dụng thuộc tính absolute, transition, flex - TẬP 306:07
Áp dụng thuộc tính absolute, transition, flex - TẬP 408:56
Kết hợp absolute và hover transition30:32
Hoàn thiện sản phẩm03:19
Áp dụng absolute và transition chữa bài hiệu ứng - Tập 109:18
Áp dụng absolute và transition chữa bài hiệu ứng - Tập 206:18
Áp dụng absolute và transition chữa bài hiệu ứng - Tập 304:18
Tổng kết phần html - css và giới thiệu kiến thức mới06:47
Giới thiệu về bootstrap phiên bản 410:27
Cài đặt bootstrap - Tập 108:21
Cài đặt bootstrap - Tập 206:23
Thành phần GRID trong bootstrap20:37
Giới thiệu về responsive12:26
Giới thiệu về alert10:57
Giới thiệu về breadcrumb05:23
Giới thiệu về button09:17
Phương pháp học bootstrap03:49
Giới thiệu về checkbox và radio button08:15
Giới thiệu về dropdown menu17:00
Giới thiệu về thành phần mới so với BS3: Card layout11:47
Giới thiệu về thành phần card deck05:09
Giới thiệu về thành phần card group04:02
Giới thiệu về thành phần card column07:14
Giới thiệu về thành phần carousel06:15
Giới thiệu về thành phần collapse10:35
Giới thiệu về thành phần form10:32
Tổng kết và phương pháp cắt HTML/CSS dựa trên bootstrap10:18
Thành phần menu trong bootstrap14:09
Thành phần spacing trong bootstrap11:22
Thành phần căn chỉnh trong bootstrap05:34
Sử dụng card layout để tạo thông tin04:26
Tổng kết kiến thức website số 104:09
Giới thiệu tạo website số 3 với bootstrap01:58
Sử dụng navbar collapse08:11
Sử dụng jumbotron06:57
Thực hành Bootstrap 4 với card deck layout08:13
Viết hiệu ứng scroll bằng jquery06:12
Tổng kết kiến thức website số 305:10
Giới thiệu tạo website số 4 với bootstrap02:43
Tạo menu responsive thế nào04:08
Tạo hiệu ứng slide theo website13:23
Hoàn thiện website số 409:21
Tổng kết kiến thức website số 403:18
Giới thiệu website nâng cao số 103:14
Tạo menu và hiệu ứng carosel bằng phím tắt07:14
Tinh chỉnh và hoàn thiện menu12:43
Xử lý phần khoảng cách cho menu bằng css06:55
Xử lý phần nội dung cho carousel caption09:23
Phương pháp xử lý responsive trong bootstrap 413:24
Xử lý căn chỉnh nội dung bằng row trong row08:04
Tinh chỉnh phần nội dung chính xác bằng css12:23
Xử lý khối thông tin website chứa facebook button06:14
Hoàn thiện khối thông tin website với css06:00
Hoàn thiện footer09:20
CREATIVE THEME - BƯỚC CHUẨN BỊ04:27
CREATIVE THEME - TẠO KHUNG HTML - TẬP 108:29
CREATIVE THEME - TẠO KHUNG HTML - TẬP 206:33
CREATIVE THEME - TẠO CSS CHO PHẦN BANNER - TẬP 108:32
CREATIVE THEME - TẠO CSS CHO PHẦN BANNER - TẬP 204:53
VELOCITY THEME - XỬ LÝ RESPONSIVE - TẬP 107:06
VELOCITY THEME - XỬ LÝ RESPONSIVE - TẬP 203:51
CREATIVE THEME - XỬ LÝ KHỐI GIỚI THIỆU08:40
CREATIVE THEME - XỬ LÝ PHẦN CHIA CỘT - TẬP 104:55
CREATIVE THEME - XỬ LÝ PHẦN CHIA CỘT - TẬP 205:45
CREATIVE THEME - XỬ LÝ KHỐI SẢN PHẨM - TẬP 109:14
CREATIVE THEME - XỬ LÝ KHỐI SẢN PHẨM - TẬP 207:52
CREATIVE THEME - XỬ LÝ HIỆU ỨNG JQUERY07:54
VELOCITY THEME - BẮT ĐẦU VỚI MENU08:15
VELOCITY THEME - TẠO BANNER06:49
VELOCITY THEME - TẠO CSS CHO PHẦN LOGO - TẬP 106:22
VELOCITY THEME - TẠO CSS CHO PHẦN LOGO - TẬP 206:32
VELOCITY THEME - TẠO CSS CHO MENU RESPONSIVE - TẬP 106:24
VELOCITY THEME - TẠO CSS CHO MENU RESPONSIVE - TẬP 204:44
VELOCITY THEME - TẠO CSS CHO MENU RESPONSIVE - TẬP 309:09
VELOCITY THEME - TẠO CSS CHO PHẦN BANNER RESPONSIVE07:59
VELOCITY THEME - TẠO PHẦN DỊCH VỤ - TẬP 107:09
VELOCITY THEME - TẠO PHẦN DỊCH VỤ - TẬP 208:49
VELOCITY THEME - XỬ LÝ HIỆU ỨNG SLIDE - TẬP 107:01
VELOCITY THEME - XỬ LÝ HIỆU ỨNG SLIDE - TẬP 205:36
VELOCITY THEME - HIỆU ỨNG JQUERY - TẬP 106:40
VELOCITY THEME - HIỆU ỨNG JQUERY - TẬP 207:51
GIỚI THIỆU PHẦN MỀM PHOTOSHOP05:02
BƯỚC CHUẨN BỊ CHO CẮT WEB09:01
SỬ DỤNG BOOTSTRAP TẠO KHUNG MENU04:07
TẠO CSS CHO MENU TRÊN MÀN HÌNH DESKTOP08:46
TẠO CSS CHO MENU TRÊN MÀN HÌNH IPHONE03:56
TẠO KHUNG HTML CHO SLIDE BANNER06:24
TẠO CSS CHO SLIDE BANNER - TẬP 111:31
TẠO CSS CHO SLIDE BANNER - TẬP 208:20
TẠO KHUNG HTML CHO KHỐI DỊCH VỤ05:16
TẠO CSS CHO KHỐI DỊCH VỤ07:40
HƯỚNG DẪN XỬ LÝ CÁC PHẦN KHÁC CỦA GIAO DIỆN01:32
PHẦN CHUẨN BỊ02:57
XỬ LÝ CSS CHO PHẦN TOP HEADER06:08
XỬ LÝ CSS CHO PHẦN MENU TRÊN12:28
TẠO KHUNG HTML CHO PHẦN BANNER03:05
XỬ LÝ CSS CHO PHẦN BANNER11:14
XỬ LÝ PHẦN HTML CHO KHỐI THÔNG TIN02:55
XỬ LÝ CSS CHO PHẦN KHỐI THÔNG TIN04:31
XỬ LÝ HTML CHO KHỐI SẢN PHẨM04:54
XỬ LÝ CSS CHO KHỐI SẢN PHẨM12:04
BƯỚC CHUẨN BỊ01:49
XỬ LÝ PHẦN HTML CHO PHẦN LOGO VÀ MENU05:22
XỬ LÝ PHẦN CSS CHO MENU12:52
XỬ LÝ HTML CHO PHẦN BANNER06:57
XỬ LÝ CSS CHO PHẦN BANNER11:58
XỬ LÝ HTML CHO KHỐI 3 DỊCH VỤ05:11
XỬ LÝ CSS CHO PHẦN 3 DỊCH VỤ11:47
TÓM TẮT CÁC LÀM CHO PHẦN CÒN LẠI CỦA GIAO DIỆN01:26
CẮT WEB THEFOX- BƯỚC CHUẨN BỊ06:06
CẮT WEB THEFOX - TẠO KHUNG HTML CHO TOPHEADER05:51
CẮT WEB THEFOX - TẠO CSS CHO PHẦN TOPHEADER16:07
TẠO HTML CHO PHẦN MENU07:22
CẮT WEB THEFOX - TẠO CSS CHO PHẦN MENU11:28
CẮT WEB THEFOX - TẠO CSS CHO MENU TRÊN IPHONE04:00
CẮT WEB THEFOX- TẠO KHUNG HTML CHO BANNER09:30
CẮT WEB THEFOX- TẠO CSS CHO PHẦN BANNER12:51
CẮT WEB THEFOX - TẠO HTML CHO PHẦN GIỚI THIỆU05:49
CẮT WEB THEFOX - TẠO CSS CHO PHẦN GIỚI THIỆU08:14
CẮT WEB THEFOX - HƯỚNG DẪN XỬ LÝ CÁC PHẦN CÒN LẠI03:20
Tổng kết khóa học09:52
Instructor
Nguyễn Đức Việt
Outstanding review
No Data Available in this Section