The Complete jQuery Course: From Beginner To Advanced!

Use jQuery to create stunning animations, provide fast feedback forms, handle all user events and perform Ajax calls.

4.48 (8472 reviews)

Udemy

platform

English

language

Web Development

What you will learn

Add beautiful effects & animations to your sites

Use AJAX to add content a the page dynamically from APIs like Flickr and TheMovieDB

Create dynamic websites that users enjoy

Handle arbitrary user events such as mouse clicks and keyboard presses

Add fast feedback and validation for forms using jQuery

Manipulate the appearance and content of any element on the page

Why take this course?

Have you always wanted to learn how to develop professional dynamic websites using JavaScript & jQuery but you just don't know where to start?

Or maybe you have started but you just don't know how.

Then the “Complete jQuery Course: From Beginner To Advanced” is for You!

_________________________________________________________________________

Welcome To the “Complete jQuery Course: From Beginner To Advanced.”

⇉ Join 800,000+ Students Who Have Enrolled in our Udemy Courses!

⇉ 10,000+ Five Star Reviews Show Students Who Enroll in our Courses get Results!

⇉ You Get Over 51 Lectures and 6+ hours of premium content

⇉ Watch the Promo Video to see how you can Get Started Today!

_________________________________________________________________________

What do you get with this course?

Hours of easy-to-watch video lessons
Resources on Github
Practical activities
Instructor support if you have any questions
Community of students ready to help

What will you learn in this “Complete jQuery Course: From Beginner To Advanced.”

In short, you'll learn it all! Seriously, our goal is to make the most comprehensive jQuery course out there - not filled with fluff, but filled with only the most actionable and latest tips and strategies. We'll be updating this course periodically to make sure we're covering any change with jQuery.

You'll start by an overview of the jQuery course and learn about JavaScript frameworks, then set up the editor.

You'll then start by learning effects and animations like fading in/out elements, showing and hiding elements, sliding elements up and down, moving elements, custom animations, delaying and chaining animations, and timing animations using callback functions.

Once you understand the effects and animations, you will learn about element selectors, manipulating the DOM like inserting, replacing and removing elements, changing element data and CSS. You will also learn events like handling mouse events & keyboard events, forms, and Ajax with jQuery.

By the end of our course you will be able to:

Add beautiful effects & animations to your sites
Use AJAX to add content a the page dynamically from APIs like Flickr and TheMovieDB
Create dynamic websites that users enjoy
Handle arbitrary user events such as mouse clicks and keyboard presses
Add fast feedback and validation for forms using jQuery
Manipulate the appearance and content of any element on the page

Ready to get started?

Once you enroll we recommend students to install their favorite editor on their computers, download jQuery and access APIs, to follow along.

_____

See What Current Students Are Saying About Our Course:

“Good demonstrations on how to use various jQuery methods. As a beginner, I really liked the mini-challenges spread throughout most of the lectures.”
-Lamont Wilson

“It was perfect for my level of expertise. The end result catapulted me ahead with a much better understanding of not only jquery, but with a few well-placed examples, also JavaScript and debugging.”
-Larry Loreman

“A very well laid out class, it truly is a beginner to advanced course. It does help to have at least an introductory level of knowledge to Javascript. My favorite part is that all the course code is available on Github, which allows you to download each sections code so you can troubleshoot against mistakes you may have made along the way.”
-Lindsey Higginbotham

_____

Who are your instructors?

We are Joe Parys and Peter Sommerhoff, creatives who have taught over 800,000+ students around the world with our online courses, tutorials and other content. Peter Sommerhoff is the lead instructor for this course, bringing his wealth of knowledge in JavaScript and jQuery. Joe Parys is the Bestselling Online Instructor, Digital Marketing Expert and Leader in the eLearning industry. He is the CEO of the Joe Parys Academy serving more than 1,000,000+ students in more than 100+ co-authored courses from 190 countries all around the world.

Our goal is to show you the real world and practical ways to start using jQuery with confidence today!

_________________________________________________________________________

With the right mindset, understanding, and application, you will instantly begin learning how to use jQuery.

When I learn something new I add it to the course - at no additional cost to you! This is a course that will continue to add more and more to every aspect of your life.

What I can't do in this Course..

I can't guarantee your success – this course does take work on your part. But it can be done!

I am also not responsible for your actions. You are responsible for 100% of the decisions and actions you make while using this course.

_________________________________________________________________________

It's time to take action!

Our happiness guarantee

This course includes a money back guarantee, so there is no risk to try it out. Sign up today, see if it's the right one for you.

Enroll now.

Sincerely,

Joe Parys and Peter Sommerhoff.

Content

Introduction

Welcome To The Complete jQuery Course! Learn What This Course Can Do For You!

How To Use This Course To Gain Its Maximum Benefits & Learn jQuery Quickly

A Quick Overview of JavaScript and jQuery

Overview of JavaScript Frameworks

Setting Up The Editor

Code is Accessible on GitHub

Effects – Animations

