# 127: Základy šablón JavaScript Triky CSS

Šablóna je kus HTML, ktorý musíte vložiť na stránku. Šablóny sa často vytvárajú na „serverovej strane“ - v tom, že prichádzajú do JavaScriptu v úplnom tvare a stačí ich vložiť do DOM. Ale niekedy to nie je možné alebo by to vyžadovalo extra spiatočný výlet na server, ktorý by mohol byť pomalý. V takom prípade je ideálne mať šablónu priamo v JavaScripte. Určite môžete urobiť trochu reťazenia reťazcov a spojiť kúsky HTML a údajov, kým nebudete mať potrebnú šablónu. To však pravdepodobne nie je ideálne, pretože to neoddeľuje záujmy údajov a šablón. Tu môže pomôcť skutočné šablónovanie JavaScriptu.

V tomto obrazovom vysielaní sa budeme venovať základnému „prečo“ šablónovania JavaScriptu a potom konkrétne uvedieme jednoduchý príklad toho, ako sa to deje v Underscore.js. Potom sa budeme venovať niektorým ďalším alternatívam.

Ukážka

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

Prečítajte si pero% = penName%> od Chrisa Coyiera (@chriscoyier) na stránkach CodePen