jQuery Ajax Tutorial #4 - 'Edit' modes & Better Mustache.js Templating (jQuery tutorial #9)

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

Lesson #2: Listen to user events and respond with jQuery actions!

Lesson #3: Clean up the jQuery by putting some data in the HTML

Lesson #4: "DOM Traversal" with jQuery

Lesson #5: Building a jQuery Tab Panel Widget

Lesson #6: Building a jQuery Slider / DOM Caching

Lesson #7: JQuery Ajax tutorial #1

Lesson #8: jQuery Ajax tutorial #2 - Posting to backend

Lesson #10: jQuery Ajax tutorial #4 - Better Mustache templating & and "Edit mode"

-~-~~-~~~-~~-~-
Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device"
-~-~~-~~~-~~-~-

[cblstarxx]

Just wanted to let you know that you're an outstanding instructor. You really break concepts down and make them easy to understand. And I like how you constantly place an emphasis on DRY code because it's something I want to implement in my own work. You keep it super professional and make sure we're learning not just the basics, but the work flow of updating to reflect cleaner code. I've just been watching your tutorials non-stop, then pausing to do the lessons on my own again and again to let the information sink in. It's truly amazing what you've done for me, and for other students. Thank you!!

[ParitoshBhatiaa]

Tried learning from Coursera, Code Academy, Treehouse, udemy, etc, some were either too basic, too slow, uninteresting, etc but you have done an excellent job here! You are quick, accurate and share what's required. Looking forward to more such tutorials. Keep up the good work of sharing knowledge :)

[CsabaKissColorado]

I keep coming back to these videos, because you explain things very concisely.

[chaosinorderrr]

One of the best channels! Concise and to the point!

[glimpsee]

Thank you so much. I have never used JS/JQuery ever. Now an hour after watching your series, I'm ready to do some fun stuff.

[MichaelMiller-rgor]

Even as a professional developer, I actually learned a lot from that video. Nicely done!

[PeterParker-sybp]

This is a GREAT resource.Thank you for making these.They gave me much better understanding of what is happening behind the curtains of front-end frameworks.

[wordonice]

I just want to say, I'm super grateful for these videos. Thank you so much. I've learnt Javascript, JQuery from your videos. Going to learn more stuff!

[Gengar]

Holy crap man, you are amazing. I know these videos are old but dang they are so good!

[NotSupersensible]

This series was crazy helpful. I spent all today and yesterday working through this playlist, and building the server to support it using express and mongodb, and I feel a huge sense of accomplishment. You're awesome at this.

I'm starting the computer science program at UCI this fall and I feel ready to kick its ass thanks to you.

[ManMadeToons]

Appreciate the tutorials bro, I went from hero to even more of a hero in ajax after watching this!

[kumarmanish]

The whole tutorial is mind blowing simple and excellently explained ! Thank you so much for this !!!!

[quadraticlinear]

really like the way you teach people about programming by writing a real world project, it help a lot! Looking forward for more example projects. great videos.

[vonmutinda]

meen i love your tutorials, i watch them all the time and am getting really good at web. i was in the native app development field, you know the android stuf and C++ languages. your tutorials are giving me a great headstart. i actually have downloaded all the playlists and trust you me, you are doing a great job. upload more, cant wait to see your latests. God bless

[iancarr]

Fabulous! I am confident that I can apply the AJAX principles to my current project. Many thanks!

[abeechr]

Wonderful job! I'm subscribed and waiting for more.

[rogikanin]

Thank you for your videos! Simply, clearly, it is interesting. More !!!!

[snirkara]

Cant thank you enough. your explanation is so clear... i tried codeschool, treehouse and all of that.. you are much better

[rmz]

Really great job, very nice way to teach...Finally understand many things...Thank you

[fzks]

Thank you for this series of jQuery tutorials. They have helped me a lot with understanding the basic concepts.