DONATE 200k ĐỂ ĐƯỢC CẤP QUYỀN TRUY CẬP TẤT CẢ CÁC KHÓA HỌC IT: Click me!

CHƯƠNG 01. GIỚI THIỆU (HƯỚNG DẪN XEM VIDEO)

• Bài 00. Tài liệu đính kèm download (FREE)

• Bài 01: Giới thiệu khoá học xem video (FREE)

• Bài 02: Giới thiệu jQuery xem video (FREE)

CHƯƠNG 02. CÀI ĐẶT VÀ CHẠY FILE JQUERY (HƯỚNG DẪN XEM VIDEO)

• Bài 03: Giới thiệu và cài đặt sublime text và plugin emmet xem video (FREE)

• Bài 04: Cài đặt plugin khác và cách sử dụng xem video (FREE)

• Bài 05: Cài đặt jQuery và ví dụ đầu tiên với jQuery xem video (FREE)

CHƯƠNG 03. GIỚI THIỆU 3 PHẦN QUAN TRỌNG CỦA JQUERY (HƯỚNG DẪN XEM VIDEO)

• Bài 06: Thực hành các hàm cơ bản của jQuery qua ví dụ xem video (FREE)

CHƯƠNG 04. PROJECT 1 - HIỆU ỨNG ACCORDION (HƯỚNG DẪN XEM VIDEO)

• Bài 07: Giới thiệu project và tạo file ban đầu xem video

• Bài 08: Xử lý phần HTML và CSS xem video

• Bài 09: Xử lý phần jQuery, giới thiệu hàm next(), slideUp(), slideToggle() và các hàm xử lý class xem video

• Bài 10: Tổng kết kiến thức học từ bài 1 xem video

CHƯƠNG 05. PROJECT 2 - ONE PAGE WEBSITE (HƯỚNG DẪN XEM VIDEO)

• Bài 11: Giới thiệu project và xu hướng web one page xem video

• Bài 12: One page website phần html xem video

• Bài 13: One page website phần css xem video

• Bài 14: One page website phần jQuery: hàm chuyển động body xem video

• Bài 15: One page website phần jQuery: giới thiệu hàm offset xem video

• Bài 16: Hướng dẫn bài ứng dụng và tổng kết kiến thức project 2 xem video

CHƯƠNG 06. 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 17: Giới thiệu project 3 và các kiến thức áp dụng xem video

• Bài 18: Qui trình làm bài hiệu ứng và setup ban đầu xem video

• Bài 19: Viết mã HTML xem video

• Bài 20: Viết mã CSS xem video

• Bài 21: Viết mã jQuery: Phần xử lý cho nút xem video

• Bài 22: Viết mã jQuery Phần xử lý hiệu ứng phóng to ảnh xem video

• Bài 23: Viết mã jQuery: Phần xử lý tổng hợp xem video

• Bài 24: Tổng kết kiến thức đã học trong project 3 xem video

CHƯƠNG 07. GIỚI THIỆU CÁC THUỘC TÍNH CSS3 NÂNG CAO CHO HIỆU ỨNG (HƯỚNG DẪN XEM VIDEO)

• Bài 25: Giới thiệu các kiến thức sẽ học trong phần 7 xem video

• Bài 26: Giới thiệu các thuộc tính cơ bản của CSS3 xem video

• Bài 27: Giới thiệu dòng thuộc tính transform và transition xem video

CHƯƠNG 08. ÁP DỤNG TRANSITION LÀM HIỆU ỨNG (HƯỚNG DẪN XEM VIDEO)

• Bài 28: Viết mã HTML xem video

• Bài 29: Viết mã CSS và hiệu ứng xem video

• Bài 30: Sử dụng hàm tweenmax cho hiệu ứng load nội dung xem video

• Bài 31: Viết mã HTML xem video

• Bài 32: Viết mã CSS xem video

• Bài 33: Phần CSS hiệu ứng xem video

• Bài 34: Sử dụng hàm tweenmax kết hợp jQuery cho hiệu ứng load thêm xem video

• Bài 35: Giới thiệu thuộc tính transition delay cho các ứng dụng khác xem video

CHƯƠNG 09. SỬ DỤNG ANIMATION (HƯỚNG DẪN XEM VIDEO)

