Uploaded June 2014 | Updated September 2026, 1 week ago

---

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

In this jQuery Tutorial, we're finishing up our single-page ajax application by making an edit mode and enhancing our templating. We've been using a RESTful API so far, so to edit a resource in a standard way, we will just make a PUT request to /api/orders/{id} to update it. jQuery AJAX is simple, powerful, and can take your javascript code to a higher level when used properly.

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 #7: JQuery Ajax tutorial #1
youtube.com/watch?v=fEYx8dQr_cQ

Lesson #8: jQuery Ajax tutorial #2 - Posting to backend
youtube.com/watch?v=5nL7X1UMWsc

Lesson #9: jQuery Ajax tutorial #3 - Mustache.js for templating and deleting posts
youtube.com/watch?v=GbNWPn8vodo

Lesson #10: jQuery Ajax tutorial #4 - Better Mustache templating & and "Edit mode"
youtube.com/watch?v=Y6KrUwmlrNE

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