Интенсив по сборке: Gulp 4, SCSS и PUG

39 участников

О чём курс

За пять дней вы перейдете от ручной верстки к автоматизированной сборке проектов, используя профессиональный стек инструментов. Вы перестанете копировать одинаковые куски кода между страницами — вместо этого научитесь собирать верстку из модулей, как из конструктора, с помощью шаблонизатора PUG и препроцессора SCSS. Внутри интенсива разбираются настройка npm-пакетов, создание Gulp-тасков для компиляции стилей и генерации браузерных префиксов, а также обработка ошибок сборки без остановки процесса. На практике вы перенесете готовый макет на сборку и с нуля сверстаете второй проект, используя переменные, миксины и лейауты. Итогом станут две рабочие сборки: одна для небольших лендингов, другая — с поддержкой JSON для сложных сайтов с большим объемом контента.

Программа обучения

  • Освоение инструментов: консоль, npm, Gulp
    • Установка консоли и работа с npm-пакетами
    • Настройка Gulp и написание первых тасков
    • Подключение локального сервера
  • Работа с препроцессором SCSS
    • Настройка компиляции и исходных карт (source maps)
    • Автоматическая генерация браузерных префиксов
    • Настройка обработки ошибок с нотификациями
  • Практика на учебном макете №1
    • Перенос готовой верстки на Gulp-сборку
    • Разделение стилей на логические модули
  • Работа с шаблонизатором PUG
    • Структурирование верстки и модульный подход
    • Сборка страницы из блоков
  • Практика на учебном макете №2
    • Верстка с нуля на чистой сборке
    • Использование лейаутов, миксинов, секций и блоков
Складчина создана 19 декабря 2019 г. · описание обновлено 23 марта 2026 г.

Другие материалы автора 5

ЮК Юрий Ключевский Все материалы
146 ₽ 1 890 ₽