What you'll learn

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.

Course content

0 Sections

•

0 Lessons

•

0h 0m

Expand all section

Giới thiệu
2 Lessons
•
08 minutes 47 seconds
Giới thiệu khoá học
01:21
Giới thiệu jQuery
07:26
Cài đặt và chạy file jQuery
3 Lessons
•
36 minutes 05 seconds
Giới thiệu và cài đặt sublime text và plugin emmet
10:44
Cài đặt plugin khác và cách sử dụng
11:19
Cài đặt jQuery và ví dụ đầu tiên với jQuery
14:02
Giới thiệu 3 phần quan trọng của jQuery
1 Lessons
•
20 minutes 17 seconds
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 Lessons
•
34 minutes 44 seconds
Giới thiệu project và tạo file ban đầu
08:48
Xử lý phần HTML và CSS
09:09
Xử lý phần jQuery, giới thiệu hàm next(), slideUp(), slideToggle() và các hàm xử lý class
13:12
Tổng kết kiến thức học từ bài 1
03:35
Project 2 One Page website
6 Lessons
•
58 minutes 41 seconds
Giới thiệu project và xu hướng web one page
09:31
One page website phần html
05:35
One page website phần css
13:51
One page website phần jQuery: hàm chuyển động body
10:21
One page website phần jQuery: giới thiệu hàm offset
14:36
Hướng dẫn bài ứng dụng và tổng kết kiến thức project 2
04: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 Lessons
•
58 minutes 33 seconds
Giới thiệu project 3 và các kiến thức áp dụng
04:54
Qui trình làm bài hiệu ứng và setup ban đầu
08:19
Viết mã HTML
09:23
Viết mã CSS
10:09
Viết mã jQuery: Phần xử lý cho nút
06:44
Viết mã jQuery Phần xử lý hiệu ứng phóng to ảnh
10:31
Viết mã jQuery: Phần xử lý tổng hợp
04:45
Tổng kết kiến thức đã học trong project 3
03:48
Giới thiệu các thuộc tính css3 nâng cao cho hiệu ứng
3 Lessons
•
39 minutes 25 seconds
Giới thiệu các kiến thức sẽ học trong phần 7
07:26
Giới thiệu các thuộc tính cơ bản của CSS3
17:04
Giới thiệu dòng thuộc tính transform và transition
14:55
Áp dụng transition làm hiệu ứng
8 Lessons
•
56 minutes 58 seconds
Viết mã HTML
03:39
Viết mã CSS và hiệu ứng
17:02
Sử dụng hàm tweenmax cho hiệu ứng load nội dung
03:43
Viết mã HTML
03:47
Viết mã CSS
06:38
Phần CSS hiệu ứng
07:06
Sử dụng hàm tweenmax kết hợp jQuery cho hiệu ứng load thêm
11:02
Giới thiệu thuộc tính transition delay cho các ứng dụng khác
04:01
Sử dụng animation
9 Lessons
•
77 minutes 28 seconds
Giới thiệu animation
05:01
Sử dụng animation
10:03
Project 4: Animation làm hiệu ứng load của website - phần 1 HTML
04:49
Project 4: Animation làm hiệu ứng load của website - Phần 2 CSS
10:21
Project 4: Animation làm hiệu ứng load của website - Phần 3 chuyển động
13:35
Project 5: Animation làm hiệu ứng load của website - Phần 1 HTML
05:16
Project 5: Animation làm hiệu ứng load của website - phần 2 CSS
10:34
Project 5: Animation làm hiệu ứng load của website - Phần 3 chuyển động
12:06
Tổng kết
05:43
Sử dụng jquery kết hợp với CSS3
12 Lessons
•
100 minutes 08 seconds
Giới thiệu kiến thức và cách kết hợp jQuery và CSS3
05:29
Project 6: Viết hiệu ứng modal box - Phần 1: HTML
09:41
Project 6: Viết hiệu ứng modal box - Phần 2: CSS
09:32
Project 6: Viết hiệu ứng modal box - Phần 3: jQuery
16:35
Project 6: Viết hiệu ứng modal box - Phần 4: Các hiệu ứng slideIn, slideIn Bottom, newspaper
06: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, sticky
04:16
Project 6: Viết hiệu ứng modal box - Phần 6: Thuộc tính perspective, rotateY(), tâm quay
10: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 keyframes
08: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 ứng
09:36
Project 7: Push menu sử dụng jQuery - Phần 1: HTML và CSS
07:40
Project 7: Push menu sử dụng jQuery - Phần 2: HTML
05:43
Project 7: Push menu sử dụng jQuery - Phần 3: Hướng dẫn các bài ứng dụng khác
06:49
Sử dụng jQuery viết hiệu ứng tại trang apple.com
9 Lessons
•
72 minutes 23 seconds
Giới thiệu hiệu ứng trang apple.com và kiến thức cần áp dụng
05:11
Hiệu ứng apple.com - Phần 1: HTML
05:27
Hiệu ứng apple.com - Phần 2 : CSS
07:55
Hiệu ứng apple.com - Phần 3: Phần jQuery xử lý cho nút next phần 1
09:39
Hiệu ứng apple.com - Phần 4: Phần jQuery xử lý cho nút next phần 2
10:02
Hiệu ứng apple.com - Phần 5: Phần jQuery xử lý cho nút next phần 3
02:28
Hiệu ứng apple.com - Phần 6: Phần jQuery xử lý cho nút prev
07:15
Hiệu ứng apple.com - Phần 7: Phần jQuery xử lý cho nút chuyển slide
14:44
Hiệu ứng apple.com - Phần 8: Phần jQuery xử lý thời gian và hoàn thiện hiệu ứng
09:42
Sử dụng jQuery viết các kiểu hiệu ứng khác nhau cho slide
3 Lessons
•
24 minutes 55 seconds
jQuery cho các hiệu ứng slide giới thiệu
02: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ết
12:02
Sử dụng jquery viết các hiệu ứng scroll
14 Lessons
•
128 minutes 06 seconds
Giới thiệu các kiến thức sử dụng
07:13
Project 8: Hiệu ứng scroll thay đổi header - Phần 1 - HTML
05:14
Project 8: Hiệu ứng scroll thay đổi header - Phần 2 - CSS
08:33
Project 8: Hiệu ứng scroll thay đổi header - Phần 3 - jQuery
11:40
Project 8: Hiệu ứng scroll thay đổi header - Phần 4 - hướng dẫn bài tập áp dụng
10: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 css
08:09
Project 9: Bắt đầu xử lý HTML và CSS
08:41
Project 9: Xử lý hiệu ứng jQuery
11:11
Project 9: Sử dụng thư viện animate.css kết hợp jQuery
09:44
Project 9: Sử dụng thư viện wow.js kết hợp jQuery - Phần 1 HTML + CSS
10:12
Project 9: Sử dụng thư viện wow.js kết hợp jQuery - Phần 2 JQuery
12:30
Bài tập cuối chương áp dụng hàm scroll jQuery đã học
06:26
Tổng kết phần Scroll jQuery
07:44
Hiệu ứng sắp xếp và hiệu ứng filter
7 Lessons
•
75 minutes 34 seconds
Giới thiệu các kiến thức và project 10
07:37
Hiệu ứng sắp xếp sử dụng thư viện Isotope kết hợp jQuery
09:19
Hiệu ứng filter phần 1 - Viết mã HTML
11:41
Hiệu ứng filter phần 2 - Viết mã jQuery
10:05
Hiệu ứng filter phần 3 - Filter bằng cách kết hợp jQuery và isotope
14:14
Hiệu ứng filter phần 4 - Filter bằng cách Quicksearch
18:02
Tổng kết hiệu ứng filter và sắp xếp
04:36
Hiệu ứng kết hợp Bootstrap và jQuery
9 Lessons
•
77 minutes 32 seconds
Giới thiệu kiến thức
05:58
Cài đặt cơ bản Bootstrap và Plugin
06:52
Hiệu ứng Popover
09:28
Hiệu ứng Tooltip
06:30
Hiệu ứng Tab
09:55
Hiệu ứng Modal
06:10
Hiệu ứng Carousel
05:41
Hiệu ứng Scrollspy - Phần 1: HTML
10:16
Hiệu ứng Scroll Spy - Phần 2: Hiệu ứng scroll và animate
16:42
Hiệu ứng Gsap kết hợp jQuery
9 Lessons
•
99 minutes 03 seconds
Giới thiệu kiến thức
09:56
Giới thiệu và ví dụ về Tweenmax - Phần 1
16:26
Giới thiệu và ví dụ về tweenmax - Phần 2
12:26
Áp dụng tweenmax kết hợp jQuery
10:52
Giới thiệu TimelineMax
16:05
Giới thiệu bài tập luyện tập kiến thức tổng hợp
04:28
Hướng dẫn kĩ thuật viết hiệu ứng loading của website - Phần 1
10:14
Hướng dẫn kĩ thuật viết hiệu ứng loading của website - Phần 2
12:31
Tổng kết phần 16
06:05
Tổng kết
2 Lessons
•
21 minutes 11 seconds
Tổng kết kiến thức
09:03
Hướng dẫn viết hiệu ứng
12:08

Instructor

Nguyễn Đức Việt

Outstanding review

No Data Available in this Section