• Bài 36: Giới thiệu animation xem video

• Bài 37: Sử dụng animation xem video

• Bài 38: Project 4: Animation làm hiệu ứng load của website - phần 1 HTML xem video

• Bài 39: Project 4: Animation làm hiệu ứng load của website - Phần 2 CSS xem video

• Bài 40: Project 4: Animation làm hiệu ứng load của website - Phần 3 chuyển động xem video

• Bài 41: Project 5: Animation làm hiệu ứng load của website - Phần 1 HTML xem video

• Bài 42: Project 5: Animation làm hiệu ứng load của website - phần 2 CSS xem video

• Bài 43: Project 5: Animation làm hiệu ứng load của website - Phần 3 chuyển động xem video

• Bài 44: Tổng kết xem video

CHƯƠNG 10. SỬ DỤNG JQUERY KẾT HỢP VỚI CSS3 (HƯỚNG DẪN XEM VIDEO)

• Bài 45: Giới thiệu kiến thức và cách kết hợp jQuery và CSS3 xem video

• Bài 46: Project 6: Viết hiệu ứng modal box - Phần 1: HTML xem video

• Bài 47: Project 6: Viết hiệu ứng modal box - Phần 2: CSS xem video

• Bài 48: Project 6: Viết hiệu ứng modal box - Phần 3: jQuery xem video

• Bài 49: Project 6: Viết hiệu ứng modal box - Phần 4: Các hiệu ứng slideIn, slideIn Bottom, newspaper xem video

• Bài 50: 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, sticky xem video

• Bài 51: Project 6: Viết hiệu ứng modal box - Phần 6: Thuộc tính perspective, rotateY(), tâm quay xem video

• Bài 52: Project 6: Viết hiệu ứng modal box - Phần 7: Thuộc tính translateZ() kết hợp animation nhiều keyframes xem video

• Bài 53: 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 ứng xem video

• Bài 54: Project 7: Push menu sử dụng jQuery - Phần 1: HTML và CSS xem video

• Bài 55: Project 7: Push menu sử dụng jQuery - Phần 2: HTML xem video

• Bài 56: Project 7: Push menu sử dụng jQuery - Phần 3: Hướng dẫn các bài ứng dụng khác xem video

CHƯƠNG 11. SỬ DỤNG JQUERY VIẾT HIỆU ỨNG TẠI TRANG APPLE.COM (HƯỚNG DẪN XEM VIDEO)

• Bài 57: Giới thiệu hiệu ứng trang apple.com và kiến thức cần áp dụng xem video

• Bài 58: Hiệu ứng apple.com - Phần 1: HTML xem video

• Bài 59: Hiệu ứng apple.com - Phần 2 : CSS xem video

• Bài 60: Hiệu ứng apple.com - Phần 3: Phần jQuery xử lý cho nút next phần 1 xem video

• Bài 61: Hiệu ứng apple.com - Phần 4: Phần jQuery xử lý cho nút next phần 2 xem video

• Bài 62: Hiệu ứng apple.com - Phần 5: Phần jQuery xử lý cho nút next phần 3 xem video

• Bài 63: Hiệu ứng apple.com - Phần 6: Phần jQuery xử lý cho nút prev xem video

• Bài 64: Hiệu ứng apple.com - Phần 7: Phần jQuery xử lý cho nút chuyển slide xem video

• Bài 65: Hiệu ứng apple.com - Phần 8: Phần jQuery xử lý thời gian và hoàn thiện hiệu ứng xem video

CHƯƠNG 12. SỬ DỤNG JQUERY VIẾT CÁC KIỂU HIỆU ỨNG KHÁC NHAU CHO SLIDE (HƯỚNG DẪN XEM VIDEO)

• Bài 66: jQuery cho các hiệu ứng slide giới thiệu xem video

• Bài 67: JQuery cho các hiệu ứng slide : hiệu ứng 'let me in' xem video

• Bài 68: jQuery cho các hiệu ứng slide : hướng dẫn các hiệu ứng khác và tổng kết xem video

CHƯƠNG 13. SỬ DỤNG JQUERY VIẾT CÁC HIỆU ỨNG SCROLL (HƯỚNG DẪN XEM VIDEO)

