Học jQuery cơ bản đến nâng cao qua 20 bài tập

JQuery và 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



Tìm Hiểu Thêm

Mô tả khoá học

Tại sao nên học jQuery?

– Với sự phát triển nhanh chóng của Internet, người dùng ngày càng đòi hỏi
cao hơn về giao diện và hình thức của một trang Web.
– Nếu như trước đây, một trang Web có banner, nội dung và footer đơn giản
đã được coi là đẹp thì ngày nay, một trang Web có banner bắt mắt, nội dung
lôi cuốn kèm theo các hiệu ứng mới lạ mới có thể thu hút được người đọc lâu
dài.
Đây cũng chính là nguyên nhân mà các 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 đó là jQuery – công cụ giúp bạn
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.

Vậy bắt đầu học jQuery như thế nào?

– Rất nhiều lập trình viê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à như thế nào.
Chính vì vậy, Edumall mang đến cho bạn khóa học “jQuery cơ bản đến nâng
cao” 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 giúp phụ họa nội
dung; lấy thông tin từ server mà không cần tải lại trang web; 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.

Sau khóa học này, bạn sẽ

– Sử dụng thành thạo jQuery.
– Có khả năng lập trình và quản trị 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.

HẸN GẶP LẠI CÁC BẠN TRONG KHÓA HỌC!

Yêu cầu của khóa học

  • Có máy tính kết nối với internet.
  • Sử dụng tai nghe để học.

