Học jQuery từ cơ bản đến nâng cao
|
Bài giảng: 107 bài học/ 17 giờ 02 phút Học viên đăng ký: 52 Giá gốc: 800,000 VNĐ Ưu đãi còn: 480,000 VNĐ |
Bài giảng: 107 bài học
Thời lượng: 17 giờ 02 phút
Học viên đăng ký: 52
Giá gốc: 800,000 VNĐ
Ưu đãi còn: 480,000 VNĐ (giảm 40% áp dụng đến ngày 26/04)
Giới thiệu khóa học
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” 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.
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, 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.
Lợi ích khóa học
- Học được cách 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ì
Đối tượng đào tạo
- Những Web Developers, Web Designers, người lập trình ứng dùng, thiết kế app, phát triển app muốn nâng cao năng lực và kỹ năng nghề nghiệp
- Những ngừoi muốn giải quyết các vấn đề lớn của nhu cầu web chất lượng cao hiện nay: web đơn giản, hiệu quả, và responsive.
- Những người đã và đang muốn khởi nghiệp từ lập trình.
- Bất kỳ ai đam mê, yêu thích công việc lập trình muốn học hỏi thêm kiến thức về jQuery
- Đặc biệt khoá học cũng dành cho những người chưa biết gì javascript jquery vì mọi hàm jquery sẽ được giới thiệu trong quá trình làm coi như học từ đầu.
- Khoá học dành cho tất cả mọi người dù không biết lập trình, dù ở độ tuổi nào miễn là có đam mê với lập trình.
Nội dung khóa học
Phần 1 : Tổng quan về jQuery
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
- 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
Phần 3 : Giới thiệu 3 phần quan trọng của jQuery
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
- 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
Quyền lợi học viên
Được học đi học lại, học mọi lúc mọi nơi
Được đặt câu hỏi cho giảng viên, trao đổi cùng các học viên khác trong phần "thảo luận" khóa.
Được giảng viên hỗ trợ trực tiếp thông qua nhóm Facebook, giao lưu cùng những học viên khác trên nhóm.
Giảng viên có thể tổ chức các buổi giao lưu trực tuyến hoặc trực tiếp
Được hoàn trả 100% học phí nếu nội dung khóa học không như mong đợi
Đã có 52 học viên đăng ký học khóa này (cập nhập ngày 23/04/2024)
Giá gốc: 800,000 VNĐ
Ưu đãi còn: 480,000 VNĐ (giảm 40% áp dụng đến ngày 26/04)
