GULP - ПОЛНЫЙ КУРС 2024 | УДОБНАЯ СБОРКА САЙТА | УСТАНОВКА И НАСТРОЙКА скачать в хорошем качестве

GULP - ПОЛНЫЙ КУРС 2024 | УДОБНАЯ СБОРКА САЙТА | УСТАНОВКА И НАСТРОЙКА

👩‍🎓Сопровождение к видео, команды, ссылки, доп.материал: https://3dh.pro/about#education 📱 Телеграм (поддержка, онлайн-чат со мной и нашим сообществом): https://t.me/+ptcLDf_acOpkYjQy Это максимально подробный большой видеоурок по настройке с нуля Gulp 4 для начинающих, в нём по шагам объясняется, как правильно и без ошибок установить и настроить сборщик (таскраннер) Gulp. Изучив данный курс вы получаете свою собственную понятную сборку Gulp, мы разберём, как работает gulpfile.js, как устроен package.json и многое другое. После изучения курса, вы сможете сами создавать удобные сборки Gulp для любых ваших задач, и сможете понимать, как всё устроено в конфигурационных файлах. Сборка обновлена и построена на основе устаревшей сборки Gulp Дмитрия Валака (канал BrainsCloud), с объяснением и уточнением многих моментов. В этом видео: 0:00 Что такое Gulp и зачем он нужен 4:30 Установка Node JS 6:52 Установка Git Bash 9:49 Как установить Gulp глобально 10:51 Создание папки для Gulp-проекта 12:15 Создание Package.json | Начальная настройка 16:28 Создание Gulpfile.js 19:20 Установка модулей/плагинов для Gulp 19:55 Плагин Gulp-Autoprefixer | Установка и зачем он нужен 22:14 Плагин Gulp-CSSBeautify | Установка и зачем он нужен 23:21 Плагин Gulp-Strip-CSS-Comments | Установка и зачем он нужен 24:16 Плагин Gulp-Rename | Установка и зачем он нужен 25:21 Плагин Gulp-Sass | Установка и зачем он нужен 25:40 Ошибка Gulp-Sass | Решение ошибки 27:25 Плагин Gulp-CSSnano | Установка и зачем он нужен 28:08 Плагин Gulp-Rigger | Установка и зачем он нужен 29:14 Плагин Gulp-Uglify | Установка и зачем он нужен 29:30 Плагин Gulp-Plumber | Установка и зачем он нужен 30:22 Плагин Gulp-Imagemin | Установка и зачем он нужен 31:02 Ошибка Gulp-Imagemin | require is not defined in ES module 33:17 Плагин Del | Установка и зачем он нужен 33:54 Ошибка плагина Del 34:43 Плагин Panini | Установка и зачем он нужен 35:31 Плагин BrowserSync | Установка и зачем он нужен 36:16 Удобная структура проекта 39:15 Сonst Path | Настройка путей к папкам проекта 49:51 Таск HTML | Настройка GULP-Тасков 58:07 Таск CSS | Настройка GULP-Тасков 1:07:31 Таск JS | Настройка GULP-Тасков 1:13:43 Таск IMAGES | Настройка GULP-Тасков 1:20:01 Таск CLEAN | Настройка GULP-Тасков 1:24:10 Таск FONTS | Настройка GULP-Тасков 1:25:01 Одновременный запуск тасков | Настройка Build | Gulp.series 1:28:11 Таск WATCH | Настройка слежения за изменениями | Gulp.parallel 1:33:45 Настройка BrowserSync | Live Reload | Локальный сервер 1:39:33 Gulp-Nofify | Красивое отображение ошибок | Установка, настройка 1:45:23 Плагин Panini | Как установить, настроить 1:48:20 Плагин Panini | Шаблоны, разбиение HTML на части | Layouts Partials 1:55:41 Плагин Panini | Как работать с Data JSON 1:59:03 Перенос настроек Gulp в новый проект 2:03:59 Заключение