[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 файла
Подведение итогов интенсива