logo

Naučte se řídítka za 10 minut nebo méně

Handlebars.js je populární šablonovací modul, který je výkonný, snadno se používá a má velkou komunitu. Je založen na jazyku šablon Moustache, ale vylepšuje jej několika důležitými způsoby. Pomocí Handlebars můžete oddělit generování HTML od zbytku JavaScriptu a psát čistší kód.

Tento rychlý článek je pokusem naučit vás téměř vše, co potřebujete vědět o řídítkách, za 10 minut nebo méně. Zpočátku se to může zdát trochu zdrcující, ale stejně jako jízda na kole (zamýšlená slovní hříčka), jakmile to pochopíte, stane se to nejjednodušší věcí na světě.

0. Přidání do vašeho projektu

Přidání řídítek do vašeho projektu je docela jednoduché. Přejděte na http://handlebarsjs.com/ a kliknutím na tlačítko stažení stáhněte nejnovější verzi. V době psaní tohoto článku se jedná o verzi 2.0.0. Nyní vše, co musíte udělat, je zahrnout knihovnu do vašeho html s běžným <script> tag.

Můžete také použít verzi hostovanou na CDN, která má další výhodu v tom, že stejný soubor může být již uložen do mezipaměti v prohlížeči návštěvníka, pokud jej použil jiný web.

// From File
<script src="handlebars-v2.0.0.js"></script>

// From CDN
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.js"></script>

1. Šablony

Jakmile máte knihovnu na svém místě, můžete začít psát šablony. Doporučený způsob přidávání šablon na stránku je jejich zahrnutím do značek