Скачать с ютуб Gulp сборка 2023 с нуля | Установка настройка и запуск — полный курс по Gulp для верстки сайтов в хорошем качестве

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

Готовая сборка Gulp Starter 2023: https://boosty.to/codequest/posts/0dc... Подписывайся на альтернативные каналы: — https://vk.com/codequest — https://t.me/codequest В этом курсе мы рассмотрим что такое 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". Остались вопросы? Пишите в комментарии! ------------------------------------------------------------------------------------------------------ Если тебе интересна данная тематика, подпишись на канал! Для меня это также станет дополнительным стимулом продолжать свою работу. Также жду вас на моем сайте https://codequest.ru Здесь вы найдете подробные интерактивные курсы по веб-разработке.