0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p>Разметка страницы - один из самых мучительных процессов для любого разработчика. Дело не в сложности самой разметки, а в её реализации: открывающие и закрывающие теги, отсутствие разделения шаблона на компоненты, визуальная проблема определения вложенности той или иной секции. Для решения этих проблем были придуманы HTML-препроцессоры - интерпретаторы, которые переводят разметку с собственного языка на язык разметки HTML.</p>
1
<p>Разметка страницы - один из самых мучительных процессов для любого разработчика. Дело не в сложности самой разметки, а в её реализации: открывающие и закрывающие теги, отсутствие разделения шаблона на компоненты, визуальная проблема определения вложенности той или иной секции. Для решения этих проблем были придуманы HTML-препроцессоры - интерпретаторы, которые переводят разметку с собственного языка на язык разметки HTML.</p>
2
<p>В этом курсе мы изучим популярный препроцессор Pug, с помощью которого научимся:</p>
2
<p>В этом курсе мы изучим популярный препроцессор Pug, с помощью которого научимся:</p>
3
<ul><li>Не дублировать разметку.</li>
3
<ul><li>Не дублировать разметку.</li>
4
<li>Использовать шаблоны.</li>
4
<li>Использовать шаблоны.</li>
5
<li>Разделять шаблон на блоки и выносить их в отдельные файлы.</li>
5
<li>Разделять шаблон на блоки и выносить их в отдельные файлы.</li>
6
<li>Подключать дополнительные модули для обработки информации в других форматах.</li>
6
<li>Подключать дополнительные модули для обработки информации в других форматах.</li>
7
<li>Использовать JavaScript для добавления логики при работе с шаблоном.</li>
7
<li>Использовать JavaScript для добавления логики при работе с шаблоном.</li>
8
<li>Работать с условными конструкциями.</li>
8
<li>Работать с условными конструкциями.</li>
9
</ul><p>Всё это позволит писать поддерживаемый код, который будет автоматически переводиться в обычный HTML.</p>
9
</ul><p>Всё это позволит писать поддерживаемый код, который будет автоматически переводиться в обычный HTML.</p>
10
<h2>Практика</h2>
10
<h2>Практика</h2>
11
<p>Многие из уроков в данном курсе будут иметь практики с возможностью перехода в веб-доступ. Старайтесь не просто выполнять задание, а после успешного прохождения также экспериментируйте с кодом и возможностями, которые вы узнали.</p>
11
<p>Многие из уроков в данном курсе будут иметь практики с возможностью перехода в веб-доступ. Старайтесь не просто выполнять задание, а после успешного прохождения также экспериментируйте с кодом и возможностями, которые вы узнали.</p>
12
<p>В течение курса вы будете встречать самостоятельные задания. При необходимости вы можете попрактиковаться в задачах, представленных в заданиях.</p>
12
<p>В течение курса вы будете встречать самостоятельные задания. При необходимости вы можете попрактиковаться в задачах, представленных в заданиях.</p>
13
<h2>Рекомендуемые программы</h2>
13
<h2>Рекомендуемые программы</h2>