English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 6 Hours | 0.98 GB
Use jQuery to create stunning animations, provide fast feedback forms, handle all user events and perform Ajax calls.
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.
1 – Introduction
How To Use This Course To Gain Its Maximum Benefits & Learn jQuery Quickly
Setting Up The Editor
Welcome To The Complete jQuery Course! Learn What This Course Can Do For You!
2 – Effects – Animations
A Pitfall With fadeIn_fadeOut vs. fadeTo
Coding Activity – Creating a Signup Lightbox!
Delaying and Chaining Animations
Fading In Elements (and Fading Them Out Again)
Get Creative – Custom Animations!
Setting Up The jQuery Project
Showing And Hiding Elements
Sliding Elements Up And Down
Timing Animations Using Callback Functions
3 – Element Selectors
jQuery Methods for Filtering
jQuery Methods for Traversal
Using CSS Selectors in jQuery
4 – Manipulating the DOM I – Inserting, Replacing and Removing Elements
Adding New Elements to the DOM
Coding Activity – Creating an Image Slideshow!
Manipulating Attributes and Properties
Removing Elements and Content
Replacing Elements and Content
What is the DOM
5 – Manipulating the DOM II – Changing Element Data and CSS
Adding or Removing CSS Classes
Changing the CSS Properties of Elements
Changing the Data of an Element
Retrieving and Changing the Content of an Element
6 – Events I ‒ Handling Mouse Events & Keyboard Events
Adding Click Handlers
Adding Hover Handlers
Adding MouseEnter & MouseLeave Handlers
Adding the Same Handler for Multiple Events
Coding Activity – Creating an Image Gallery with Lightbox Preview
Handling KeyDown & KeyUp Events
Modularizing Event Handlers (No More Inline Functions)
Passing Additional Data to Events
What are Events and Event Handlers
7 – Events II ‒ Forms
Coding Activity – Complete Form Validation on Submit
Coding Activity – Fast Feedback Form
Handling the Submit Event
The Focus & Blur Events
Using the Change Event
8 – Ajax with jQuery
Coding Activity – Improving the Pokédex
Coding Activity – Retrieving Pokémon Data from The PokéAPI (Or Star Wars)
Fetching a Server File with jQuery
Retrieving Flickr Images Through the Flickr API (+Understanding JSON)
What is Ajax
9 – Conclusion
Course Summary and Conclusion! What Have We Learned In This Course
Want More! Watch Our Special Bonus Lecture & Continue Learning With Us Today!