Интенсив и сборка через Gulp 4, SCSS, шаблонизатор PUG

Описание

За неполных 7 часов вы узнаете что такое Gulp, начнёте использовать сборку вёрстки на практике. В курсе есть информация о правильном структурировании CSS, HTML код, а также о CSS препроцессоре - SCSS и шаблонизаторе PUG, применять в верстке переменные, миксины, подключаемые секции, шаблоны и разделять верстку и контент. После просмотра всего видеокурса вы сможете выполнять заказы на фрилансе в которых фигурирует Gulp - сборка, препроцессоры и шаблонизатор PUG.

Что будет на интенсиве:

1. Освоим инструменты: консоль, npm, Gulp.

Установим консоль. Разберемся с тем как работают npm пакеты. Установи Gulp. Напишем первые Gulp таски. Установим локальный сервер.

2. Настроим работу с препроцессором SCSS.

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

3. Закрепим все на практике, на учебном макете.

Перенесем верстку готового проекта на Gulp сборку, разобьём стили на составляющие. Первый учебный макет.

4. Познакомимся с шаблонизатором PUG.

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

5. Еще раз закрепим на практике.

Сверстаем на готовой сборке второй учебный проект. Верстка с нуля, на чистой сборке. Лейауты, миксины, секции, блоки. Модульная верстка в действии.

По окончанию интенсива у тебя будет:

1. Код чистой сборки для небольших проектов
2. Пример верстки сайта на данной сборке
3. Код сборки Gulp + PUG + JSON для объемных, сложных проектов
4. Пример верстки сайта на продвинутой сборке