Gulp для верстальщика
Освойте таск-менеджер Gulp 4, чтобы ускорить свою работу и зарабатывать больше
Курс
Что такое Gulp
Gulp — это таск-менеджер для автоматического выполнения часто используемых задач. Им пользуются, когда нужно поднять сервер, автоматически обновлять страницы браузера, в любой момент сохранять файлы, использовать препроцессоры Sass или LESS, оптимизировать CSS, JavaScript и изображения.
Что вы получите
Короткие занятия
(15-25 минут)
(15-25 минут)
Нужно выделить 2 часа в своем графике для обучения. По нашей методике этого достаточно, чтобы научиться работать с JavaScript и начать на этом зарабатывать.
Ощутимый результат за несколько уроков
Пройдя все уроки, вы освоите инструмент, который позволит работать быстрее. Сможете работать быстрее — заработаете больше.
Вечный доступ к записям курса
Вы не зависите от расписания курса — можно проходить, когда удобно вам.. Все записи и задания сохраняются и доступны онлайн в любое время.
Как проходит обучение
Смотрите видеоуроки
В каждом уроке коротко и содержательно раскрывается одна тема и дается нужная информация для закрепления материала. Уроки без воды – только суть. Всё показывается на экране как пошаговая инструкция.
Выполняете
домашнее задание
домашнее задание
Задания помогают усвоить материал и закрепить знания. Есть легкие домашние задания и усложненные. Легкие можно выполнить в течение 1 часа. На сложные потребуется больше времени.
Урок 1. Знакомство с инструментом Gulp
- Предназначение Gulp;
- Отличие от webpack;
- Gulp 4. Понятие tasks, параллельное и последовательное выполнение;
- Настройка окружения – node.js, npm, терминал, редактор кода VS Code;
- Когда не стоит использовать gulp?
- Установка gulp. Создание структуры проекта
Урок 2. Настройка Browsersync. Работа с файлами
Предназначение Browsersync;
Подключение в проект и настройка параметров;
Создание задач объединения и минификации javascript файлов;
Gulp функции watch() и parallel()
Подключение в проект и настройка параметров;
Создание задач объединения и минификации javascript файлов;
Gulp функции watch() и parallel()
Урок 3. Работа с файлами CSS, HTML и препроцессорами
- Настройка плагинов для работы с SASS, минификации CSS, авторасстановки префиксов;
- Плагин для работы с препроцессором Less;
- Минификация HTML.
Урок 4. Работа с изображениями. Функция сборки файлов проекта
- Настройка плагинов: работы с изображениями, отслеживание обработанных файлов, работа с директориями и файлами;
- Шаблонизация: разбиение верстки на части (header, footer, ...);
- Создание функции сборки файлов проекта с запуском задач.
Урок 5. Выгрузка файлов на сервер по FTP. Использование сборки в проектах. Загрузка сборки на GitHub
- Настройка выгрузки файлов по FTP. Настройка логирования;
- Работа со сборкой в проектах. Использование GitHub для клонирования;
- Отслеживание обработанных файлов.
- Самостоятельная доработка сборки.
ИП Исламов Артем Данисович ОГРНИП: 318028000152678
ИНН 026408036102
ИНН 026408036102
Glo Academy