Lợi ích từ 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, jQuery 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 mục tiêu

  • 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 để cải thiện chất lượng và năng suốt công việc
  • Những người 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 này 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
 Bài 1: Giới thiệu jQuery 0: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 0:14:40
 Bài 3: Cài đặt Plugin khác và cách sử dụng 0:08:57
 Bài 4: Cài đặt jQuery và ví dụ đầu tiên với jQuery 0: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ụ 0: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 0:09:16
 Bài 7: Xử lý phần html và css 0: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 0: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 0:09:55
 Bài 11: One page website phần html 0:05:50
 Bài 12: One page website phần css 0:14:07
 Bài 13: One page website phần jquery : hàm chuyển động body 0:10:36
 Bài 14: One page website phần jquery : giới thiệu hàm offset 0: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 0: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 0:05:08
 Bài 17: Quy trình làm bài hiệu ứng và setup ban đầu 0:08:32
 Bài 18: Viết mã Html 0:09:36
 Bài 19: Viết mã Css 0:10:23
 Bài 20: Viết mã jquery: phần xử lý cho nút 0:06:58
 Bài 21: Viết mã jquery: phần xử lý hiệu ứng phóng to ảnh 0:10:45
 Bài 22: Viết mã jquery: phần xử lý tổng hợp 0:04:59
 Bài 23: Tổng kết kiến thức đã học trong project 3 0: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 0:07:40
 Bài 25: Giới thiệu các thuộc tính cơ bản của css3 0:17:17
 Bài 26: Giới thiệu dòng thuộc tính transform và transition 0:15:40
 Phần 8: Áp dụng transition làm hiệu ứng
 Bài 27: Viết mã Html 0:03:52
 Bài 28: Viết mã Css và hiệu ứng 0:17:37
 Bài 29: Sử dụng hàm tweenmax cho hiệu ứng load nội dung 0:03:57
 Bài 30: Viết mã Html 0:04:11
 Bài 31: Viết mã Css 0:06:46
 Bài 32: Phần css hiệu ứng 0:07:20
 Bài 33: Sử dụng hàm tweenmax kết hợp jquery cho hiệu ứng load thêm 0:11:34
 Bài 34: Giới thiệu thuộc tính transition delay cho các ứng dụng khác 0:04:15
 Phần 9: Sử dụng animation
 Bài 35: Giới thiệu animation 0:05:13
 Bài 36: Sử dụng animation 0:10:17
 Bài 37: Project 4: Animation làm hiệu ứng load của website – phần 1 html 0:05:03
 Bài 38: Project 4: Animation làm hiệu ứng load của website – phần 2 css 0:10:35
 Bài 39: Project 4: Animation làm hiệu ứng load của website – phần 3 Chuyển động 0:13:49
 Bài 40: Project 5: Animation làm hiệu ứng load của website – phần 1 html 0:05:29
 Bài 41: Project 5: Animation làm hiệu ứng load của website – phần 2 css 0:10:48
 Bài 42: Project 5: Animation làm hiệu ứng load của website – phần 3 Chuyển động 0:12:20
 Bài 43: Tổng kết 0: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 0:05:43
 Bài 45: Project 6: Viết hiệu ứng modal box – phần 1 html 0:09:54
 Bài 46: Project 6: Viết hiệu ứng modal box – phần 2 css 0:09:44
 Bài 47: Project 6: Viết hiệu ứng modal box – phần 3 jquery 0: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 0: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 0: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 0: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 0: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 0:09:50
 Bài 53: Project 7: Push menu sử dụng jquery – phần 1 html và css 0:07:52
 Bài 54: Project 7: Push menu sử dụng jquery – phần 2 html 0: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ụng khác 0: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 0:05:26
 Bài 57: Hiệu ứng apple.com – Phần 1 html 0:05:41
 Bài 58: Hiệu ứng apple.com – Phần 2 css 0: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 0: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 0: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 0:04:32
 Bài 62: Hiệu ứng apple.com – Phần 6: Phần jquery xử lý cho nút prev 0:07:30
 Bài 63: Hiệu ứng apple.com – Phần 7: Phần jquery xử lý cho nút chuyển slide 0: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 0: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 0:02:34
 Bài 66: Jquery cho các hiệu ứng slide: hiệu ứng ‘let me in’ 0: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 0: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 0:07:27
 Bài 69: Project 8: Hiệu ứng scroll thay đổi header – phần 1 – html 0:05:21
 Bài 70: Project 8: Hiệu ứng scroll thay đổi header – phần 2 – css 0:08:22
 Bài 71: Project 8: Hiệu ứng scroll thay đổi header – phần 3 – jquery 0:12:19
 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 0: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ế 0:10:52
 Bài 74: Project 9: Giới thiệu bài và kiến thức sử dụng: scroll, wow js, animate css 0:08:23
 Bài 75: Project 9: Bắt đầu xử lý html và css 0:08:46
 Bài 76: Project 9: Xử lý hiệu ứng jquery 0:11:25
 Bài 77: Project 9: Sử dụng thư viện animate.css kết hợp jquery 0: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 0:10:18
 Bài 79: Project 9: Sử dụng thư viện wow.js kết hợp jquery phần 2 jquery 0:12:54
 Bài 80: Bài tập cuối chương áp dụng hàm scroll jquery đã học 0:06:42
 Bài 81: Tổng kết phần scroll jquery 0: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 0:08:12
 Bài 83: Hiệu ứng sắp xếp sử dụng thư viện isotope kết hợp jquery 0:09:32
 Bài 84: Hiệu ứng filter phần 1 – viết mã html 0:11:55
 Bài 85: Hiệu ứng filter phần 2 – viết mã jquery 0:10:19
 Bài 86: Hiệu ứng filter phần 3 – filter bằng cách kết hợp jquery và isotope 0:14:28
 Bài 87: Hiệu ứng filter phần 4 – filter bằng cách quicksearch 0:18:18
 Bài 88: Tổng kết hiệu ứng filter và sắp xếp 0: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 0:06:12
 Bài 90: Cài đặt cơ bản bootstrap và plugin 0:07:08
 Bài 91: Hiệu ứng popover 0:09:50
 Bài 92: Hiệu ứng tooltip 0:06:44
 Bài 93: Hiệu ứng tab 0:10:05
 Bài 94: Hiệu ứng modal 0:06:25
 Bài 95: Hiệu ứng carousel 0:05:54
 Bài 96: Hiêu ứng scrollspy – phần 1 html 0:10:29
 Bài 97: Hiệu ứng scroll spy – phần 2 hiệu ứng scroll và animate 0: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 0:10:10
 Bài 99: Giới thiệu và ví dụ về tweenmax – phần 1 0:16:41
 Bài 100: Giới thiệu và ví dụ về tweenmax – phần 2 0:12:35
 Bài 101: Áp dụng tweenmax kết hợp jquery 0:11:58
 Bài 102: Giới thiệu TimelineMax 0: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 0:04:42
 Bài 104: Hướng dẫn kĩ thuật viết hiệu ứng loading của website 0:09:52
 Bài 105: Hướng dẫn kĩ thuật viết hiệu ứng loading của website (Tiếp) 0:10:07
 Phần 17: Tổng kết khóa học
 Bài 106: Tổng kết kiến thức 0:09:38
 Bài 107: Hướng dẫn viết hiệu ứng 0:12:23

Đăng Ký Học Ngay

 

Trả lời

Email của bạn sẽ không được hiển thị công khai.