Getting started with Mustache.js

This video is suitable to front-end web developers with a beginner-to-intermediate understanding of HTML and JavaScript. Watch as Kevin Chisholm separates presentation code from data dynamically from a web page.

[casadespider]

This is probably the most concise, most informative, and best video I've ever seen on a web development technology. It is straightforward and a very valuable learning resource. Kudos. If the rest of your content is this well done, you should open up a full-blown online training presence. Thank you!

[MichaelSalo]

This is very clear and easy to follow, thanks.

[kevinleeds]

The desktop and code look quite blurry to me for some reason but maybe it's slow internet

[abovemoon]

Thanks for this tutorial. It was quick and easy to understand.

[higiniofuentes]

Why use jQuery and not the mustache loop?

[ForsakePariah]

The master program I'm in right now is trying to teach this and their content is EXTREMELY confusing. Thank you!

[SA-ojbo]

Hi, this well explained but you use data in your js, but how can i get json data received by ajax in a table with mustache?

[shoaibjaved]

This is a great explainer video for average people like me

[tootyrnt]

The only templating engine I've used before is EJS but my god this is so much easier

[TheJonerMan]

What is the music played at the beginning of the video?

[Khalid_series]

Can someone please say how to add whitespace in mustache template

[kengiese]

The code explanations some how got out of the proper order. The 3rd example is shown before the 2nd.

[katzwhacky]

You should not violate division of concerns by combining JS and HTML in the same file. Always have separate HTML templates in different files. Always have JS only in .js files. Always have css in it's own css files. Use fetch('template.mustache') and .then to render the template using Mustache.render... Good tutorial otherwise.

Here's the example (from the mustache.js github repo) for loading external templates in mustache.js:

function renderHello() {
fetch('template.mustache')
.then((response) => response.text())
.then((template) => {
const rendered = Mustache.render(template, { name: 'Luke' });
= rendered;
});
}

[ValentinDragan]

You ticks and multitoned speaking makes this tutorial pretty hard to follow. You talk funny! :)