# 127: Základy šablonování JavaScriptu - Triky CSS

Šablona je kus HTML, který musíte na stránku vložit. Šablony se často vytvářejí „na straně serveru“ - v tom, že přicházejí do JavaScriptu plně vytvořené a stačí je vložit do DOM. Ale někdy to není možné nebo by to vyžadovalo další zpáteční cestu na server, která by mohla být pomalá. V takovém případě je ideální mít šablonu přímo v JavaScriptu. Určitě můžete udělat trochu zřetězení řetězců přidáním bitů HTML a dat, dokud nebudete mít šablonu, kterou potřebujete. Ale to pravděpodobně není ideální, protože to neodděluje zájmy dat a šablony. Zde může pomoci skutečné šablonování JavaScriptu.

V tomto screencastu se budeme zabývat základním „proč“ šablonování JavaScriptu a poté konkrétně pokryjeme jednoduchý příklad toho, jak se to dělá v Underscore.js. Pak se budeme zabývat několika dalšími alternativami.

Ukázka

var compiled = _.template( " " + "" + "" + " " ); var i, toAppendString = ""; for (i = 0; i < data.movies.length; i++) ( toAppendString += compiled(data.movies(i)); ) $("body").append(toAppendString);

Podívejte se na Pero% = penName%> od Chrisa Coyiera (@chriscoyier) na CodePen