O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

The Complete jQuery Course: From Beginner To Advanced!

Video Description

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

About This Video

  • jQuery will increase your productivity with JavaScript significantly
  • Enable you to create more sophisticated functionality with minimum work.

In Detail

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 you’re 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.

Table of Contents

  1. Chapter 1 : Introduction
    1. Welcome to the Complete jQuery Course! Learn What This Course Can Do For You! 00:03:58
    2. A Quick Overview of JavaScript and jQuery 00:08:56
    3. Overview of JavaScript Frameworks 00:04:07
    4. Setting Up The Editor 00:03:30
  2. Chapter 2 : Effects – Animations
    1. Setting Up The jQuery Project 00:07:54
    2. Fading In Elements (and Fading Them Out Again) 00:13:16
    3. A Pitfall With fadeIn/fadeOut vs. fadeTo 00:04:05
    4. Showing And Hiding Elements 00:06:12
    5. Sliding Elements Up And Down 00:07:58
    6. Moving Elements 00:06:10
    7. Get Creative: Custom Animations! 00:05:42
    8. Delaying and Chaining Animations 00:03:54
    9. Timing Animations Using Callback Functions 00:04:26
    10. Coding Activity: Creating a Signup Lightbox! 00:03:26
  3. Chapter 3 : Element Selectors
    1. Using CSS Selectors in jQuery 00:10:22
    2. jQuery Methods for Traversal 00:07:21
    3. jQuery Methods for Filtering 00:09:48
  4. Chapter 4 : Manipulating the DOM I – Inserting, Replacing and Removing Elements
    1. What is the DOM? 00:04:08
    2. Adding New Elements to the DOM 00:16:12
    3. Replacing Elements and Content 00:07:07
    4. Removing Elements and Content 00:09:18
    5. Manipulating Attributes and Properties 00:14:23
    6. Coding Activity: Creating an Image Slideshow! 00:08:01
  5. Chapter 5 : Manipulating the DOM II – Changing Element Data and CSS
    1. Changing the CSS Properties of Elements 00:08:01
    2. Adding or Removing CSS Classes 00:06:51
    3. Changing the Data of an Element 00:06:28
    4. Retrieving and Changing the Content of an Element 00:06:04
  6. Chapter 6 : Events I ? Handling Mouse Events & Keyboard Events
    1. What are Events and Event Handlers? 00:04:16
    2. Adding Click Handlers 00:04:55
    3. Adding Hover Handlers 00:04:09
    4. Adding MouseEnter & MouseLeave Handlers 00:06:31
    5. Adding the Same Handler for Multiple Events 00:06:29
    6. Modularizing Event Handlers (No More Inline Functions) 00:07:08
    7. Delegated Events 00:08:10
    8. Passing Additional Data to Events 00:05:14
    9. Coding Activity: Creating an Image Gallery with Lightbox Preview 00:07:30
    10. Handling KeyDown & KeyUp Events 00:07:54
  7. Chapter 7 : Events I ? Forms
    1. The Focus & Blur Events 00:07:15
    2. Using the Change Event 00:08:23
    3. Handling the Submit Event 00:06:03
    4. Coding Activity: Complete Form Validation on Submit 00:12:36
    5. Coding Activity: Fast Feedback Form 00:11:56
  8. Chapter 8 : Ajax with jQuery
    1. What is Ajax? 00:06:32
    2. Fetching a Server File with jQuery 00:04:36
    3. Retrieving Flickr Images Through the Flickr API (+Understanding JSON) 00:14:31
    4. Coding Activity: Retrieving Pokémon Data from The PokéAPI (Or Star Wars) 00:10:21
    5. Coding Activity: Improving the Pokédex 00:13:55