[Webcademy] Интенсив. Сборка. Gulp 4, SCSS и шаблонизатор PUG. Тариф «Расширенный» [23 — 27 Декабря] [Юрий Ключевский]

[Webcademy] Интенсив. Сборка. Gulp 4, SCSS и шаблонизатор PUG. Тариф «Расширенный» [23 — 27 Декабря] [Юрий Ключевский]

За 5 дней ты освоишь Gulp, начнешь использовать сборку в своей работе.

Научишься структурировать свой CSS и HTML код, использовать CSS препроцессор SCSS и шаблонизатор PUG, применять в верстке переменные, миксины, подключаемые секции, шаблоны и разделять верстку и контент.

Сможешь брать на фрилансе заказы в которых фигурирует gulp сборка, препроцессоры и шаблонизатор PUG.​

Что будет на интенсиве:
1. Освоим инструменты: консоль, npm, Gulp.
Установим консоль. Разберемся с тем как работают npm пакеты. Установи Gulp. Напишем первые Gulp таски. Установим локальный сервер.

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

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

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

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

Спойлер: Учебные проекты

По окончанию интенсива у тебя будет:
— код чистой сборки для небольших проектов

— пример верстки сайта на данной сборке

— код сборки Gulp + PUG + JSON для объемных, сложных проектов

— пример верстки сайта на продвинутой сборке

Спойлер: Продажник

Скрытая ссылка