Gulp 2024, полное руководство, современный синтаксис

Обновленная начальная сборка по gulp 4. Создал сборку для дальнейшего масштабирования и верстки проектов на канале.

Видео о препроцессорах:

Мой патреон:

0:40 - Что такое Gulp
3:17 - Как установить Gulp
17:38 - Как установить Gulp локально
20:30 - Создание структуры папок
26:32 - Установка плагина gulp-sass и sass
40:24 - Установка плагина gulp-concat
44:40 - Установка плагина gulp-uglify-es
52:00 - Добавление функции watch
57:06 - Установка плагина browsersync
1:10:20 - Добавление функции parralel
1:17:00 - Установка плагина gulp-autoprefixer
1:22:50 - Как поключить несколько файлов js
1:29:55 - Как подключать css из библиотек
1:34:45 - Как настроить билд
1:39:05 - Установка плагина gulp-clean
1:42:30 - Добавление функции series
1:47:18 - Как использовать сборку на практике

Подпишитесь на канал, если вам понравилось данное видео:

[СергейБесунов]

0:40 Что такое Gulp
3:17 Как установить Gulp
17:38 Как установить Gulp локально
20:30 Создание структуры папок
26:32 Установка плагина gulp-sass и sass
40:24 Установка плагина gulp-concat
44:40 Установка плагина gulp-uglify-es
52:00 Добавление функции watch
57:06 Установка плагина browsersync
1:10:20 Добавление функции parralel
1:17:00 Установка плагина gulp-autoprefixer
1:22:50 Как поключить несколько файлов js
1:29:55 Как подключать css из библиотек
1:34:45 Как настроить билд
1:39:05 Установка плагина gulp-clean
1:42:30 Добавление функции series
1:47:18 Как использовать сборку на практике

[irinazhuravleva]

Такой стиль вечеринки помогает оставаться в фокусе и смотреть все два часа, почти не прерываясь на что-то развлекательное. Огромное спасибо, Вадим, за стиль, простые слова для сложных понятий и всегда актуальный контент!

[deadcloud]

Вадим! хочу поблагодарить, за то что человеческим языком ты объясняешь все, уже на протяжении многих лет)) если на горизонте появляются люди которые спрашивают меня, мол а как тут сверстать, а как тут сделать, даю им моментальную наводку на твою вечеринку))Луплю тебе ЖИРНЫЙ (прям такой с font-weight: 700) лайк)) Желаю успехов тебе и здоровья !!!

[mihailmotorkin]

Вадим! Ты красавчик, каких не видывал YouTube. Ты делаешь сложное простым и понятным. Просто как ручка крана, открываешь и водичка течёт. Та форма подачи информации, которой ты мастерски орудуешь, как самурай катаной (с юмором и понятными терминами), льется как песТня в наши уши. И мы в ритме танца... Спасибо тебе за такую найлэпшу вечеринку. Здоровья, успехов в дизайне макетов (ждём это чудо) и только вперёд!

[mardvey]

Спасибо, Вадим!) Ждал от Вас именно этого видоса!)
Здоровья Вам и близким! :)

[ДмитрийМакаренко-бр]

Прекрасный преподаватель. У меня галп всё время ломался, я не мог понять его суть, а тут объяснение неспеша, по шагам, с юморком. И, главное, всё получается)

[Tortik-KOKO]

Думаю нужно ещё добавить шрифты, изображения, видео, аудио файлы (как их сжимать и вставлять проект). Есть же ещё модульное подключение, интересно узнать через import или require быстрее будет работать сборка. Ну и сам webpack погрызть надо, а ещё показать как его связать с gulp. Супер ролик, жду продолжение)

[ДенисАгейчев]

Благодарочка Вадиму! Начинал с твоих видео во frontend. Самый веселый и очень харизматичный человек. Твои вечерники останутся навсегда в моем сердце)) Не хватает конечно курсов по React, NextJs, NodeJs, TS и других. Огромное тебе спасибо, без тебя я бы шатался на старой не любимой работе!

[Brestok]

Я всегда мечтал так разговаривать) По приколу все четко и понятно объясняет. Респект))!!

[filimon]

Вадим, спасибо огромное за класнный и очень полезный видос!
Вдруг, кто-то столкнулся с такой-же проблемой как у меня, что при запуске функции build консоль выдаёт ошибку и ругается на autoprefixer, то просто сделайте откат до 8-й версии. Мне, это помогло.

[sergey_kopylov]

Огромное спасибо за уроки! Лучший на ютубе! Пусть вечеринка никогда не заканчивается!

[niakhai]

Да ладно, только сел искать свежее видео по gulp )))

[ЛюсяРыбальченко-зш]

По прежнему жду курс по прокачке новичков на новый уровень! Не знаю зачем мне, разработчик должен развиваться сам, наверно просто соскучилась за вашей командой! У меня был самый лучший ментор, я получила не только знания а и огромное удовольствие! Так что жду с нетерпением новость о новом курсе! Вам удачи и только развития, развития, развития

[Shved_.]

Вчера оставил коммент для продвижения видео, а сегодня посмотрел, и готов резюмировать.
Объяснено просто пушка, ты лучший, если кто-то скажет что не так, не верь им, у тебя талант, на расслабоне объяснять простыми словами, непростые вещи.

[alexkodding]

Посмотрел видос как новый фильм Мстителей))) не отрываясь от манитора😅 Вадим огромное спасибо))😊

[maks_tyson]

Вадим, спасибо тебе за то что ты есть! Я все обучалки по галпу пересмотрел, но так как они были загружены год назад и выше, у меня постоянно возникали ошибки на каждом этапе. Какое счастье было увидеть твое видео и повторяя твои действия, видеть что все работает. Это просто Новый Год какой то, у меня просто снос кабины от счастья! Спасибоооо :3

[SingleClutch]

*словарный запас пополнен* =)) Это наверное десятый твой ролик +- к ряду просмотренный, что то знал, что то не знал, смотрю с удовольствием все впитываю, в закладки добавляю. Спасибо!

[lookaround]

Спасибо! Без воды, всё как надо! Хотелось бы в следующих видео увидеть реализацию сборки под мультистраничный сайт и подключение конкретных файлов скриптов и стилей к конкретным страницам, а не все стили и скрипты ко всем страницам:) Еще раз спасибо за труд!

[upwlqwp]

Ещё отдельное огромное спасибо за пояснение работы на мак. Я столько мучилась при первых попытках, что-то сделать и получить в этом терминале.. не описать всю мою боль

[Bamserok]

Вадим, спасибо за вечериночки! Один из немногих блогеров, которых приятно и весело слушать.