• Bài 69: Giới thiệu các kiến thức sử dụng xem video

• Bài 70: Project 8: Hiệu ứng scroll thay đổi header - Phần 1 - HTML xem video

• Bài 71: Project 8: Hiệu ứng scroll thay đổi header - Phần 2 - CSS xem video

• Bài 72: Project 8: Hiệu ứng scroll thay đổi header - Phần 3 - jQuery xem video

• Bài 73: Project 8: Hiệu ứng scroll thay đổi header - Phần 4 - hướng dẫn bài tập áp dụng xem video

• Bài 74: 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ế xem video

• Bài 75: Project 9: Giới thiệu bài và kiến thức sử dụng: Scroll, wow js, animate css xem video

• Bài 76: Project 9: Bắt đầu xử lý HTML và CSS xem video

• Bài 77: Project 9: Xử lý hiệu ứng jQuery xem video

• Bài 78: Project 9: Sử dụng thư viện animate.css kết hợp jQuery xem video

• Bài 79: Project 9: Sử dụng thư viện wow.js kết hợp jQuery - Phần 1 HTML + CSS xem video

• Bài 80: Project 9: Sử dụng thư viện wow.js kết hợp jQuery - Phần 2 JQuery xem video

• Bài 81: Bài tập cuối chương áp dụng hàm scroll jQuery đã học xem video

• Bài 82: Tổng kết phần Scroll jQuery xem video

CHƯƠNG 14. HIỆU ỨNG SẮP XẾP VÀ HIỆU ỨNG FILTER (HƯỚNG DẪN XEM VIDEO)

• Bài 83: Giới thiệu các kiến thức và project 10 xem video

• Bài 84: Hiệu ứng sắp xếp sử dụng thư viện Isotope kết hợp jQuery xem video

• Bài 85: Hiệu ứng filter phần 1 - Viết mã HTML xem video

• Bài 86: Hiệu ứng filter phần 2 - Viết mã jQuery xem video

• Bài 87: Hiệu ứng filter phần 3 - Filter bằng cách kết hợp jQuery và isotope xem video

• Bài 88: Hiệu ứng filter phần 4 - Filter bằng cách Quicksearch xem video

• Bài 89: Tổng kết hiệu ứng filter và sắp xếp xem video

CHƯƠNG 15. HIỆU ỨNG KẾT HỢP BOOTSTRAP VÀ JQUERY (HƯỚNG DẪN XEM VIDEO)

• Bài 90: Giới thiệu kiến thức xem video

• Bài 91: Cài đặt cơ bản Bootstrap và Plugin xem video

• Bài 92: Hiệu ứng Popover xem video

• Bài 93: Hiệu ứng Tooltip xem video

• Bài 94: Hiệu ứng Tab xem video

• Bài 95: Hiệu ứng Modal xem video

• Bài 96: Hiệu ứng Carousel xem video

• Bài 97: Hiệu ứng Scrollspy - Phần 1: HTML xem video

• Bài 98: Hiệu ứng Scroll Spy - Phần 2: Hiệu ứng scroll và animate xem video

CHƯƠNG 16. HIỆU ỨNG GSAP KẾT HỢP JQUERY (HƯỚNG DẪN XEM VIDEO)

• Bài 99: Giới thiệu kiến thức xem video

• Bài 100: Giới thiệu và ví dụ về Tweenmax - Phần 1 xem video

• Bài 101: Giới thiệu và ví dụ về tweenmax - Phần 2 xem video

• Bài 102: Áp dụng tweenmax kết hợp jQuery xem video

• Bài 103: Giới thiệu TimelineMax xem video

• Bài 104: Giới thiệu bài tập luyện tập kiến thức tổng hợp xem video

• Bài 105: Hướng dẫn kĩ thuật viết hiệu ứng loading của website - Phần 1 xem video

• Bài 106: Hướng dẫn kĩ thuật viết hiệu ứng loading của website - Phần 2 xem video

• Bài 107: Tổng kết phần 16 xem video

CHƯƠNG 17. TỔNG KẾT (HƯỚNG DẪN XEM VIDEO)

• Bài 108: Tổng kết kiến thức xem video

• Bài 109: Hướng dẫn viết hiệu ứng xem video