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
Здесь вы найдете подробные интерактивные курсы по веб-разработке.
Watch video Gulp сборка 2023 с нуля | Установка настройка и запуск — полный курс по Gulp для верстки сайтов online without registration, duration hours minute second in high quality. This video was added by user CodeQuest 17 November 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 61,845 once and liked it 1.9 thousand people.