• No products in the cart.

 53 examples which form a step-by-step guide to master jQuery.

Course Description

jQuery makes common stuff super simple. Select all paragraphs on a page? One line of code. Style all headers under the container with a yellow highlight? One line of code. Animate all the ball widgets such that they bounce and move around the screen? One line of code Basic building blocks to custom plugins: The course starts with basic principles which form the backbone of jQuery. Selectors, working with events, applying styles and animations, DOM manipulations, Ajax requests, using custom plugins etc. The later part of the course shows you can roll your own stateless and stateful plugins using the $.fn object and the widget factory.
In this course, you will learn by example. Each example is self-contained, has its source code attached, and gets across a specific jQuery use-case. Each example is simple by itself, but they come together as building blocks to build complex use cases.

Learning Outcomes

  • Use jQuery with ease to add styles, animations, Ajax support and more to their websites
  • Use custom plugins to add common components to sites rather than re-inventing the wheel
  • Build their own stateless and stateful custom plugins in jQuery
  • Work with the jQuery UI library including the theme roller


Basic understanding of HTML, CSS and Javascript.

Who is this course intended for?

Web developers who want to move beyond mundane Javascript programming and harness the power of jQuery.
This course is not for the students who have never done web development using Javascript before.

Your Instructor


Loonycorn is us, Janani Ravi and Vitthal Srinivasan. Between us, we have studied at Stanford, been admitted to IIM Ahmedabad and have spent years working in tech, in the Bay Area, New York, Singapore and Bangalore.

Janani: 7 years at Google (New York, Singapore); Studied at Stanford; also worked at Flipkart and Microsoft

Vitthal: Also Google (Singapore) and studied at Stanford; Flipkart, Credit Suisse and INSEAD too

We think we might have hit upon a neat way of teaching complicated tech courses in a funny, practical, engaging way, which is why we are so excited to be here on Learnsector!

We hope you will try our offerings and think you’ll like them 🙂

Course Curriculum

Introduction 00:00:00
Introduction To jQuery
Client side programming with Javascript 00:00:00
Why is jQuery cool? 00:00:00
The Document Object Model 00:00:00
Install And Set Up
Npm and Http Server install 00:00:00
Download and set up jQuery 00:00:00
Set up examples used in this course 00:00:00
Example 1: Hello jQuery World! 00:00:00
Selectors 00:00:00
Example 2: Simple selectors 00:00:00
Example 3: More selectors 00:00:00
Example 4: Traversing The DOM 00:00:00
Example 5: Advanced selectors 00:00:00
Example 6: Select using functions – the filter() selector 00:00:00
Some Loose Ends
Example 7: Chaining 00:00:00
Example 8: jQuery in the no-conflict mode 00:00:00
Accessing native browser element 00:00:00
Event Handling
Events and event handling 00:00:00
Example 9: Event handlers 00:00:00
The event object 00:00:00
Example 10: Accessing the event object properties 00:00:00
Event capture and bubble phases 00:00:00
Example 11: Multiple event handlers 00:00:00
Example 12: Passing data to event handlers 00:00:00
Example 13: Listen just once 00:00:00
Example 14: Remove event handlers 00:00:00
Example 15: Events in namespaces 00:00:00
Event delegation 00:00:00
Example 16: Setting up delegated events 00:00:00
Example 17: Listening to key events 00:00:00
Example 18: Event triggers 00:00:00
Custom events 00:00:00
Example 19: Working with custom events 00:00:00
CSS And Animations
Effects and animations 00:00:00
Example 20: The css() function 00:00:00
Example 21: The show() and hide() functions 00:00:00
Example 22: The fadeIn() and fadeOut() animations 00:00:00
Example 23: The slideUp() and slideDown() animations 00:00:00
Example 24: The toggle() function 00:00:00
How do jQuery animations work? 00:00:00
Example 25: Run code after an animation completes 00:00:00
Example 26: The animate() function 00:00:00
Example 27: More animation fun 00:00:00
Example 28: Stop animations using the stop() function 00:00:00
Example 29: Delay animations using delay() 00:00:00
Example 30: Chaining and queueing animations 00:00:00
Example 31: Custom animation queues 00:00:00
Example 32: Bypassing the queue 00:00:00
DOM Manipulation
Manipulating the DOM 00:00:00
Example 33: Manipulating element contents 00:00:00
Example 34: The attr() and removeAttr() functions 00:00:00
Example 35: Add DOM elements relative to selected elements 00:00:00
Example 36: Create or clone elements 00:00:00
Example 37: The remove(), detach() and empty() functions 00:00:00
Example 38: The wrap() and wrapAll() functions 00:00:00
Example 39: Explicit iteration using each() 00:00:00
Ajax Requests
Ajax 00:00:00
Example 40: The $.ajax() request 00:00:00
Example 41: Syntactic sugar – the $.get(), $.getScript(), $.getJSON() 00:00:00
Example 42: The load() function 00:00:00
Example 43: Serialize form contents using serialize() and serializeArray() 00:00:00
Example 44: Local and global Ajax events 00:00:00
Performance Optimizations
Categories of optimization techniques 00:00:00
Performance optimizations tips and tricks 00:00:00
What are plugins? 00:00:00
Example 45: The Slick carousel 00:00:00
Building your own custom plugin 00:00:00
Example 46: Our first custom plugin, the fancyButton() 00:00:00
Example 47: Best practices to follow in the fancyButton() plugin 00:00:00
The Widget Factory
What is the Widget Factory? 00:00:00
Example 48: Build your first widget 00:00:00
Example 49: Widgets which expose methods to manipulate them 00:00:00
Example 50: Widgets which trigger events 00:00:00
The jQuery UI Library
Download and install the jQuery UI library 00:00:00
Example 51: Set up components using the jQuery UI library 00:00:00
Example 52: The effects() function 00:00:00
The jQuery UI theme roller 00:00:00
Example 53: Try a custom theme 00:00:00

Course Reviews


  • 5 stars0
  • 4 stars0
  • 3 stars0
  • 2 stars0
  • 1 stars0

No Reviews found for this course.

  • $99.00 $15.00
  • Course Certificate

    Related Courses

    © Learnsector