Học jQuery từ cơ bản đến nâng cao

Phần 1 : Tổng quan về jQuery

• Bài 1 Giới thiệu jQuery 08:21

Phần 2 : Cài đặt và chạy File jQuery

• Bài 2 Giới thiệu và cài đặt Sublime text và Plugin emmet 14:40 Học thử
• Bài 3 Cài đặt Plugin khác và cách sử dụng 08:57
• Bài 4 Cài đặt jQuery và ví dụ đầu tiên với jQuery 23:35 Học thử

Phần 3 : Giới thiệu 3 phần quan trọng của jQuery

• Bài 5 3 Phần quan trọng của jQuery & Thực hành các hàm cơ bản qua ví dụ 23:35

Phần 4 : Project 1 hiệu ứng accordion

• Bài 6 Giới thiệu project và tạo file ban đầu 09:16
• Bài 7 Xử lý phần html và css 09:23 Học thử
• Bài 8 Xử lý phần jquery, giới thiệu hàm next(), slideUp(), slideToggle() và… 13:27
• Bài 9 Tổng kết kiến thức học từ bài 1 03:55

Phần 5 : Project 2 One Page website

• Bài 10 Giới thiệu project và xu hướng web one page 09:55
• Bài 11 One page website phần html 05:50
• Bài 12 One page website phần css 14:07
• Bài 13 One page website phần jquery : hàm chuyển động body 10:36
• Bài 14 One page website phần jquery : giới thiệu hàm offset 14:53
• Bài 15 Hướng dẫn bài ứng dụng và tổng kết kiến thức project 2 05:14

Phần 6 : Project 3 Cách làm hiệu ứng ảnh và kết hợp hàm animate, offset, click, addClass .. đã học

• Bài 16 Giới thiệu project 3 và các kiến thức áp dụng 05:08
• Bài 17 Quy trình làm bài hiệu ứng và setup ban đầu 08:32
• Bài 18 Viết mã Html 09:36
• Bài 19 Viết mã Css 10:23
• Bài 20 Viết mã jquery: phần xử lý cho nút 06:58
• Bài 21 Viết mã jquery: phần xử lý hiệu ứng phóng to ảnh 10:45
• Bài 22 Viết mã jquery: phần xử lý tổng hợp 04:59
• Bài 23 Tổng kết kiến thức đã học trong project 3 04:02

Phần 7 : Giới thiệu các thuộc tính css3 nâng cao cho hiệu ứng

• Bài 24 Giới thiệu các kiến thức sẽ học trong phần 7 07:40
• Bài 25 Giới thiệu các thuộc tính cơ bản của css3 17:17
• Bài 26 Giới thiệu dòng thuộc tính transform và transition 15:40

Phần 8 : Áp dụng transition làm hiệu ứng

• Bài 27 Viết mã Html 03:52
• Bài 28 Viết mã Css và hiệu ứng 17:37
• Bài 29 Sử dụng hàm tweenmax cho hiệu ứng load nội dung 03:57
• Bài 30 Viết mã Html 04:11
• Bài 31 Viết mã Css 06:46
• Bài 32 Phần css hiệu ứng 07:20
• Bài 33 Sử dụng hàm tweenmax kết hợp jquery cho hiệu ứng load thêm 11:34
• Bài 34 Giới thiệu thuộc tính transition delay cho các ứng dụng khác 04:15

Phần 9 : Sử dụng animation

• Bài 35 Giới thiệu animation 05:13
• Bài 36 Sử dụng animation 10:17
• Bài 37 Project 4: Animation làm hiệu ứng load của website - phần 1 html 05:03
• Bài 38 Project 4: Animation làm hiệu ứng load của website - phần 2 css 10:35
• Bài 39 Project 4: Animation làm hiệu ứng load của website - phần 3 Chuyển đ… 13:49
• Bài 40 Project 5: Animation làm hiệu ứng load của website - phần 1 html 05:29
• Bài 41 Project 5: Animation làm hiệu ứng load của website - phần 2 css 10:48
• Bài 42 Project 5: Animation làm hiệu ứng load của website - phần 3 Chuyển đ… 12:20
• Bài 43 Tổng kết 05:57

Phần 10 : Sử dụng jquery kết hợp với css3

• Bài 44 Giới thiệu kiến thức và cách kết hợp jquery và css3 05:43
• Bài 45 Project 6: Viết hiệu ứng modal box - phần 1 html 09:54
• Bài 46 Project 6: Viết hiệu ứng modal box - phần 2 css 09:44
• Bài 47 Project 6: Viết hiệu ứng modal box - phần 3 jquery 17:14
• Bài 48 Project 6: Viết hiệu ứng modal box - phần 4 Các hiệu ứng slideIn, sli… 06:53
• Bài 49 Project 6: Viết hiệu ứng modal box - phần 5 Thuộc tính tâm quay, các … 04:30
• Bài 50 Project 6: Viết hiệu ứng modal box - phần 6 Thuộc tính perspective, r… 10:13
• Bài 51 Project 6: Viết hiệu ứng modal box - phần 7 Thuộc tính translateZ() k… 08:19
• Bài 52 Project 6: Viết hiệu ứng modal box - phần 8 Hàm thời gian của jquery … 09:50
• Bài 53 Project 7: Push menu sử dụng jquery - phần 1 html và css 07:52
• Bài 54 Project 7: Push menu sử dụng jquery - phần 2 html 05:58
• Bài 55 Project 7: Push menu sử dụng jquery - phần 3 Hướng dẫn các bài ứng dụ… 07:02

