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
https://www.youtube.com/watch?v=hMxGhHNOkCU
Lesson #2: Listen to user events and respond with jQuery actions!
https://www.youtube.com/watch?v=G-POtu9J-m4
Lesson #3: Clean up the jQuery by putting some data in the HTML
https://www.youtube.com/watch?v=Cc3K2jDdKTo
Lesson #4: "DOM Traversal" with jQuery
https://www.youtube.com/watch?v=LYKRkHSLE2E
Lesson #5: Building a jQuery Tab Panel Widget
https://www.youtube.com/watch?v=1nWrIBB_bMA
Lesson #6: Building a jQuery Slider / DOM Caching
https://www.youtube.com/watch?v=KkzVFB3Ba_o
Lesson #7: JQuery Ajax tutorial #1
https://www.youtube.com/watch?v=fEYx8dQr_cQ
Lesson #8: jQuery Ajax tutorial #2 - Posting to backend
https://www.youtube.com/watch?v=5nL7X1UMWsc
Lesson #9: jQuery Ajax tutorial #3 - Mustache.js for templating and deleting posts
https://www.youtube.com/watch?v=GbNWPn8vodo
Lesson #10: jQuery Ajax tutorial #4 - Better Mustache templating & and "Edit mode"
https://www.youtube.com/watch?v=Y6KrUwmlrNE
-~-~~-~~~-~~-~-
Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device"
https://www.youtube.com/watch?v=fgOO9YUFlGI
-~-~~-~~~-~~-~-
