Himanshu SharmaSoftware engineer
Let’s talk

Beginner to intermediate · 45 lessons

jQuery for beginners

A free jQuery 4 course from your first selector to events, effects, Ajax, plugins and upgrading old sites. Short lessons with live editors, verified output, quizzes, a to-do app project and an exam with a certificate.

Syllabus

Getting started

  1. What jQuery is and when to use it8 min
  2. Adding jQuery to a page10 min
  3. The $ function and document ready10 min
  4. Select, act and chain: how jQuery code reads12 min

Selecting elements

  1. Selecting elements with jQuery14 min
  2. Filtering a selection12 min
  3. Traversing up and down: closest and find12 min
  4. Moving sideways: siblings, next and prev11 min
  5. Looping with .each() and .map()12 min

Reading and changing the page

  1. Getting and setting text and HTML11 min
  2. Attributes and properties: attr() and prop()12 min
  3. Form values with .val()12 min
  4. Adding, removing and toggling classes10 min
  5. Reading and setting styles with .css()11 min
  6. Sizes, positions and scrolling12 min
  7. Storing data on elements with .data()11 min

Adding and removing elements

  1. Creating new elements11 min
  2. Inserting elements: append, after and more11 min
  3. Removing and replacing elements10 min
  4. Wrapping and cloning elements10 min

Events

  1. Handling events with .on()12 min
  2. The event object12 min
  3. Mouse events and hover11 min
  4. Keyboard and input events12 min
  5. Form events: submit, change, focus and blur13 min
  6. Event delegation for elements added later12 min
  7. Removing handlers: off, one and namespaces10 min
  8. Triggering events and custom events11 min

Effects and animation

  1. Show, hide and toggle10 min
  2. Fading and sliding11 min
  3. Custom animations with .animate()12 min
  4. The animation queue: delay and stop12 min
  5. CSS transitions driven by jQuery classes11 min

Ajax

  1. Ajax basics: loading JSON with $.getJSON()12 min
  2. The $.ajax() method and its options13 min
  3. Sending data: POST, forms and JSON13 min
  4. Ajax errors, loading states and timeouts13 min
  5. Deferreds, promises and async/await13 min

Utilities and plugins

  1. jQuery utility functions11 min
  2. Writing a jQuery plugin13 min

jQuery today

  1. Writing fast jQuery code12 min
  2. jQuery and modern JavaScript side by side13 min
  3. Upgrading an old site to jQuery 414 min
  4. jQuery in WordPress and noConflict mode12 min
  5. Project: a to-do list app25 min