Khóa học Học jQuery từ cơ bản đến nâng cao

Khóa Học jQuery Từ Cơ Bản Đến Nâng Cao là cách nhanh chóng để vận dụng những tính năng tối ưu của nó vào công việc

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

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ácBà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.

Nội dung khóa học 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 00: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 00:14:40

Bài 3: Cài đặt Plugin khác và cách sử dụng 00:08:57

Bài 4: Cài đặt jQuery và ví dụ đầu tiên với jQuery 00:23:35

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ụ 00: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 00:09:16

Bài 7: Xử lý phần html và css 00:09:23

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 0:13:27

Bài 9: Tổng kết kiến thức học từ Bài 1 00: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 00:09:55

Bài 11: One page website phần html 00:05:50

Bài 12: One page website phần css 00:14:07

Bài 13: One page website phần jquery : hàm chuyển động body 00:10:36

Bài 14: One page website phần jquery : giới thiệu hàm offset 00:14:53

Bài 15: Hướng dẫnBài ứng dụng và tổng kết kiến thức project 2 00: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 00:05:08

Bài 17: Quy trình làmBài hiệu ứng và setup ban đầu 00:08:32

Bài 18: Viết mã Html 00:09:36

Bài 19: Viết mã Css 00:10:23

Bài 20: Viết mã jquery: phần xử lý cho nút 00:06:58

Bài 21: Viết mã jquery: phần xử lý hiệu ứng phóng to ảnh 00:10:45

Bài 22: Viết mã jquery: phần xử lý tổng hợp 00:04:59

Bài 23: Tổng kết kiến thức đã học trong project 3 00: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 00:07:40

Bài 25: Giới thiệu các thuộc tính cơ bản của css3 00:17:17

Bài 26: Giới thiệu dòng thuộc tính transform và transition 00:15:40

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

Bài 27: Viết mã Html 00:03:52

Bài 28: Viết mã Css và hiệu ứng 00:17:37

Bài 29: Sử dụng hàm tweenmax cho hiệu ứng load nội dung 00:03:57

Bài 30: Viết mã Html 00:04:11

Bài 31: Viết mã Css 00:06:46

Bài 32: Phần css hiệu ứng 00:07:20

Bài 33: Sử dụng hàm tweenmax kết hợp jquery cho hiệu ứng load thêm 00:11:34

Bài 34: Giới thiệu thuộc tính transition delay cho các ứng dụng khác 00:04:15

Phần 9: Sử dụng animation

Bài 35: Giới thiệu animation 00:05:13

Bài 36: Sử dụng animation 00:10:17

Bài 37: Project 4: Animation làm hiệu ứng load của website - phần 1 html 00:05:03

Bài 38: Project 4: Animation làm hiệu ứng load của website - phần 2 css 00:10:35

Bài 39: Project 4: Animation làm hiệu ứng load của website - phần 3 Chuyển động 00:13:49

Bài 40: Project 5: Animation làm hiệu ứng load của website - phần 1 html 00:05:29

Bài 41: Project 5: Animation làm hiệu ứng load của website - phần 2 css 00:10:48

Bài 42: Project 5: Animation làm hiệu ứng load của website - phần 3 Chuyển động 00:12:20

Bài 43: Tổng kết 00: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 00:05:43

Bài 45: Project 6: Viết hiệu ứng modal box - phần 1 html 00:09:54

Bài 46: Project 6: Viết hiệu ứng modal box - phần 2 css 00:09:44

Bài 47: Project 6: Viết hiệu ứng modal box - phần 3 jquery 00:17:14

Bài 48: Project 6: Viết hiệu ứng modal box - phần 4 Các hiệu ứng slideIn, slideIn Bottom, newspaper

00: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 hiệu ứng slide fall, sticky

00:04:30

Bài 50: Project 6: Viết hiệu ứng modal box - phần 6 Thuộc tính perspective, rotateY(), tâm quay 00:10:13

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 00: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 và các hiệu ứng 00:09:50

Bài 53: Project 7: Push menu sử dụng jquery - phần 1 html và css 00:07:52

Bài 54: Project 7: Push menu sử dụng jquery - phần 2 html 00:05:58

Bài 55: Project 7: Push menu sử dụng jquery - phần 3 Hướng dẫn cácBài ứng dụng khác 00: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 00:05:26

Bài 57: Hiệu ứng apple.com - Phần 1 html 00:05:41

Bài 58: Hiệu ứng apple.com - Phần 2 css 00: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 00: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 00: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 00:04:32

