jQuery Ajax Tutorial #3 - Delegating Events & Mustache.js Templating (jQuery tutorial #9)

Channel: LearnCode.academy

72,427

TIP: Right-click and select "Save link as.." to download video

Initializing link download... Initializing link download.....

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

In this jQuery Tutorial, let's wrap up our jQuery AJAX - driven web app here by adding a delete button which fires a DELETE jQuery AJAX request. We're also going to improve the way we create our elements by using Mustache.js for templating. THIS IS JUST THE BEGINNING for Mustache.js, mind you. For this example, Mustache.js adds a LITTLE help, but as your templates grow more and more complex, you'll quickly find that you can't do it in one long string of JavaScript.

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

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

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

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

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

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

Lesson #7: JQuery Ajax tutorial #1
http://www.getlinkyoutube.com/watch?v=fEYx8dQr_cQ

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

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

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