Setting Up The jQuery Project

Fading In Elements (and Fading Them Out Again)

A Pitfall With fadeIn/fadeOut vs. fadeTo

Showing And Hiding Elements

Sliding Elements Up And Down

Moving Elements

Get Creative: Custom Animations!

Delaying and Chaining Animations

Timing Animations Using Callback Functions

Coding Activity: Creating a Signup Lightbox!

Element Selectors

Using CSS Selectors in jQuery

jQuery Methods for Traversal

jQuery Methods for Filtering

Manipulating the DOM I – Inserting, Replacing and Removing Elements

What is the DOM?

Adding New Elements to the DOM

Replacing Elements and Content

Removing Elements and Content

Manipulating Attributes and Properties

Coding Activity: Creating an Image Slideshow!

Manipulating the DOM II – Changing Element Data and CSS

Changing the CSS Properties of Elements

Adding or Removing CSS Classes

Changing the Data of an Element

Retrieving and Changing the Content of an Element

Events I ‒ Handling Mouse Events & Keyboard Events

What are Events and Event Handlers?

Adding Click Handlers

Adding Hover Handlers

Adding MouseEnter & MouseLeave Handlers

Adding the Same Handler for Multiple Events

Modularizing Event Handlers (No More Inline Functions)

Delegated Events

Passing Additional Data to Events

Coding Activity: Creating an Image Gallery with Lightbox Preview

Handling KeyDown & KeyUp Events

Events II ‒ Forms

The Focus & Blur Events

Using the Change Event

Handling the Submit Event

Coding Activity: Complete Form Validation on Submit

Coding Activity: Fast Feedback Form

Ajax with jQuery

What is Ajax?

Fetching a Server File with jQuery

Retrieving Flickr Images Through the Flickr API (+Understanding JSON)

Coding Activity: Retrieving Pokémon Data from The PokéAPI (Or Star Wars)

Coding Activity: Improving the Pokédex

Conclusion

Course Summary and Conclusion! What Have We Learned In This Course?

Want More?! Watch Our Special Bonus Lecture & Continue Learning With Us Today!

Screenshots

The Complete jQuery Course: From Beginner To Advanced! - Screenshot_01

The Complete jQuery Course: From Beginner To Advanced! - Screenshot_02

The Complete jQuery Course: From Beginner To Advanced! - Screenshot_03

The Complete jQuery Course: From Beginner To Advanced! - Screenshot_04

Our review

🏅 **Course Overview** --- **Global Course Rating**: 4.48 This jQuery course has received consistently high marks from recent reviewers, with an average rating of 4.48 out of 5 stars. The feedback indicates a well-paced instructional approach that is clear and effective in teaching the essentials of jQuery. The course's structure, which includes small tasks to practice newly learned skills, has been particularly appreciated by learners. **Pros** - **Instructional Pacing**: Reviewers have praised the pace at which the course is delivered, with explanations being clear and understandable. - **Practical Examples**: The hands-on approach, with real examples and subtle tips and tricks included, has been a hit among learners. - **Foundation for Further Learning**: The course is designed to give learners a solid foundation in jQuery, leaving them excited to explore more advanced topics on their own. - **No Unnecessary Information**: Content is reported to be concise and directly to the point, with no unnecessary information included. **Cons** - **Limited Ajax Coverage**: Some reviewers have noted a desire for more content, especially regarding Ajax calls within jQuery. - **Target Audience Ambiguity**: The course seems to target those with some prior knowledge of coding, particularly JavaScript and HTML/CSS, which might make it less suitable for complete beginners. - **Lack of Ongoing Support**: Several reviewers have mentioned that the course is now unsupported, with no answers to questions in the Q&A section, and this appears to have been the case for years. - **Advertising Issues**: The inclusion of an advertisement for additional courses in the final lecture has been a point of contention, as it seems out of place and off-topic for those learning code or web development. **Additional Feedback** - **Responsive Instructor**: The instructor's clear explanation and comprehensible accent have been positively received. - **Coding Exercises**: Reviewers have found the coding exercises to be simple copies of provided code with some modifications, which may not be sufficient for a deep understanding of jQuery. - **Potential for More Complex Projects**: There is an expectation for future content that includes more complex HTML, CSS, and jQuery projects to tackle difficult functionalities. **Learner Sentiment** Overall, the course has been well-received for its clear instruction and practical approach to learning jQuery. However, potential learners should be aware of the prerequisite knowledge required and the current lack of support from the instructor. Despite this, the course is still considered valuable, particularly if found at a significant discount. **Recommendation** If you have some background in web development or programming and are looking for a course to solidify your understanding of jQuery, this course could be a great fit. However, if you're a complete beginner, you might want to consider alternative courses that provide a more comprehensive introduction to the basics before diving into jQuery. Remember to check if the course is actively supported and whether your questions will be answered before enrolling.

Charts

Price

Rating

Enrollment distribution

The Complete jQuery Course: From Beginner To Advanced! - Distribution chart