Bài 62: Hiệu ứng apple.com - Phần 6: Phần jquery xử lý cho nút prev 00:07:30

Bài 63: Hiệu ứng apple.com - Phần 7: Phần jquery xử lý cho nút chuyển slide 00: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ện hiệu ứng 00: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 00:02:34

Bài 66: Jquery cho các hiệu ứng slide: hiệu ứng 'let me in' 00: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ết 00: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 00:07:27

Bài 69: Project 8: Hiệu ứng scroll thay đổi header - phần 1 - html 00:05:21

Bài 70: Project 8: Hiệu ứng scroll thay đổi header - phần 2 - css 00:08:22

Bài 71: Project 8: Hiệu ứng scroll thay đổi header - phần 3 - jquery 00:12:19

Bài 72: Project 8: Hiệu ứng scroll thay đổi header - phần 4 - hướng dẫnBài tập áp dụng 00:10:25

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ế 00:10:52

Bài 74: Project 9: Giới thiệuBài và kiến thức sử dụng: scroll, wow js, animate css 00:08:23

Bài 75: Project 9: Bắt đầu xử lý html và css 00:08:46

Bài 76: Project 9: Xử lý hiệu ứng jquery 00:11:25

Bài 77: Project 9: Sử dụng thư viện animate.css kết hợp jquery 00: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 00:10:18

Bài 79: Project 9: Sử dụng thư viện wow.js kết hợp jquery phần 2 jquery 00:12:54

Bài 80:Bài tập cuối chương áp dụng hàm scroll jquery đã học 00:06:42

Bài 81: Tổng kết phần scroll jquery 00: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 00:08:12

Bài 83: Hiệu ứng sắp xếp sử dụng thư viện isotope kết hợp jquery 00:09:32

Bài 84: Hiệu ứng filter phần 1 - viết mã html 00:11:55

Bài 85: Hiệu ứng filter phần 2 - viết mã jquery 00:10:19

Bài 86: Hiệu ứng filter phần 3 - filter bằng cách kết hợp jquery và isotope 00:14:28

Bài 87: Hiệu ứng filter phần 4 - filter bằng cách quicksearch 00:18:18

Bài 88: Tổng kết hiệu ứng filter và sắp xếp 00: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 00:06:12

Bài 90: Cài đặt cơ bản bootstrap và plugin 00:07:08

Bài 91: Hiệu ứng popover 00:09:50

Bài 92: Hiệu ứng tooltip 00:06:44

Bài 93: Hiệu ứng tab 00:10:05

Bài 94: Hiệu ứng modal 00:06:25

Bài 95: Hiệu ứng carousel 00:05:54

Bài 96: Hiêu ứng scrollspy - phần 1 html 00:10:29

Bài 97: Hiệu ứng scroll spy - phần 2 hiệu ứng scroll và animate 00: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 00:10:10

Bài 99: Giới thiệu và ví dụ về tweenmax - phần 1 00:16:41

Bài 100: Giới thiệu và ví dụ về tweenmax - phần 2 00:12:35

Bài 101: Áp dụng tweenmax kết hợp jquery 00:11:58

Bài 102: Giới thiệu TimelineMax 00:15:26

Bài 103: Giới thiệuBài tập luyện tập kiến thức tổng hợp 00:04:42

Bài 104: Hướng dẫn kĩ thuật viết hiệu ứng loading của website 00:09:52

Bài 105: Hướng dẫn kĩ thuật viết hiệu ứng loading của website (Tiếp) 00:10:07

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

Bài 106: Tổng kết kiến thức 00:09:38

Bài 107: Hướng dẫn viết hiệu ứng 00:12:23

Xem Video 001 - 081

0 seconds of 0 secondsVolume 0%

00:00

This video file cannot be played.(Error Code: 224003)

Xem Video 082 - 109

0 seconds of 0 secondsVolume 0%

00:00

This video file cannot be played.(Error Code: 224003)

Thông tin giảng viên: 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.

Giảng viên Thiết kế web tại FPT - Arena. Nguyễn Đức Việt

Với 5 năm kinh nghiệm giảng dạy và làm việc trong lĩnh vực thiết kế web, anh đã đào tạo hàng nghìn học viên đã tốt nghiệp và làm việc trong lĩnh vực thiết kế, đặc biệt là thiết kế web chuyên nghiệp.

Tham gia rất nhiều dự án web cho FPT và các dự án về thiết kế web dựa trên ngôn ngữ lập trình mã nguồn mở.

Tags: