Pug – це шаблонізатор або HTML-препроцесор, що дозволяє у зручній манері писати код, який буде більш зрозумілий для сприйняття людиною. За допомогою шаблонізатору розробник пише менше коду, створює зручні для сприйняття вкладені конструкції, необхідні змінні та інше.
Курс «Шаблонізатор Pug» розглядає особливості цього інструменту. Ви почнете вивчення Pug з історії виникнення та його основних переваг, порівняно з традиційним HTML. Далі крок за кроком продовжите розгляд усіх нюансів роботи з цим інструментом.
У ході курсу ви детально дізнаєтесь про особливості синтаксису Pug, його тегів та атрибутів. Будуть докладно розглянуті способи використання тексту в рамках різних тегів, а також ви освоїте можливості управління атрибутами, класами та ідентифікаторами.
Крім основного синтаксису, ви навчитеся працювати з вбудованим кодом JavaScript у Pug, використовувати умовні оператори, а також опануєте створення циклів та міксинів для оптимізації та полегшення роботи над проєктами.
Курс також охоплює важливі аспекти використання макетів та включень, допомагаючи вам освоїти спадкування шаблонів та ефективне використання блоків у своїх проєктах.
На завершальному етапі ви матимете можливість застосувати отримані знання під час створення практичного проєкту, який включатиме розробку повноцінної сторінки з використанням усіх навичок, отриманих під час курсу.
Курс підійде як новачкам, так і досвідченим розробникам, які хочуть поглибити свої знання та навички в роботі з Pug. Для успішного проходження цього курсу необхідні базові знання з HTML, CSS та JavaScript.
Ціль уроку – познайомити студентів з явищем шаблонізації, пояснити, для яких потреб вона використовується. Допомогти обрати правильне середовище розробки. Розказати про історію виникнення Pug та розглянути переваги Pug над звичайним HTML.