Тёмный

#1 Gulp сборка проекта | babel, eslint, browser-sync 

Фронтендер
Подписаться 3,1 тыс.
Просмотров 8 тыс.
50% 1

Опубликовано:

 

23 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 66   
@Фронтендер-з6о
@Фронтендер-з6о 3 года назад
Таймкоды: 0:00​ Интро 0:41​ Создание git-репозитория 1:10​ Настройка editorconfig 2:52​ Установка npm 4:39​ Установка gulp 8:51​ Установка eslint 13:11​ Создание папок проекта 14:17​ Настройка config 17:26​ gulp watch, gulp build 19:03​ Установка husky 19:58​ Установка lint-staged 21:48​ Настройка clean 26:36​ Настройка browser-sync
@ЦарьЦаревич-и1ю
@ЦарьЦаревич-и1ю 3 года назад
Очень рад, что ты вернулся, у тебя просто крутейшие уроки, особенно по Wordpress было очень полезно
@Hello_world_2020A
@Hello_world_2020A 3 года назад
и очень сложно
@romko-romario
@romko-romario 2 года назад
Контент супер, моя огромная благодарность! То что надо, чтобы вырасти от джуна до миддла.
@MaksssHome
@MaksssHome 3 года назад
С возвращением), мы тебя ждали!
@Фронтендер-з6о
@Фронтендер-з6о 3 года назад
Привет!
@MaksssHome
@MaksssHome 3 года назад
@@Фронтендер-з6о Привет! Есть идея по поводу реализации видео по javasсript - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-KqZGuzrY9D4.html Я думаю это гениально и стоит того) Благодарю)
@Фронтендер-з6о
@Фронтендер-з6о 3 года назад
@@MaksssHome Привет! Круто)
@MaksssHome
@MaksssHome 3 года назад
@@Фронтендер-з6о Просто вспомнил что ты подобно также рассказал и отмечал конкретные детали по пунктам, когда рассказывал про разметку на макете
@veaceslavpascaru7294
@veaceslavpascaru7294 3 года назад
Очень приятно видеть ФРОНТЕНДЕРА обратно. С возвращением. Очень ждал твоих видео. Ты молодец!!!!!!!!!!!
@Фронтендер-з6о
@Фронтендер-з6о 3 года назад
Привет! Спасибо
@BobBrown-k5d
@BobBrown-k5d 3 года назад
Безгранично благодарен за этот контент!
@АнараАслалеева
@АнараАслалеева 3 года назад
НУ НАКОНЕЦ ТО!!!!!!!!! УРА!!!!!!! С ВОЗВРАЩЕНИЕМ БРО!!!!!!!!!!!!!!!! СМОТРИМ!!!!!!!!!!!!!!!
@TeeBKECH
@TeeBKECH 3 года назад
Привет, видео ТОП! Жаль для меня пока понимание такой сборки сложновато. Но ничего, разберёмся) Жду новых видео
@Фронтендер-з6о
@Фронтендер-з6о 3 года назад
Привет! Сначала не понятно, со временем становится понятнее)
@alexandrborodin5749
@alexandrborodin5749 3 года назад
Наконец-то!!! Долгожданное возвращение!
@dkyshka2436
@dkyshka2436 3 года назад
Оооо, здравствуй! Ты профи! Наконец то ты вернулся, надеюсь у тебя все превосходно!
@Фронтендер-з6о
@Фронтендер-з6о 3 года назад
Привет! Продолжаем развиваться)
@ИринаГончарова-м8к
Крутые уроки. Полезная информация!
@denismaltsev1798
@denismaltsev1798 3 года назад
с возвращением, спасибо )
@nikitaskin6511
@nikitaskin6511 3 года назад
Отличные видео! С возвращением!
@oleksandr2932
@oleksandr2932 2 года назад
Спасибо. Все понятно)
@ВячеславГончаров-ч1у
Информативный урок
@jackdoe1312
@jackdoe1312 3 года назад
Какие люди, с возвращением, Дима) А чего нибудь на Webpack 5 делать будем? Типа плагины писать да и вообще js побольше.. Или поработать с lodash, jQuery, Vue.js..
@Фронтендер-з6о
@Фронтендер-з6о 3 года назад
Привет! После сборки в планах многостраничный сайт с использованием этой сборки, макет есть и начал его делать. Возможно, запишу посадку на wp с новым макетом уже с посложнее функционалом. А дальше надо будет думать, обязательно на js что-нибудь
@jackdoe1312
@jackdoe1312 3 года назад
@@Фронтендер-з6о Буду ждать. Как сказал один известный в мире спортсмен:" делай то, что другие не делают, станешь лучшим"))
@Mamikonars
@Mamikonars 3 года назад
@@Фронтендер-з6о да было бы круто верстка + WP! Жду с нетерпением.
@АндрейЕльцин-г2м
@АндрейЕльцин-г2м 2 года назад
Пиздец как сложно, но интересно.
@Виталий-й7ч4ъ
@Виталий-й7ч4ъ 3 года назад
Бро с возращение!
@oleksandrilchuck8482
@oleksandrilchuck8482 3 года назад
Спасибо!
@romanroman4308
@romanroman4308 3 года назад
спасибо!
@pavelrugal6563
@pavelrugal6563 3 года назад
привет бро) когда следующий видос? почему выбрал gulp, а не webpack?
@Фронтендер-з6о
@Фронтендер-з6о 3 года назад
Привет! В четверг, по этому курсу буду выкладывать в понедельник и четверг. Потому что в основном работаю на gulp и показываю свои практики, возможно, в дальнейшем перейду на на webpack
@НиколайТитов-ч5п
В самом конце появилась непонятная ситуация: при изменении в html сервер автоматически перезагружается, а при изменении в css или добавлении в папку images нет, только в режиме ручной перезагрузки. Может дело в версиях плагинов? В некоторых случаях очень большая разница.
@Фронтендер-з6о
@Фронтендер-з6о Год назад
Да, что-то может сломаться, если разные версии
@BobBrown-k5d
@BobBrown-k5d 3 года назад
Почему возникает предупреждение? The following tasks did not complete: build, clean Did you forget to signal async completion? В видео оно есть, например, на 16:29, но на 26:09 его уже нет. А у меня продолжает выводиться
@Фронтендер-з6о
@Фронтендер-з6о 3 года назад
Привет! Потому что при галп таски ожидают асинхронные функции. В первом примере выводится console.log и больше ничего не делается, галп не понимает завершилась ли функция. Во втором примере возвращается del (он возвращает промис, написано в документации www.npmjs.com/package/del) В первом примере можно вызвать callback функцию, тогда мы покажем, что функцию завершилась и этой ошибки не будет. В документации gulp про это написано gulpjs.com/docs/en/getting-started/async-completion/
@SuccessMoron
@SuccessMoron 3 года назад
Привет! Почему пропал? Я благодаря тебе, 2 проект закрыл. Спасибо за контент!
@Фронтендер-з6о
@Фронтендер-з6о 3 года назад
Привет! Так получилось, что сильно затянул. Сейчас продолжаю
@Фронтендер-з6о
@Фронтендер-з6о 3 года назад
@Дмитрий Самарин Привет! Пока точной даты нет
@Фронтендер-з6о
@Фронтендер-з6о 3 года назад
@Дмитрий Самарин Да, мне это интересно, но из-за того что сильно загружен + это много времени отнимает, идет долгая прокрастинация
@chowdur446
@chowdur446 2 года назад
Братан делай пожалуйста урок по js как делать самому бургер модальный окно
@Фронтендер-з6о
@Фронтендер-з6о 2 года назад
Привет! Интересно самому реализовывать такие компоненты, но обещать не могу
@svet0v
@svet0v 3 года назад
А зачем подключать babel так замудренно, если можно как есть сделать проще? github.com/budfy/Easy-webdev-startpack
@Фронтендер-з6о
@Фронтендер-з6о 3 года назад
Привет! Возможно, но можешь уточнить в чем проще?
@romannovak375
@romannovak375 3 года назад
помогите пожалуйста у меня не работает husky версия 7.0.1 😓
@Фронтендер-з6о
@Фронтендер-з6о 3 года назад
Привет! Там изменилась документация, можно поставить старую версию как в уроке и тогда все будет работать, или посмотри здесь typicode.github.io/husky/#/
@АндрейЕльцин-г2м
@АндрейЕльцин-г2м 2 года назад
Npm run dev браузер не открывается и даже в открытом страница не открывается
@Фронтендер-з6о
@Фронтендер-з6о 2 года назад
Привет! Браузер не откроется, надо вручную открывать. Если хочется, чтобы браузер открывался, надо здесь true поставить github.com/DmitryBerdnikov/gulp-frontend-start-project/blob/b7b6157eec1347d2a0a4b28c43ebaadb2d9c9e4f/gulp/tasks/server.js#L20
@НиколайТитов-ч5п
@@Фронтендер-з6о [Browsersync] Serving files from: build [Browsersync] Watching files... и все , ни на что не реагирует. Html открывает только в ручном режиме, а на изменения в css и папке images вообще забил. open: true, notify: false, И как с этим бороться?😂
@Фронтендер-з6о
@Фронтендер-з6о Год назад
@@НиколайТитов-ч5п Привет! Если поставить версии пакетов, как в примере на гитхабе, то не работает? Если версии отличаются, то что-то может сломаться
@gvitoss
@gvitoss 3 года назад
Да ладно?)
@Фронтендер-з6о
@Фронтендер-з6о 3 года назад
Привет!
@shifronim8950
@shifronim8950 3 года назад
Привет, а эта сборка галпа для винды?
@Фронтендер-з6о
@Фронтендер-з6о 3 года назад
Привет! Необязательно, вроде нету ничего специфичного для винды
@shifronim8950
@shifronim8950 3 года назад
@@Фронтендер-з6о ок спасибо, задумался встанет ли на десятой винде или надо будет wsl2 пытаться завести
@vvkk3423
@vvkk3423 3 года назад
Комментарий
@Hello_world_2020A
@Hello_world_2020A 3 года назад
Я не понимаю Зачем мне учить Gulp
@Фронтендер-з6о
@Фронтендер-з6о 3 года назад
Привет! Сборщики проектов упрощают разработку
Далее
#2 Gulp сборка проекта | javascript
12:02
Просмотров 2,6 тыс.
ТАЙНА ТРАВЫ #shorts
00:22
Просмотров 862 тыс.
МУЖСКИЕ ДУХИ
00:33
Просмотров 149 тыс.