Phần 11 : Sử dụng jquery viết hiệu ứng tại trang apple.com

• Bài 56 Giới thiệu hiệu ứng trang apple.com và kiến thức cần áp dụng 05:26
• Bài 57 Hiệu ứng apple.com - Phần 1 html 05:41
• Bài 58 Hiệu ứng apple.com - Phần 2 css 08:08
• Bài 59 Hiệu ứng apple.com - Phần 3 Phần jquery xử lý cho nút next phần 1 10:06
• Bài 60 Hiệu ứng apple.com - Phần 4 Phần jquery xử lý cho nút next phần 2 10:04
• Bài 61 Hiệu ứng apple.com - Phần 5: Phần jquery xử lý cho nút next phần 3 04:32
• Bài 62 Hiệu ứng apple.com - Phần 6: Phần jquery xử lý cho nút prev 07:30
• Bài 63 Hiệu ứng apple.com - Phần 7: Phần jquery xử lý cho nút chuyển slide 20:42
• Bài 64 Hiệu ứng apple.com - Phần 8: Phần jquery xử lý thời gian và hoàn thiệ… 04:02

Phần 12 : Sử dụng jquery viết các kiểu hiệu ứng khác nhau cho slide

• Bài 65 Jquery cho các hiệu ứng slide giới thiệu 02:34
• Bài 66 Jquery cho các hiệu ứng slide: hiệu ứng 'let me in' 10:44
• Bài 67 Jquery cho các hiệu ứng slide: hướng dẫn các hiệu ứng khác và tổng kế… 12:16

Phần 13 : Sử dụng jquery viết các hiệu ứng scroll

• Bài 68 Giới thiệu các kiến thức sử dụng 07:27
• Bài 69 Project 8: Hiệu ứng scroll thay đổi header - phần 1 - html 05:21
• Bài 70 Project 8: Hiệu ứng scroll thay đổi header - phần 2 - css 08:22
• Bài 71 Project 8: Hiệu ứng scroll thay đổi header - phần 3 - jquery 12:19
• Bài 72 Project 8: Hiệu ứng scroll thay đổi header - phần 4 - hướng dẫn bài t… 10:25
• Bài 73 Project 8: Hiệu ứng scroll thay đổi header - phần 5 - phân tích hiệu … 10:52
• Bài 74 Project 9: Giới thiệu bài và kiến thức sử dụng: scroll, wow js, anima… 08:23
• Bài 75 Project 9: Bắt đầu xử lý html và css 08:46
• Bài 76 Project 9: Xử lý hiệu ứng jquery 11:25
• Bài 77 Project 9: Sử dụng thư viện animate.css kết hợp jquery 09:58
• Bài 78 Project 9: Sử dụng thư viện wow.js kết hợp jquery phần 1 html + css 10:18
• Bài 79 Project 9: Sử dụng thư viện wow.js kết hợp jquery phần 2 jquery 12:54
• Bài 80 Bài tập cuối chương áp dụng hàm scroll jquery đã học 06:42
• Bài 81 Tổng kết phần scroll jquery 07:58

Phần 14 : Hiệu ứng sắp xếp và hiệu ứng filter

• Bài 82 Giới thiệu các kiến thức và project 10 08:12
• Bài 83 Hiệu ứng sắp xếp sử dụng thư viện isotope kết hợp jquery 09:32
• Bài 84 Hiệu ứng filter phần 1 - viết mã html 11:55
• Bài 85 Hiệu ứng filter phần 2 - viết mã jquery 10:19
• Bài 86 Hiệu ứng filter phần 3 - filter bằng cách kết hợp jquery và isotope 14:28
• Bài 87 Hiệu ứng filter phần 4 - filter bằng cách quicksearch 18:18
• Bài 88 Tổng kết hiệu ứng filter và sắp xếp 04:50

Phần 15 : Hiệu ứng kết hợp bootstrap và jquery

• Bài 89 Giới thiệu kiến thức 06:12
• Bài 90 Cài đặt cơ bản bootstrap và plugin 07:08
• Bài 91 Hiệu ứng popover 09:50
• Bài 92 Hiệu ứng tooltip 06:44
• Bài 93 Hiệu ứng tab 10:05
• Bài 94 Hiệu ứng modal 06:25
• Bài 95 Hiệu ứng carousel 05:54
• Bài 96 Hiêu ứng scrollspy - phần 1 html 10:29
• Bài 97 Hiệu ứng scroll spy - phần 2 hiệu ứng scroll và animate 17:04

Phần 16 : Hiệu ứng Gsap kết hợp jquery

• Bài 98 Giới thiệu kiến thức 10:10
• Bài 99 Giới thiệu và ví dụ về tweenmax - phần 1 16:41
• Bài 100 Giới thiệu và ví dụ về tweenmax - phần 2 12:35
• Bài 101 Áp dụng tweenmax kết hợp jquery 11:58
• Bài 102 Giới thiệu TimelineMax 15:26
• Bài 103 Giới thiệu bài tập luyện tập kiến thức tổng hợp 04:42
• Bài 104 Hướng dẫn kĩ thuật viết hiệu ứng loading của website 09:52
• Bài 105 Hướng dẫn kĩ thuật viết hiệu ứng loading của website (Tiếp) 10:07

Phần 17 : Tổng kết khóa học

• Bài 106 Tổng kết kiến thức 09:38
• Bài 107 Hướng dẫn viết hiệu ứng 12:23