Создание сайтов [Webcademy] Интенсив. Сборка. Gulp 4, SCSS и шаблонизатор PUG. Тариф «Расширенный» (2019)

[ZetHUB]

[Webcademy] Интенсив. Сборка. Gulp 4, SCSS и шаблонизатор PUG. Тариф «Расширенный» (2019)​

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



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

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

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

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

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

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

По окончанию интенсива у тебя будет:
— код чистой сборки для небольших проектов
— пример верстки сайта на данной сборке
— код сборки Gulp + PUG + JSON для объемных, сложных проектов
— пример верстки сайта на продвинутой сборке

Скачать

​