Uploaded June 2014 | Updated September 2026, 1 week ago

---

Free RESTful API to use for practice!: http://rest.learncode.academy/

In this jQuery AJAX Tutorial for beginners, we're going to be covering an introduction to using jQuery to access a JSON API (Application Programming Interface) to get data and populate it into the document. jQuery AJAX is powerful and is the first step to making dynamic websites that respond to the user actions as they happen. The first part of using jQuery AJAX to access a JSON API is to make a GET request, so this jQuery lesson covers how to make AJAX Get Requests with jQuery & JSON.


Lesson #1: jQuery Tutorial for Beginners
youtube.com/watch?v=hMxGhHNOkCU

Lesson #2: Listen to user events and respond with jQuery actions!
youtube.com/watch?v=G-POtu9J-m4

Lesson #3: Clean up the jQuery by putting some data in the HTML
youtube.com/watch?v=Cc3K2jDdKTo

Lesson #4: "DOM Traversal" with jQuery
youtube.com/watch?v=LYKRkHSLE2E

Lesson #5: Building a jQuery Tab Panel Widget
youtube.com/watch?v=1nWrIBB_bMA

Lesson #6: Building a jQuery Slider / DOM Caching
youtube.com/watch?v=KkzVFB3Ba_o

Lesson #8: Ajax Pt 2 - posting data to the backend
youtube.com/watch?v=5nL7X1UMWsc

-~-~~-~~~-~~-~-
Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device"
youtube.com/watch?v=fgOO9YUFlGI
-~-~~-~~~-~~-~-