The Complete jQuery Course: From Beginner To Advanced!

4.4 (2164)
Learning paid
6 hours course
Course by Udemy
$ 129.99
$ 129.99
What will you 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
About the course

Welcome To The Complete jQuery Course: From Beginner To Advanced! 

⇉ Watch the promo video To See How You Can Begin Using jQuery Today! 

⇉ This Course is MASSIVE! You receive over 6+ hours of video & 50+ lectures!

⇉ Join Over 275,000+ Students Who Have Enrolled In My Udemy Courses This Year!

⇉ 7,500+ Five Star Reviews on our courses prove Students Who Enrolling Are Getting Real Results!

Then this course is for you! Click "Take This Course Now" For Instant Life-Time Access!

Here Is Everything You Will Learn In Our Complete jQuery Course: 

This course covers jQuery from start to end. You'll learn the ins and outs of developing professional dynamic websites using JavaScript & jQuery. Topics included in the course include:

  • Effects & Animations: Make your site come alive with jQuery's animation utilities and enhance your the responsiveness of your design to user behavior and input. Beautify your site with elegant animations, e.g. fading in elements, sliding in submenus and highlighting selected elements.
  • DOM Manipulation: Change the contents and appearance of any element in the DOM, even dynamically added ones. Select any element with ease and modify its CSS styles, positioning, content text, image src, or whatever you can think of.
  • Learn AJAX: Discover how to fetch and add content to your page dynamically without reloading. Fetch images from Flickr, movies from TheMovieDB and display all using jQuery's user-friendly syntax.
  • Event Handling: Learn how to handle any user input events, including mouse clicks and keyboard input. Use keyboard input to create a simple game with a main player moving around using the arrow keys.
  • Form Validation: Create a fast-feedback form that notifies your users of incorrectly formatted input before even submitting the form. Additionally, perform basic validation checking with jQuery before sending the form data to the server.

Inside the course, you'll not only have life-long access to all the lectures but also to us. We'll be there to personally answer all your questions and help you get the most out of this course. Also, you can always let us know any suggestions and wishes you have to improve the course. Additionally, we'll include all the resources you need to fully follow along, including the project code, configurations, presentation slides etc.

The ideal student for this course should have a basic understanding of HTML & CSS, though we'll briefly recap CSS selectors (which are really important in jQuery). A basic understanding of JavaScript or another programming language is beneficial but not required, we'll briefly talk about JavaScript and other JavaScript frameworks before finally diving into jQuery.

The course is structured in a way that you will get hands-on experience as fast as possible. Still, we'll be covering some general concepts about JavaScript, jQuery and other frameworks as well. However, we want you to get your hands dirty because the only way to actually learn a programming language (or a framework) is to really get into the code yourself!

