Програма курсу

Основи Pug та робота з CLI

На цьому курсі починають з основ - вивчають Pug CLI та базові принципи генерації HTML. Студенти вчаться створювати теги, працювати з вкладеними елементами, розрізняти блокові та рядкові теги. Також розглядають роботу з текстом, атрибутами та коментарями.

Логіка та контроль структури

Далі курс переходить до логічних конструкцій. Студенти освоюють switch case, цикли та умови в Pug. Вчаться вставляти JavaScript код, працювати з типами документів та виводити масиви. Цей модуль дає змогу динамічно керувати вмістом сторінок.

Розширені можливості та інтеграція

Третій модуль охоплює складніші концепції. Тут вивчають інклуди для розбиття сторінки на файли, успадкування шаблонів та інтерполяцію змінних. Особливу увагу приділяють міксинам та практичному застосуванню Pug в express.js для створення серверних додатків.

Практичні спринти

Курс містить шість практичних спринтів. Вони починаються з знайомства з Pug CLI та структурою сторінки. Потім студенти вчаться працювати в Codepen.io, освоюють розбиття сторінки на файли через includes. Далі йде підключення скриптів, робота зі змінними, умовами та циклами.

Переваги вивчення Pug

Pug значно прискорює написання HTML та зменшує кількість помилок. Він дає гнучкість у генерації коду, спрощує взаємодію з сервером та дозволяє повторно використовувати код. Це полегшує перехід до фреймворків та підвищує ефективність розробки.

Вимоги до студентів

Для успішного проходження курсу потрібні базові навички роботи з комп'ютером та знання HTML з CSS. Досвід програмування не є обов'язковим, але буде корисною.

Формат навчання

Курс включає 8 спринтів з 30 практичними завданнями. Студенти отримують допомогу та підтримку, розбір та усунення помилок. Доступ до матеріалів надається без часових обмежень.

Що включено

Гнучкий графік

Супровід ментора

PUG - препроцесор HTML

Про курс

Програма курсу

Основи Pug та робота з CLI

Логіка та контроль структури

Розширені можливості та інтеграція

Практичні спринти

Переваги вивчення Pug

Вимоги до студентів

Формат навчання

Що включено

Про школу

ITGid

Інші курси школи

JavaScript24 (part 2)

JavaScript24 (part 1)

PHP 2023 - base