Онлайн интенсив
Сборка Gulp 4.0
Как вам идея зарабатывать больше, ускорив свой рабочий процесс, за счет внедрения новых инструментов?
Все еще используете
HTML + CSS?
  • Обновление через F5
  • 2000 строк CSS кода в одном файле...
  • ...и столько же HTML
Переходи на красную
сторону силы!
У нас есть Gulp
  • Автообновление в браузере
  • SASS разложен по модулям
  • Сборка HTML
  • Сборка JS, транспиляция babel
  • SVG спрайты
  • Нет дублированию кода
  • Компонентный подход
Быстрее сверстал
— Больше Заработал!
БлагодаряBrowser sync
верстка и стили в браузере обновляются автоматически!
NPMиGulp= возможности
Обработка препроцессора SСSS.
Сжатие, оптимизация и минификация - все в одном инструменте.
Успевай больше!

Со сборкой - та же работа, занимает меньше времени!
Ускорение составляет от 30% до 200%!
Теперь вместо 8 часов, работа занимает всего 4.

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

Технические детали

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

Пакетный менеджер NPM

Сервер Browsersync

Менеджер задач Gulp

Сборка JS скриптов и обработка Babel

CSS препроцессор SCSS

Программа интенсива
Модуль 1
Знакомимся с инструментами для сборки. Устанавливаем. Настраиваем.
Знакомство с инструментами Node.JS и NPM
Основы работы с Gulp
Создание Gulp тасков
Старый и новый синтаксис в Gulp
Модуль 2
Практика. Создание Gulp сборки.
Удаление файлов
Локальный сервер
Сборка html из отдельных секций
Обработка ошибок внутри потока
Автоматическое обновление браузера
Преобразование scss в css
Автоматическое подключение scss файлов
Исходные карты для scss
Группировка медиа-запросов
Минификация CSS
Браузерные префиксы в CSS
Обработка нескольких SCSS файлов. Подключение библиотек
Обработка нескольких JS файлов
Транспиляция ES6 в ES5 c babel
Исходные карты для JS
Сжатие JS кода
Создание SVG спрайтов
Дополнительные таски копирования файлов для сборки
Создание build версии проекта
Таск для сборки дистрибутива проекта. Оптимизированная и сжатая версия проекта
Модуль 3
Работа с готовой сборкой. Перенос верстки на готовую сборку.
Практика работы с сборкой. Презентация. Возможности
Перенос проекта на готовую сборку
Структура для SCSS файлов
Структура для HTML секций
Автоматическая сборка и подключение SVG спрайтов в верстку
Участвовать в интенсиве

Присоединяйся к интенсиву прямо сейчас. Продолжительность интенсива 7 дней, с момента присоединения к интенсиву.
Доступ к урокам остаётся после завершения интенсива.

Базовый
990
  • Модуль 1
  • Модуль 2
  • Модуль 3
  • Видеоуроки
  • Код сборки
  • Ответы на вопросы в чате
  • Пример работы с сборкой
  • 2 скайп консультации с преподавателем
Участвовать
Расширенный
1890
  • Модуль 1
  • Модуль 2
  • Модуль 3
  • Видеоуроки
  • Код сборки
  • Ответы на вопросы в чате
  • Пример работы с сборкой
  • 2 скайп консультации с преподавателем
Участвовать
Премиум
4990
  • Модуль 1
  • Модуль 2
  • Модуль 3
  • Видеоуроки
  • Код сборки
  • Ответы на вопросы в чате
  • Пример работы с сборкой
  • 2 скайп консультации с преподавателем 
Участвовать