Шаблоны Javascript (необязательный материал)

Перед тем, как заняться фреймворками, будет полезно узнать об инструментах шаблонизации. В основном, они предназначены для того, чтобы вы легко создавали шаблоны (подобные макету/вьюхе в Rails) и добавляли в них основные элементы (такие, как циклы) без необходимости создавать для этого сложный бэкенд. Здесь вы найдете много общего с ERB в Rails в плане передачи динамического кода и переменных в ваш HTML.

Многие языки шаблонизации включают Mustache и Handlebars (названы так, потому что обычно используют фигурные скобки для обрамления вставляемого кода).

Пункты для размышления

• Что из себя представляет шаблон на клиентской стороне?
• Чем об похож на ERB в Rails?
• Как подключить к проекту Mustache.js?
• Как с помощью Mustache отобразить группу <div>ов?

Ваши задания

1. Прочтите о шаблонах клиентской части, статья начинается с основ и содержит множество примеров.
2. Узнайте больше о Mustache, прочитав о шаблонировании с использованием Handlebars. Можете пропустить начало статьи, если у вас уже есть понимание принципов шаблонизации.

Дополнительные ресурсы

Этот раздел содержит полезные ссылки на дополнительные материалы. Это не обязательно, так что расценивайте их как нечто полезное, если вы хотите поглубже погрузиться в тему

• Много примеров можно посмотреть в обзоре шаблонов JS от Creative Bloq.
• Введение в шаблонизацию на примере Mustache
• Почему LinkedIn выбрал Dust.js для шаблонизации (включая сравнение с другими популярными шаблонизаторами).