Learn By Example: jQuery

1 Course & 7 Hours
You save 12% -

What's Included

Learn By Example: jQuery
  • Certification included
  • Experience level required: All levels
  • Access 78 lectures & 7 hours of content 24/7
  • Length of time users can access this course: Lifetime

Course Curriculum

78 Lessons (7h)

  • You, This Course and Us
    You, This Course and Us1:59
  • Introduction To jQuery
    Client side programming with Javascript7:44
    Why is jQuery cool?8:09
    The Document Object Model4:45
  • Install And Set Up
    Npm and Http Server install4:47
    Download and set up jQuery3:32
    Set up examples used in this course2:14
  • Selectors
    Example 1: Hello jQuery World!11:33
    Example 2: Simple selectors4:12
    Example 3: More selectors9:10
    Example 4: Traversing The DOM8:37
    Example 5: Advanced selectors4:45
    Example 6: Select using functions - the filter() selector4:34
  • Some Loose Ends
    Example 7: Chaining4:38
    Example 8: jQuery in the no-conflict mode7:19
    Accessing native browser element1:20
  • Event Handling
    Events and event handling7:29
    Example 9: Event handlers9:12
    The event object6:02
    Example 10: Accessing the event object properties5:28
    Event capture and bubble phases8:07
    Example 11: Multiple event handlers4:32
    Example 12: Passing data to event handlers3:11
    Example 13: Listen just once3:10
    Example 14: Remove event handlers4:29
    Example 15: Events in namespaces6:20
    Event delegation6:05
    Example 16: Setting up delegated events5:05
    Example 17: Listening to key events3:05
    Example 18: Event triggers4:30
    Custom events4:04
    Example 19: Working with custom events4:27
  • CSS And Animations
    Effects and animations3:57
    Example 20: The css() function9:03
    Example 21: The show() and hide() functions6:03
    Example 22: The fadeIn() and fadeOut() animations3:01
    Example 23: The slideUp() and slideDown() animations2:15
    Example 24: The toggle() function2:44
    How do jQuery animations work?4:15
    Example 25: Run code after an animation completes4:38
    Example 26: The animate() function5:33
    Example 27: More animation fun4:00
    Example 28: Stop animations using the stop() function7:38
    Example 29: Delay animations using delay()3:46
    Example 30: Chaining and queueing animations7:34
    Example 31: Custom animation queues5:05
    Example 32: Bypassing the queue4:55
  • DOM Manipulation
    Manipulating the DOM1:15
    Example 33: Manipulating element contents4:27
    Example 34: The attr() and removeAttr() functions4:37
    Example 35: Add DOM elements relative to selected elements9:49
    Example 36: Create or clone elements6:31
    Example 37: The remove(), detach() and empty() functions7:32
    Example 38: The wrap() and wrapAll() functions4:03
    Example 39: Explicit iteration using each()2:23
  • DOM Manipulation
    Example 40: The $.ajax() request10:10
    Example 41: Syntactic sugar - the $.get(), $.getScript(), $.getJSON()6:37
    Example 42: The load() function2:37
    Example 43: Sezrialize form contents using serialize() and serializeArray()7:18
    Example 44: Local and global Ajax events9:30
  • Performance Optimizations
    Categories of optimization techniques4:22
    Performance optimizations tips and tricks8:56
  • Plugins
    What are plugins?3:59
    Example 45: The Slick carousel9:27
    Building your own custom plugin4:18
    Example 46: Our first custom plugin, the fancyButton()4:33
    Example 47: Best practices to follow in the fancyButton() plugin7:44
  • The Widget Factory
    What is the Widget Factory?5:33
    Example 48: Build your first widget7:52
    Example 49: Widgets which expose methods to manipulate them9:31
    Example 50: Widgets which trigger events7:05
  • The jQuery UI Library
    Download and install the jQuery UI library8:44
    Example 51: Set up components using the jQuery UI library5:31
    Example 52: The effects() function3:12
    The jQuery UI theme roller5:24
    Example 53: Try a custom theme1:26

Learn By Example: jQuery


Loonycorn is comprised of four individuals—Janani Ravi, Vitthal Srinivasan, Swetha Kolalapudi and Navdeep Singh—who have honed their tech expertises at Google and Flipkart. The team believes it has distilled the instruction of complicated tech concepts into funny, practical, engaging courses, and is excited to be sharing its content with eager students.


jQuery is one of the most commonly used efficiency tools in web development. This powerful JavaScript library allows you to perform common site maintenance and construction operations with just a single line of code. Over this course you'll learn by example as you explore the basic principles that provide the backbone of jQuery, from working with selectors and events to performing DOM manipulations as you come to grips with this useful tool.

  • Access 78 lectures & 7 hours of content 24/7
  • Use jQuery to add styles, animations, Ajax support & more to websites
  • Add common components to sites w/ custom plugins
  • Build your own stateless & stateful custom plugins in jQuery
  • Work w/ the jQuery UI library including the theme roller


Details & Requirements

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming
  • Certification of completion included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all levels


  • Internet required


  • Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.