Gulp сборка 2023 с нуля | Установка настройка и запуск — полный курс по Gulp для верстки сайтов

Готовая сборка Gulp Starter 2023: Подписывайся на альтернативные каналы: — — В этом курсе мы рассмотрим что такое Gulp и для чего он нужен, как правильно выполнить его установку и запустить на windows, какие плагины использовать для работы с HTML, CSS, JavaScript, изображениями и шрифтами. В результате вы получите готовую сборку для верстальщика и сможете использовать ее во всех своих проектах. — при этом мы разобьем всю нашу сборку на отдельные компоненты — настроим скрипты для разработки и продакшена — посмотрим, как использовать ES6 модули — и многое другое Все это в виде подробной инструкции по настройке Gulp с полного нуля: 0:00 Введение 1:09 Установка Gulp (install) 3:49 Написание и запуск задач 7:25 Файловый поток (копирование файлов) 11:02 Маски для выбора файлов 13:40 Задача для работы с HTML 20:24 Отслеживание изменений (gulp watch) 23:40 Синхронизация с браузером (browsersync) 27:00 Обработка ошибок 30:07 Удаление директории 32:08 Работы с Pug 37:17 Модули и файлы конфигурации 46:26 Задача для CSS 01:02:08 Препроцессор Sass (gulp sass) 01:08:03 Работа с JavaScript (babel, webpack) 01:16:58 Оптимизация изображений (htmlmin) 01:23:48 Работа с WebP 01:29:47 Конвертация шрифтов 01:34:50 Подготовка к production 01:43:02 Сокращение кода сборки 01:50:19 Использование модулей ES6 01:59:15 Применение сборки в реальном проекте Если у вас не запускается или не работает Gulp, убедитесь, что ваш проект не называется “gulp“ и вы установили пакет “gulp-cli“. Остались вопросы? Пишите в комментарии! ------------------------------------------------------------------------------------------------------ Если тебе интересна данная тематика, подпишись на канал! Для меня это также станет дополнительным стимулом продолжать свою работу. Также жду вас на моем сайте Здесь вы найдете подробные интерактивные курсы по веб-разработке.