[WebCademy] Сборка Gulp 4.0. Пакет Расширенный

​

Все еще используете
HTML + CSS?

• Обновление через F5
• 2000 строк CSS кода в одном файле...
• ...и столько же HTML

Переходи на красную сторону силы!
У нас есть

• Автообновление в браузере
• SASS разложен по модулям
• Шаблонизатор PUG
• Нет дублированию кода
• Компонентный подход

Быстрее сверстал
— Больше Заработал!
Благодаря
верстка и стили в браузере обновляются автоматически!
= возможности
Обработка препроцессоров SASS и PUG.
Сжатие, оптимизация и минификация - все в одном инструменте.
Успевай больше!
Со сборкой - та же работа, занимает меньше времени!
Ускорение составляет от 30% до 200%!
Теперь вместо 8 часов, работа занимает всего 4.

Освободившееся время можно потратить на дополнительные проекты, отдых, хобби, спорт, семью, рыбалку!)

Технические детали
Приходи на интенсив. На нем мы с нуля научимся собирать и настраивать свои сборки, устанавливая необходимые плагины. Даже если ты видишь все вышеперечисленные названия и логотипы впервые - мы совсем разберемся.

Спойлер: Программа

Программа интенсива
День 1
Знакомимся с инструментами для сборки. Устанавливаем. Настраиваем.
Знакомство с инструментами
Старт работы с Gulp
BrowserSync - сервер и автообновление
CSS препроцессор SASS

День 2
Практика. Учебный проект №1.
Перенос проекта на Gulp сборку
Структурирование CSS стилей
Структурирование HTML с помощью Gulp

День 3
HTML шаблонизатор PUG.
Введение. Презентация. Возможности
Структура проекта: src и build
PUG. Структура страниц, секций, блоков

День 4
Практика. Учебный проект №2.
Чистая сборка под новый проект
Верстка макета с использованием сборки и шаблонизатора PUG

День 5
Практика. Учебный проект №2.
Чистая сборка под новый проект
Верстка макета с использованием сборки и шаблонизатора PUG
Бонус. Шаблонизация контента из JSON файла
Подведение итогов интенсива