The Complete jQuery Course 2020: Build Real World Projects!
2.9 (76 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
14,974 students enrolled

The Complete jQuery Course 2020: Build Real World Projects!

Learn jQuery to Add Animations, Handle User Events, Perform Ajax Request to any website! Projects, DOM, Events, Ajax
2.9 (76 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
14,974 students enrolled
Created by Md. A. Barik
Last updated 6/2019
English
English [Auto]
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4.5 hours on-demand video
  • 62 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Adding animations and transitions to any websites
  • Using ajax to fetch data from database silently
  • Handling events like mouse events, keyboard events, form events
  • Manipulating content on any elements
  • Building real world projects
  • Scroll Top
  • Stick Navigation
  • Stopwatch
  • Beautiful image slider
Course content
Expand all 62 lectures 04:40:07
+ First Step
3 lectures 07:20
Framework vs Library
04:38
What is DOM
01:03
What are selectors
01:39
+ Selectors
11 lectures 55:42
Select elements by tag name
08:44
Select elements by class name
05:37
Select elements by id name
04:56
Select elements by attribute
06:06
Parent selectors
06:25
Child selectors
06:51
Odd, Even selectors
04:34
Prev, next
02:48
First last not and filter
03:15
EQ Selectors
05:46
+ CSS selector methods
7 lectures 27:51
Section introduction
00:26
Setting elements width and height
04:11
InnerHeight, innerWidth, outerHeight, outerWidth
04:47
Offset and Position
05:25
scrollLeft
02:28
scrollTop
01:35
+ DOM Manipulation (Insertions)
8 lectures 21:27
Section introduction
00:44
Insertion around: wrap method
03:13
Insertion around: wrapAll, wrapAround method
02:51
Insertion inside: append, appendTo method
03:18
Insertion inside: html method
02:57
Insertion inside: prepend, prependTo method
02:57
Insertion inside: text method
02:21
Insertion outside: before, after, insertBefore, insertAfter
03:06
+ DOM Manipulation (remove, replace and more)
6 lectures 25:25
Section introduction
00:23
Removing elements
03:58
Replacing elements
01:52
Manipulating attributes and properties
05:46
Working with classes
05:32
Working with data attributes
07:54
+ Events
8 lectures 45:57
Section Introduction
00:25
Basics introduction to events
03:22
Mouse events
08:10
Keyboard events
11:47
Window and on events
07:45
Form events
11:40
Challenge
00:34
Solution of the challenge
02:14
+ Transitions and Animations
6 lectures 19:10
Section introduction
00:36
Transitions and Animations: show and hide methods
03:15
Transitions and Animations: fadeIn and fadeOut methods
03:14
Transitions and Animations: slideUp and slideDown methods
03:55
Transitions and Animations: Custom animations
04:33
Transitions and Animations: Timing animations
03:37
+ AJAX
5 lectures 29:17
Section introduction
00:28
AJAX: LOAD
06:15
AJAX: GET
03:21
AJAX: POST
08:57
Fetching MySQL Database using AJAX
10:16
Requirements
  • Basics JavaScript Knowledge
  • Basics HTML and CSS Knowledge
Description

Welcome to the "The Complete jQuery Course 2020: Build Real World Projects!"

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

So, jQuery is a lightweight, "write less, do more", JavaScript library. The purpose ofjQuery is to make it much easier to use JavaScript on your website!

This is project based course. We will not just learn jQuery but we will build projects!


What you will learn it this course?

Selectors

CSS Selector methods

DOM Manipulation : Insertions

DOM Manipulation : remove, replace and more

Working with events

Transitions and Animations

Ajax : Get data from database, send data to server and more

Driving bus with arrow up + arrow right + arrow bottom + arrow left key [Keyboard Events]

Building Scroll Top : Back to stop

Working with sticky navigation

Making an awesome digital clock

Creating a beautiful  image slider


No worries, 30 Days Money back guarantee. So nothings to lose!


See you inside!

Who this course is for:
  • Want to learn jQuery
  • Who wants to implement jQuery to their website
  • Who wants to expand their jQuery knowledge