You should definitely take this course if you can identify with one of the following:

  • I know HTML & CSS and want to expand my knowledge to work as a web developer.
  • I'm a web developer with knowledge about JavaScript and want to learn jQuery to speed up my development and introduce fewer bugs.
  • I'm a student interested in web design & web development and want to learn to create awesome & beautiful sites in less time
  • There may be many more reasons to take this course. In any case, jQuery will increase your productivity with JavaScript significantly and enable you to create more sophisticated functionality with minimum work.

    With the right mindset, understanding, and application of the teachings in this course, you will instantly begin to move towards mastering jQuery in no time! 

    When we 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.

    In addition to the Udemy 30-day money back guarantee, you have my personal guarantee that you will love what you learn in this course. If you ever have any questions please feel free to message us directly and we will do our best to get back to you as soon as possible!

    What I can't do in this Course..

    I can't guarantee your success – this course does take work on your part. But You Can Do It!

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

    This course will not remain this price forever! It's time to take action!

    Click the "take this course" button at the top right now!

    every hour you delay is costing you money

    See you in the course!


    Joe Parys & Peter Sommerhoff

    Understand what jQuery is, how to use it and why you should.
    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
    JavaScript is the most popular programming language for client-side web development and crucially important for any programmer really - even if you're not directly a web developer. It allows you to add dynamic behavior to your website and fetch information from external sources and APIs.jQuery is the most popular JavaScript framework used by all major companies like Yahoo, Amazon, Pinterest as well as more than half of all websites on the internet altogether! jQuery is a skill you need for many jobs today, not only as a web developer. Take a step ahead and learn jQuery from the ground up!jQuery 1.12 and jQuery 2.1 are functionally the same but the jQuery 2.1 is smaller (saving file size) by abondoning support for IE 6, 7, and 8. In this course, you'll use jQuery 1.12 in its minified form (again, saving file size).
    Overview of JavaScript Frameworks
    What is a framework?
    1. Yahoo! User Interface Library (YUI)
    2. Dojo Toolkit: Aimed at enterprise-scale development and experienced programmers
    3. Mootools: Targets animations and effects in particular
    4. Underscore.js: More lightweight but without visual effects, DOM manipulation or Ajax.
    Advantages of jQuery: huge developer base (you find answers to any questions online), relatively small file size (~80k), friendly API using a lot of knowledge from CSS, used by Amazon, Microsoft, Craigslist, MSN, Pinterest, ...
    Setting Up The Editor
    This lecture guides you through the installation of a text editor you can use to write your JavaScript / jQuery code. The editor used in the course is Sublime Text 3 which you can download for free, but you can also use another editor (or IDE) that you're familiar with if you want to.
    Code is Accessible on GitHub
    This course comes with accompanying code on GitHub for you to check out and compare with.
    Effects – Animations
    Add various animations to your website to enhance user experience and make your site more dynamic, including fading elements in & out, sliding elements, and custom animations.
    Setting Up The jQuery Project
    You can add jQuery to your project using the HTML <script> tag and referencing the official jQuery CDN (Content Delivery Network) as the source. That's all you need, you can now use jQuery in any JavaScript scripts on your site.All jQuery code is normally wrapped inside the document.ready(function() {...}) function, which can be abbreviated as $(function() {...}). This makes all the scripts execute only once the page is loaded and all the DOM elements are ready to be worked on. Inside the function you pass into the document.ready() function, you can define all your code to execute.
    Fading In Elements (and Fading Them Out Again)
    Learn to fade DOM elements in and out by using jQuery's fadeIn() and fadeOut() functions. A parameter can be used to define the animation duration in milliseconds, the default is 400 (=0.4 seconds). A second parameter can be used to define a function that is executed once the animation has completed. Fading in an element means that the element's opacity will gradually increase over the specified duration until its full opacity is reached. Fading out of course does the opposite and increases the transparency of the elements until it's completely invisible.
    A Pitfall With fadeIn/fadeOut vs. fadeTo
    The fadeIn() and fadeOut() functions will also change the CSS "display" property, meaning that fadeOut() will set "display: none" after the element is completely faded out and fadeIn() will first restore the "display" property to its original value before fading the element back in. In contrast, when using fadeTo(), only the CSS "opacity" property will be changed. This means that elements will not realign as if the element wasn't there which may be preferable in same cases. But be aware then after using fadeOut(), fadeTo() will not be enough to make the element reappear! You need to also restore the "display" property to "block" for example.
    Showing And Hiding Elements
    With the show() and hide() functions provided by jQuery, you can easily make elements hidden or visible. By providing a duration as the first parameter, these two functions will again define an animation. Most commonly though, you'll call show() and hide() without parameters to hide or show elements right when the page first loads.
    • Basic JavaScript knowledge
    • You'll need an internet connection at least once to download jQuery and to access APIs (e.g. Flickr)
    • You'll need a text editor of your choice to write the code, we'll go through the installation process for one such editor
    • No other software is required
    Joe Parys
    Joe Parys
    Bestselling Instructor, 95 Courses, Serving 750,000 Students
    Peter Sommerhoff
    Peter Sommerhoff
    Developer & Software Engineer - With 45,000+ Happy Students
    Joe Parys Support
    Joe Parys Support
    Best-Selling Instructor Proudly Serving 500,000+ Students
    Udemy courses are suited to professional development. The platform is organized in such a way that it is experts themselves that decide the topic and when the course will start. All supporting documents are made available to you for lifetime access. On this platform, you can find a course on about any subject, and that is no exaggeration – from a tutorial on how to ride a motorcycle, to managing the financial markets. The language and the course format are established by the teacher. This is why it is important to read the information about the course carefully before parting with any money.
    Comments (2164)
    Like any other website, konevy uses «cookies». These cookies are used to store information including visitor's preferences, and the pages on the website that the visitor accessed or visited. The information is used to optimize the users' experience by customizing our web page content based on visitors' browser type and/or other information. For more general information on cookies, please read the «What Are Cookies» article on Cookie Consent website.