_1738753706398.png){kind=logo}
đ399,000
749,000Bạn sẽ học được những gì
Tìm hiểu jQuery từ đầu.
Viết các hàm JavaScript phức tạp dễ dàng, nhanh chóng và hiệu quả.
Áp dụng kiến thức jQuery để xây dựng 20 dự án jQuery thực tế trong thế giới thực.
Tạo hiệu ứng hình ảnh và hoạt hình thú vị.
Phát triển các trò chơi thú vị và hấp dẫn một cách dễ dàng.
Xây dựng giao diện người dùng chuyên nghiệp.
Thêm các tính năng đẹp và độc đáo cho các trang web.
Xây dựng các ứng dụng jQuery hiệu suất cao.
Hoàn thành những điều tuyệt vời bằng cách chỉ viết một vài dòng mã.
Nhận tập tin làm việc cho mỗi bài giảng để tham khảo dễ dàng.
Nội dung
0 Chương
•
0 Bài học
•
0 giờ 0 phút
Mở rộng tất cả
Giới thiệu
2 Bài học
•
08 phút 47 giây
Giới thiệu khoá học01:21
Giới thiệu jQuery07:26
Cài đặt và chạy file jQuery
3 Bài học
•
36 phút 05 giây
Giới thiệu và cài đặt sublime text và plugin emmet10:44
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:02
Giới thiệu 3 phần quan trọng của jQuery
1 Bài học
•
20 phút 17 giây
Thực hành các hàm cơ bản của jQuery qua ví dụ20:17
Project 1 hiệu ứng accordion
4 Bài học
•
34 phút 44 giây
Giới thiệu project và tạo file ban đầu08:48
Xử lý phần HTML và CSS09:09
Xử lý phần jQuery, giới thiệu hàm next(), slideUp(), slideToggle() và các hàm xử lý class13:12
Tổng kết kiến thức học từ bài 103:35
Project 2 One Page website
6 Bài học
•
58 phút 41 giây
Giới thiệu project và xu hướng web one page09:31
One page website phần html05:35
One page website phần css13:51
One page website phần jQuery: hàm chuyển động body10:21
One page website phần jQuery: giới thiệu hàm offset14:36
Hướng dẫn bài ứng dụng và tổng kết kiến thức project 204:47
Project 3 Cách làm hiệu ứng ảnh và kết hợp hàm animate, offset, click, addClass .. đã học
8 Bài học
•
58 phút 33 giây
Giới thiệu project 3 và các kiến thức áp dụng04:54
Qui trình làm bài hiệu ứng và setup ban đầu08:19
Viết mã HTML09:23
Viết mã CSS10:09
Viết mã jQuery: Phần xử lý cho nút06:44
Viết mã jQuery Phần xử lý hiệu ứng phóng to ảnh10:31
Viết mã jQuery: Phần xử lý tổng hợp04:45
Tổng kết kiến thức đã học trong project 303:48
Giới thiệu các thuộc tính css3 nâng cao cho hiệu ứng
3 Bài học
•
39 phút 25 giây
Giới thiệu các kiến thức sẽ học trong phần 707:26
Giới thiệu các thuộc tính cơ bản của CSS317:04
Giới thiệu dòng thuộc tính transform và transition14:55
Áp dụng transition làm hiệu ứng
8 Bài học
•
56 phút 58 giây
Viết mã HTML03:39
Viết mã CSS và hiệu ứng17:02
Sử dụng hàm tweenmax cho hiệu ứng load nội dung03:43
Viết mã HTML03:47
Viết mã CSS06:38
Phần CSS hiệu ứng07:06
Sử dụng hàm tweenmax kết hợp jQuery cho hiệu ứng load thêm11:02
Giới thiệu thuộc tính transition delay cho các ứng dụng khác04:01
Sử dụng animation
9 Bài học
•
77 phút 28 giây
Giới thiệu animation05:01
Sử dụng animation10:03
Project 4: Animation làm hiệu ứng load của website - phần 1 HTML04:49
Project 4: Animation làm hiệu ứng load của website - Phần 2 CSS10:21
Project 4: Animation làm hiệu ứng load của website - Phần 3 chuyển động13:35
Project 5: Animation làm hiệu ứng load của website - Phần 1 HTML05:16
Project 5: Animation làm hiệu ứng load của website - phần 2 CSS10:34
Project 5: Animation làm hiệu ứng load của website - Phần 3 chuyển động12:06
Tổng kết05:43
Sử dụng jquery kết hợp với CSS3
12 Bài học
•
100 phút 08 giây
Giới thiệu kiến thức và cách kết hợp jQuery và CSS305:29
Project 6: Viết hiệu ứng modal box - Phần 1: HTML09:41
Project 6: Viết hiệu ứng modal box - Phần 2: CSS09:32
Project 6: Viết hiệu ứng modal box - Phần 3: jQuery16:35
Project 6: Viết hiệu ứng modal box - Phần 4: Các hiệu ứng slideIn, slideIn Bottom, newspaper06:41
Project 6: Viết hiệu ứng modal box - Phần 5: Thuộc tính tâm quay,các hiệu ứng slide fall, sticky04:16
Project 6: Viết hiệu ứng modal box - Phần 6: Thuộc tính perspective, rotateY(), tâm quay10:01
Project 6: Viết hiệu ứng modal box - Phần 7: Thuộc tính translateZ() kết hợp animation nhiều keyframes08:05
Project 6: Viết hiệu ứng modal box - Phần 8: Hàm thời gian của jQuery và các hiệu ứng09:36
Project 7: Push menu sử dụng jQuery - Phần 1: HTML và CSS07:40
Project 7: Push menu sử dụng jQuery - Phần 2: HTML05:43
Project 7: Push menu sử dụng jQuery - Phần 3: Hướng dẫn các bài ứng dụng khác06:49
Sử dụng jQuery viết hiệu ứng tại trang apple.com
9 Bài học
•
72 phút 23 giây
Giới thiệu hiệu ứng trang apple.com và kiến thức cần áp dụng05:11
Hiệu ứng apple.com - Phần 1: HTML05:27
Hiệu ứng apple.com - Phần 2 : CSS07:55
Hiệu ứng apple.com - Phần 3: Phần jQuery xử lý cho nút next phần 109:39
Hiệu ứng apple.com - Phần 4: Phần jQuery xử lý cho nút next phần 210:02
Hiệu ứng apple.com - Phần 5: Phần jQuery xử lý cho nút next phần 302:28
Hiệu ứng apple.com - Phần 6: Phần jQuery xử lý cho nút prev07:15
Hiệu ứng apple.com - Phần 7: Phần jQuery xử lý cho nút chuyển slide14:44
Hiệu ứng apple.com - Phần 8: Phần jQuery xử lý thời gian và hoàn thiện hiệu ứng09:42
Sử dụng jQuery viết các kiểu hiệu ứng khác nhau cho slide
3 Bài học
•
24 phút 55 giây
jQuery cho các hiệu ứng slide giới thiệu02:22
JQuery cho các hiệu ứng slide : hiệu ứng 'let me in'10:31
jQuery cho các hiệu ứng slide : hướng dẫn các hiệu ứng khác và tổng kết12:02
Sử dụng jquery viết các hiệu ứng scroll
14 Bài học
•
128 phút 06 giây
Giới thiệu các kiến thức sử dụng07:13
Project 8: Hiệu ứng scroll thay đổi header - Phần 1 - HTML05:14
Project 8: Hiệu ứng scroll thay đổi header - Phần 2 - CSS08:33
Project 8: Hiệu ứng scroll thay đổi header - Phần 3 - jQuery11:40
Project 8: Hiệu ứng scroll thay đổi header - Phần 4 - hướng dẫn bài tập áp dụng10:11
Project 8: Hiệu ứng scroll thay đổi header - Phần 5 - Phân tích hiệu ứng scroll jQuery trong web thực tế10:38
Project 9: Giới thiệu bài và kiến thức sử dụng: Scroll, wow js, animate css08:09
Project 9: Bắt đầu xử lý HTML và CSS08:41
Project 9: Xử lý hiệu ứng jQuery11:11
Project 9: Sử dụng thư viện animate.css kết hợp jQuery09:44
Project 9: Sử dụng thư viện wow.js kết hợp jQuery - Phần 1 HTML + CSS10:12
Project 9: Sử dụng thư viện wow.js kết hợp jQuery - Phần 2 JQuery12:30
Bài tập cuối chương áp dụng hàm scroll jQuery đã học06:26
Tổng kết phần Scroll jQuery07:44
Hiệu ứng sắp xếp và hiệu ứng filter
7 Bài học
•
75 phút 34 giây
Giới thiệu các kiến thức và project 1007:37
Hiệu ứng sắp xếp sử dụng thư viện Isotope kết hợp jQuery09:19
Hiệu ứng filter phần 1 - Viết mã HTML11:41
Hiệu ứng filter phần 2 - Viết mã jQuery10:05
Hiệu ứng filter phần 3 - Filter bằng cách kết hợp jQuery và isotope14:14
Hiệu ứng filter phần 4 - Filter bằng cách Quicksearch18:02
Tổng kết hiệu ứng filter và sắp xếp04:36
Hiệu ứng kết hợp Bootstrap và jQuery
9 Bài học
•
77 phút 32 giây
Giới thiệu kiến thức05:58
Cài đặt cơ bản Bootstrap và Plugin06:52
Hiệu ứng Popover09:28
Hiệu ứng Tooltip06:30
Hiệu ứng Tab09:55
Hiệu ứng Modal06:10
Hiệu ứng Carousel05:41
Hiệu ứng Scrollspy - Phần 1: HTML10:16
Hiệu ứng Scroll Spy - Phần 2: Hiệu ứng scroll và animate16:42
Hiệu ứng Gsap kết hợp jQuery
9 Bài học
•
99 phút 03 giây
Giới thiệu kiến thức09:56
Giới thiệu và ví dụ về Tweenmax - Phần 116:26
Giới thiệu và ví dụ về tweenmax - Phần 212:26
Áp dụng tweenmax kết hợp jQuery10:52
Giới thiệu TimelineMax16:05
Giới thiệu bài tập luyện tập kiến thức tổng hợp04:28
Hướng dẫn kĩ thuật viết hiệu ứng loading của website - Phần 110:14
Hướng dẫn kĩ thuật viết hiệu ứng loading của website - Phần 212:31
Tổng kết phần 1606:05
Tổng kết
2 Bài học
•
21 phút 11 giây
Tổng kết kiến thức09:03
Hướng dẫn viết hiệu ứng12:08
Quản trị viên
Nguyễn Đức Việt