The Ultimate jQuery Course

An excellent guide to learn jQuery from scratch with strong foundation, that turn you into skilled & confident developer
3.9 (15 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
1,098 students enrolled
$19
$20
5% off
Take This Course
  • Lectures 54
  • Length 2.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2015 English

Course Description

The most amazing course of jQuery designed specially, to learn in very simple manner with solid grip and control over the subject.

Are you looking to be a part of multi billion dollar industry ?

Are you looking to increase your income by becoming rock star jQuery developer ?

Are you already a developer, but have confuse knowledge and can not compete with other professional jQuery developers ?

Whatsoever is your aim, The Ultimate jQuery Course is fit for you. You are taking the right course.

This is thorough, economical and life changing course for you.

At the end of course, you will be master of

  • Setting up jQuery
  • Selectors
  • Attributes
  • Filters and Traversing
  • Manipulation
  • CSS
  • Events
  • Effects
  • AJAX
  • Utilities

I will provide you friendly and quick life time support & tips on twitter, facebook, google plus and udemy forums. During the course and after completion of course, you will get 100% free support from me, even after 5 or 10 years or whenever. I will be there for you. if you get stuck during studies or working on any project after completing the course or whatever the case, I will assist you from my forums quickly, friendly and graciously. Teaching people is my passion. I always welcome you to contact me and discuss your issues. It's time to change your life.

What are the requirements?

  • Little basic knowledge of HTML & petite awareness of CSS

What am I going to get from this course?

  • Join multi billion dollar industry of Information Technology
  • Become a part of giant enterprises of market using jQuery tehcnology in their top-noch products
  • Become a jQuery free lancer and start earning thousands of dollars from free lancing web sites
  • Turn out to be a hot cake by world wide acceptance of this plateform independant technology
  • Put jQuery logo on your CV and become a talent hunt for more than 50,000 SME companies searching out for jQuery developer
  • Enter into biggest community on the web and open doors for yourself for a wonderful career as a develpoer and designer

What is the target audience?

  • Anyone who wants to learn web development with jQuery and have zero experience
  • People planing to make a living (or side-income) from jQuery web development
  • Any jQuery developer who is lacking skills, troubles in development and facing less confidence in team

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
Introduction
Preview
04:53
Welcome to jQuery
Preview
01:08
02:44

A brief introduction on jQuery. Why it is used widely and key features of this library that supersede it from others.

05:08

How to download and include jQuery in your web page or project. The two famous methods of including jQuery from local computer or Content Delivery Network.

05:25

A brief description of Document Ready. Why it is require and benefit of using it.

Section 2: Selectors
01:37

A vivid introduction to selectors. You will know what are they and what's their purpose in library. You will also know about five types of it.

04:18

A brief introduction of name selector. How to select DOM elements with it and its scope.

02:47

The insight of id selector. Its importance and its wide usage over web page

02:15

One of most commonly used selector is class selector. Detail introduction of it and its usage.

01:26

jQuery has immense power over a web page. Universal selector is its example. It is not widely used but this lesson cover this feature too.

02:47

jQuery have variety of functionality. Multiple selector allows to select multiple elements at a time. This video describe all that. How to target more than one element simultaneously.

2 questions

Now we have studied selectors types so far and I want to put up a quiz. The purpose of quiz is not to confuse you, but it will help you to apply the knowledge practically. If you try to learn judo karate, you will see your coach would train you first tact individually, like different kicks and punches, and then let you apply those techniques in practice fight, a process called some thing like 'katay'. So I want you to train practically for real world. Ok, please first see the quiz file

Section 3: Attributes
00:29

A fleeting introduction with attributes. jQuery dealing with them and their importance.

04:22

The library give developer community power to access and alter the attributes of DOM elements. This lecture teaches how to do that. How to get and set attribute's value of HTML element

02:16

Developers of jQuery can play with CSS on elements. addClass methods allows to add CSS classes to a HTML element. See this video tutorial, how to do it.

04:56

This is another diversity of CSS genre jQuery methods. We can verify either an element contains any specific class or not with the help of jQuery.

01:57

We can remove already applied CSS classes from HTML elements on the fly. This lecture cover this important topic.

03:22

There is another great functionality of jQuery. This is toggle. This lesson covers its use for beautifying page and switching classes on/off.

3 questions

The purpose of this quiz is to judge your knowledge level on jQuery attributes. This quiz is based on multiple choice questions. These questions are about attribute methods, their role and usage in daily life of coder.

Section 4: Filters & Traversing
05:16

This video teach how simple filters allows jQuery developers to capture any element within parent element. Filters optimize code and access to elements robustly.

06:35

The use of complex filters with the combination of CSS method, CSS pseudo classes and chaining of methods.

3 questions

Welcome to the quiz for Filters & Traversing. I will judge your knowledge and skills you have learn so far. The purpose of quiz is you can be sure where you stand. If you pass the quiz, hats off to you otherwise, you can see the videos again for improvise.

Section 5: Manipulation
00:34

Introduction to manipulation of content with the help of jQuery. How jQuery caters content manipulation in a simple manner.

04:12

Before diving into manipulation, a brief introduction of 'this' special keyword. Its concept, usage and scope.

03:02

We can read and write html to any targeted element. This segment gives introduction and how to achieve that.

02:05

jQuery also offers to its developers to read and write text to html elements. This lesson is dedicated to this functionality.

02:09

Similar to HTML and text, there are also values inside input elements. The val method empower us to access it and alter it.

02:20

Replace with is another powerful method offered by jQuery. This lesson cover it all and its usage.

02:29

We can remove elements from a web page. This magical method is taught inside this lecture.

04:42

jQuery also allows us to insert content to a web page. This is coverage of insert functionality.

02:08

There are certain conditions in development when we need to add more data to previous one, instead of overwriting it. This lecture teaches the way, how to attain it.

4 questions

Welcome to quiz for manipulation. This quiz is designed to determine your capabilities for manipulation of jQuery. It consist of various manipulation methods that you will deal in daily life. These manipulation methods rules over the web page and empower you to play with HTML DOM elements.

Section 6: CSS
00:29

A glance look over jQuery-powered CSS capabilities. jQuery can deal with look and feel of a web site and play with stylesheet.

03:15

css method is one of most utilized one for changing the make up of a HTML page. In this video, there is coverage how to do that broadly used feature in jQuery programming.

01:50

We can alter the width of DOM elements. This video teach that special feature to change the size of an element.

02:11

Similarly to width, we can adjust the height of elements too by this method. Height can give access to change any targeted element height.

4 questions

Here we are with CSS quiz. A quick overview of your learning in CSS section. It consist of questions related of jQuery based CSS methods, and make sure you have grasp good knowledge on these methods.

Section 7: Events
00:31

One of most complex concept of jQuery is event. Sometimes It takes several years to understand the nature of events and their infrastructure. My several years of experience in jQuery resulted in a very simple design of this module. A very simple approach to understand events and all related stuff.

09:17

What are events. How they trigger and how to capture them. This video lesson is dedicated to events, its types, event handler & binding.

03:36

This covers event object. How to parse it to event handler (callback function) and access its properties inside it.

4 questions

Hi guys. This quiz is intended to inspect your knowledge on this section. The series of questions are covering events nature and technical terminologies used for them. It testify your familiarity on events and their usibility.

Section 8: Effects
00:43

We can use animations on a web page by effects. An overview of this genre and its supermacy.

02:02

An element on web page can be hide from viewing to user. This lesson will demonstrate, how to do that.

02:10

We can also show a hidden element on a web page. This segment teach that method in a simple way.

02:10

There is diversity of available methods presented by jQuery. toggle method can hide or show any targeted element like a switch turn on/off. See this illustrated video to understand it.

01:13

This is another genre of effects based methods. The video describes how to fade in an element.

01:09

Fade out is reverse of fade in. This simple video is for learning of fade out effect.

01:11

Along with other great animations, slide up is another magical method to attain animation.

01:13

Slide down is vice versa of slide up.effect. See the video to get slide down in action.

4 questions

I greet you to the quiz for Effects. The aim of this questionnaire is to check your skills on effects for jQuery. The questions are based on effects methods powered by jQuery as we learn. The purpose of this quiz is to determine that you are ready to apply various effects on HTML elements.

Section 9: Ajax
00:51

jQuery provides its own ajax based methods, which are flaw less, error free and easy to use. See the introduction to them and have a flight with them.

03:37

load method is one of great method of ajax category. This video tutorial guide how to use it and mean to apply it in real world.

05:59

Post method uses post technique to send content to another file. This video cover post method.

02:45

Get method use get http request to send data to other file. This video cover how to parse parameter, use target file as content supplier and call back function after success.

4 questions

This quiz is intended to know your knowledge level on AJAX based jQuery methods.

Section 10: Utility
00:32

This will provide an introduction on jQuery common methods that supersede JavaScript functions used for common tasks in JS programming.

07:11

An important iterative loop for arrays, DOM objects. Its usage and implementation.

03:39

We can parse JSON into JavaScript object very simply by this method. Learn how to do that.

06:20

jQuery is incredible at web page. parseHTML can investigate inside a HTML formatted string. See the video for understanding it.

04:28

We can get the index number of any value of array by using this method.

03:40

Merging to two arrays into one. This video teach how to do that and what are the results after merging of arrays.

03:41

Trim method allow to strip out extra spaces from both sides or any side of a string. This video will teach how to work out for it.

4 questions

This quiz is designed to judge your skills over general utilities of jQuery.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Abdul Basit, Instructor, Senior Web Developer

I'm Abdul Basit, Senior Web Developer & Designer with 13+ years of experience. I love to develop and design clean and functional websites. Moreover, I am also an Instructor, Teacher & Consultant at various software houses and IT institutions.

I have been repeatedly recognized for developing innovative solutions for multi million-dollar, globally deployed web applications and systems. Known for excellent client-facing skills, I have participated in the development contracts that have landed six-figure payout. I also excel in merging business and user needs into high-quality, cost-effective design solutions while keeping within budgetary constraints.

My technical expertise includes cross-platform proficiency; fluency in several scripting/programming languages (including PHP, JavaScript, VB, ActionScript & SQL); and advanced knowledge of developer applications, tools, methodologies and best practices (including OOP, client/server architecture and self-test automation).

Ready to start learning?
Take This Course