35 COIN 699 COIN
Thời gian ưu đãi còn 8h
- Thời lượng:
17 giờ 02 phút
- Giáo trình:
107 bài giảng
- Sở hữu khóa học trọn đời
- Cấp chứng nhận hoàn thành
- Giảm thêm 10% khi thanh toán online
Tag: KHÓA HỌC ONLINE,
Chi tiết Học jQuery từ cơ bản đến nâng cao

Mô Tả Ngắn Khóa Học
- Thời lượng:
17 giờ 02 phút
- Giáo trình:
107 bài giảng
- Sở hữu khóa học trọn đời
- Cấp chứng nhận hoàn thành
- Giảm thêm 10% khi thanh toán online
Bạn sẽ học được gì
Sử dụng công cụ Chrome Developer Tool trong thiết kế web hiện đại
Thao tác với thư viện jQuery, juQuery ui, Tweenmax
Tự xây dựng các plugin mới bằng jQuery
Nâng cao khả năng tự đọc hiểu các tài liệu tự lập trình jQuery
Tăng khả năng tương tác với người dùng
Tạo hiệu ứng động cho những thay đổi của nội dung, tài liệu
Lấy thông tin từ server mà không cần tải lại trang web
Có khả năng chỉnh sửa giao diện của một Webside bất kì
Giới thiệu khóa học Bạn có biết: Với sự phát triển nhanh chóng của Internet, người dùng ngày càng quan tâm hơn đến giao diện hay hình thức của một trang web. Nếu như trước đây, quy chuẩn đẹp của một trang web là chỉ cần có banner, nội dung và một ít footer đơn giản. Nhưng theo thời gian, thị hiếu người đọc cũng thay đổi, một trang web phải có banner bắt mắt, nội dung lôi cuốn kèm theo các hiệu ứng lạ mắt mới có thể thu hút được người đọc dài lâu. Chính vì vậy, các web developers, web designers cần thiết phải nâng cao tay nghề. Và một trong những công cụ cần thiết đến từ các thư viện JavaScript mở được quan tâm nhiều nhất đó chính là jQuery, công cụ giúp tạo ra các hiệu ứng có thể tương tác trực tiếp với người đọc một cách nhanh chóng và dễ dàng hơn so với việc sử dụng thuần JavaScript. Bạn muốn tìm hiểu và vận dụng những tính năng tối ưu của jQuery nhưng không biết bắt đầu từ đâu và thế nào? Khóa học “jQuery cơ bản đến nâng cao” của giảng viên Nguyễn Đức Việt trên pd ra đời giúp các bạn có thể chỉnh sửa giao diện của một website bất kỳ; tăng khả năng tương tác với người dùng; tạo hiệu ứng động cho nội dung; có khả năng tự đọc hiểu các tài liệu tự lập trình jQuery trong suốt khóa học này. Lý do nên đăng ký khóa học Với 5 năm kinh nghiệm giảng dạy, bằng cách học qua trải nghiệm, các hướng dẫn tự làm, và qua các bài tập thực hành tập trung vào nâng cao chuyên môn để mang đến các khóa học công nghệ thông tin chất lượng nhất, Giảng viên Nguyễn Đức Việt sẽ giúp bạn: ✔️ Sử dụng thành thạo jQuery. ✔️ Có thể làm lại được hầu hết các hiệu ứng gặp được trên mạng. ✔️ Có khả năng lập trình và quản trị hiệu ứng cho các trang Web phục vụ nhu cầu giải trí, kinh doanh, khởi nghiệp. ✔️ Đọc và hiểu các thuật ngữ về jQuery một cách thuần thục. ✔️ Các kĩ thuật check lỗi, tìm và sửa lỗi lập trình jQuery. Hãy nhanh tay đăng ký khóa học Học jQuery từ cơ bản đến nâng cao trên pd để nhận nhiều ưu đãi bất ngờ từ giá!
GIÁO VIÊN Khóa Học
- Nguyễn Đức Việt Giảng viên Thiết kế web tại FPT - Arena Tốt nghiệp đại học Bách Khoa Hà Nội, khóa 49, khoa Công nghệ phần mềm. - Danh mục cùng loại: Khóa học công nghệ thông tin
Danh Sách Bài Giảng
# | Tên bài | Link học | Download |
---|---|---|---|
0 | Bài 1: Giới thiệu jQuery | Xem ngay | Download |
1 | Bài 2: Giới thiệu và cài đặt Sublime text và Plugin emmet | Xem ngay | Download |
2 | Bài 3: Cài đặt Plugin khác và cách sử dụng | Xem ngay | Download |
3 | Bài 4: Cài đặt jQuery và ví dụ đầu tiên với jQuery | Xem ngay | Download |
4 | 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ụ | Xem ngay | Download |
5 | Bài 6: Giới thiệu project và tạo file ban đầu | Xem ngay | Download |
6 | Bài 7: Xử lý phần html và css | Xem ngay | Download |
7 | Bài 8: Xử lý phần jquery, giới thiệu hàm next(), slideUp(), slideToggle() và các hàm xử lý class | Xem ngay | Download |
8 | Bài 9: Tổng kết kiến thức học từ bài 1 | Xem ngay | Download |
9 | Bài 10: Giới thiệu project và xu hướng web one page | Xem ngay | Download |
10 | Bài 11: One page website phần html | Xem ngay | Download |
11 | Bài 12: One page website phần css | Xem ngay | Download |
12 | Bài 13: One page website phần jquery : hàm chuyển động body | Xem ngay | Download |
13 | Bài 14: One page website phần jquery : giới thiệu hàm offset | Xem ngay | Download |
14 | Bài 15: Hướng dẫn bài ứng dụng và tổng kết kiến thức project 2 | Xem ngay | Download |
15 | Bài 16: Giới thiệu project 3 và các kiến thức áp dụng | Xem ngay | Download |
16 | Bài 17: Quy trình làm bài hiệu ứng và setup ban đầu | Xem ngay | Download |
17 | Bài 18: Viết mã Html | Xem ngay | Download |
18 | Bài 19: Viết mã Css | Xem ngay | Download |
19 | Bài 20: Viết mã jquery: phần xử lý cho nút | Xem ngay | Download |
20 | Bài 21: Viết mã jquery: phần xử lý hiệu ứng phóng to ảnh | Xem ngay | Download |
21 | Bài 22: Viết mã jquery: phần xử lý tổng hợp | Xem ngay | Download |
22 | Bài 23: Tổng kết kiến thức đã học trong project 3 | Xem ngay | Download |
23 | Bài 24: Giới thiệu các kiến thức sẽ học trong phần 7 | Xem ngay | Download |
24 | Bài 25: Giới thiệu các thuộc tính cơ bản của css3 | Xem ngay | Download |
25 | Bài 26: Giới thiệu dòng thuộc tính transform và transition | Xem ngay | Download |
26 | Bài 27: Viết mã Html | Xem ngay | Download |
27 | Bài 28: Viết mã Css và hiệu ứng | Xem ngay | Download |
28 | Bài 29: Sử dụng hàm tweenmax cho hiệu ứng load nội dung | Xem ngay | Download |
29 | Bài 30: Viết mã Html | Xem ngay | Download |
30 | Bài 31: Viết mã Css | Xem ngay | Download |
31 | Bài 32: Phần css hiệu ứng | Xem ngay | Download |
32 | Bài 33: Sử dụng hàm tweenmax kết hợp jquery cho hiệu ứng load thêm | Xem ngay | Download |
33 | Bài 34: Giới thiệu thuộc tính transition delay cho các ứng dụng khác | Xem ngay | Download |
34 | Bài 35: Giới thiệu animation | Xem ngay | Download |
35 | Bài 36: Sử dụng animation | Xem ngay | Download |
36 | Bài 37: Project 4: Animation làm hiệu ứng load của website - phần 1 html | Xem ngay | Download |
37 | Bài 38: Project 4: Animation làm hiệu ứng load của website - phần 2 css | Xem ngay | Download |
38 | Bài 39: Project 4: Animation làm hiệu ứng load của website - phần 3 Chuyển động | Xem ngay | Download |
39 | Bài 40: Project 5: Animation làm hiệu ứng load của website - phần 1 html | Xem ngay | Download |
40 | Bài 41: Project 5: Animation làm hiệu ứng load của website - phần 2 css | Xem ngay | Download |
41 | Bài 42: Project 5: Animation làm hiệu ứng load của website - phần 3 Chuyển động | Xem ngay | Download |
42 | Bài 43: Tổng kết | Xem ngay | Download |
43 | Bài 44: Giới thiệu kiến thức và cách kết hợp jquery và css3 | Xem ngay | Download |
44 | Bài 45: Project 6: Viết hiệu ứng modal box - phần 1 html | Xem ngay | Download |
45 | Bài 46: Project 6: Viết hiệu ứng modal box - phần 2 css | Xem ngay | Download |
46 | Bài 47: Project 6: Viết hiệu ứng modal box - phần 3 jquery | Xem ngay | Download |
47 | Bài 48: Project 6: Viết hiệu ứng modal box - phần 4 Các hiệu ứng slideIn, slideIn Bottom, newspaper | Xem ngay | Download |
48 | Bài 49: 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 ngay | Download |
49 | Bài 50: Project 6: Viết hiệu ứng modal box - phần 6 Thuộc tính perspective, rotateY(), tâm quay | Xem ngay | Download |
50 | Bài 51: 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 ngay | Download |
51 | Bài 52: 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 ngay | Download |
52 | Bài 53: Project 7: Push menu sử dụng jquery - phần 1 html và css | Xem ngay | Download |
53 | Bài 54: Project 7: Push menu sử dụng jquery - phần 2 html | Xem ngay | Download |
54 | Bài 55: 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 ngay | Download |
55 | Bài 56: Giới thiệu hiệu ứng trang apple.com và kiến thức cần áp dụng | Xem ngay | Download |
56 | Bài 57: Hiệu ứng apple.com - Phần 1 html | Xem ngay | Download |
57 | Bài 58: Hiệu ứng apple.com - Phần 2 css | Xem ngay | Download |
58 | Bài 59: Hiệu ứng apple.com - Phần 3 Phần jquery xử lý cho nút next phần 1 | Xem ngay | Download |
59 | Bài 60: Hiệu ứng apple.com - Phần 4 Phần jquery xử lý cho nút next phần 2 | Xem ngay | Download |
60 | Bài 61: Hiệu ứng apple.com - Phần 5: Phần jquery xử lý cho nút next phần 3 | Xem ngay | Download |
61 | Bài 62: Hiệu ứng apple.com - Phần 6: Phần jquery xử lý cho nút prev | Xem ngay | Download |
62 | Bài 63: Hiệu ứng apple.com - Phần 7: Phần jquery xử lý cho nút chuyển slide | Xem ngay | Download |
63 | Bài 64: 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 ngay | Download |
64 | Bài 65: Jquery cho các hiệu ứng slide giới thiệu | Xem ngay | Download |
65 | Bài 66: Jquery cho các hiệu ứng slide: hiệu ứng 'let me in' | Xem ngay | Download |
66 | 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ết | Xem ngay | Download |
67 | Bài 68: Giới thiệu các kiến thức sử dụng | Xem ngay | Download |
68 | Bài 69: Project 8: Hiệu ứng scroll thay đổi header - phần 1 - html | Xem ngay | Download |
69 | Bài 70: Project 8: Hiệu ứng scroll thay đổi header - phần 2 - css | Xem ngay | Download |
70 | Bài 71: Project 8: Hiệu ứng scroll thay đổi header - phần 3 - jquery | Xem ngay | Download |
71 | Bài 72: Project 8: Hiệu ứng scroll thay đổi header - phần 4 - hướng dẫn bài tập áp dụng | Xem ngay | Download |
72 | Bài 73: 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 ngay | Download |
73 | Bài 74: Project 9: Giới thiệu bài và kiến thức sử dụng: scroll, wow js, animate css | Xem ngay | Download |
74 | Bài 75: Project 9: Bắt đầu xử lý html và css | Xem ngay | Download |
75 | Bài 76: Project 9: Xử lý hiệu ứng jquery | Xem ngay | Download |
76 | Bài 77: Project 9: Sử dụng thư viện animate.css kết hợp jquery | Xem ngay | Download |
77 | Bài 78: Project 9: Sử dụng thư viện wow.js kết hợp jquery phần 1 html + css | Xem ngay | Download |
78 | Bài 79: Project 9: Sử dụng thư viện wow.js kết hợp jquery phần 2 jquery | Xem ngay | Download |
79 | Bài 80: Bài tập cuối chương áp dụng hàm scroll jquery đã học | Xem ngay | Download |
80 | Bài 81: Tổng kết phần scroll jquery | Xem ngay | Download |
81 | Bài 82: Giới thiệu các kiến thức và project 10 | Xem ngay | Download |
82 | Bài 83: Hiệu ứng sắp xếp sử dụng thư viện isotope kết hợp jquery | Xem ngay | Download |
83 | Bài 84: Hiệu ứng filter phần 1 - viết mã html | Xem ngay | Download |
84 | Bài 85: Hiệu ứng filter phần 2 - viết mã jquery | Xem ngay | Download |
85 | Bài 86: Hiệu ứng filter phần 3 - filter bằng cách kết hợp jquery và isotope | Xem ngay | Download |
86 | Bài 87: Hiệu ứng filter phần 4 - filter bằng cách quicksearch | Xem ngay | Download |
87 | Bài 88: Tổng kết hiệu ứng filter và sắp xếp | Xem ngay | Download |
88 | Bài 89: Giới thiệu kiến thức | Xem ngay | Download |
89 | Bài 90: Cài đặt cơ bản bootstrap và plugin | Xem ngay | Download |
90 | Bài 91: Hiệu ứng popover | Xem ngay | Download |
91 | Bài 92: Hiệu ứng tooltip | Xem ngay | Download |
92 | Bài 93: Hiệu ứng tab | Xem ngay | Download |
93 | Bài 94: Hiệu ứng modal | Xem ngay | Download |
94 | Bài 95: Hiệu ứng carousel | Xem ngay | Download |
95 | Bài 96: Hiêu ứng scrollspy - phần 1 html | Xem ngay | Download |
96 | Bài 97: Hiệu ứng scroll spy - phần 2 hiệu ứng scroll và animate | Xem ngay | Download |
97 | Bài 98: Giới thiệu kiến thức | Xem ngay | Download |
98 | Bài 99: Giới thiệu và ví dụ về tweenmax - phần 1 | Xem ngay | Download |
99 | Bài 100: Giới thiệu và ví dụ về tweenmax - phần 2 | Xem ngay | Download |
100 | Bài 101: Áp dụng tweenmax kết hợp jquery | Xem ngay | Download |
101 | Bài 102: Giới thiệu TimelineMax | Xem ngay | Download |
102 | Bài 103: Giới thiệu bài tập luyện tập kiến thức tổng hợp | Xem ngay | Download |
103 | Bài 104: Hướng dẫn kĩ thuật viết hiệu ứng loading của website | Xem ngay | Download |
104 | Bài 105: Hướng dẫn kĩ thuật viết hiệu ứng loading của website (Tiếp) | Xem ngay | Download |
105 | Bài 106: Tổng kết kiến thức | Xem ngay | Download |
106 | Bài 107: Hướng dẫn viết hiệu ứng | Xem ngay | Download |
Đánh giá
Đánh giá của bạn. Hãy cho chúng tôi biết chất lượng về sản phẩm bằng cách đánh giá dưới đây!
