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

Поделиться
HTML-код
  • Опубликовано: 25 янв 2025

Комментарии • 66

  • @Фронтендер-з6о
    @Фронтендер-з6о  4 года назад +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

  • @romko-romario
    @romko-romario 2 года назад +1

    Контент супер, моя огромная благодарность! То что надо, чтобы вырасти от джуна до миддла.

  • @ЦарьЦаревич-и1ю
    @ЦарьЦаревич-и1ю 3 года назад +2

    Очень рад, что ты вернулся, у тебя просто крутейшие уроки, особенно по Wordpress было очень полезно

  • @veaceslavpascaru7294
    @veaceslavpascaru7294 4 года назад +2

    Очень приятно видеть ФРОНТЕНДЕРА обратно. С возвращением. Очень ждал твоих видео. Ты молодец!!!!!!!!!!!

  • @АнараАслалеева
    @АнараАслалеева 3 года назад

    НУ НАКОНЕЦ ТО!!!!!!!!! УРА!!!!!!! С ВОЗВРАЩЕНИЕМ БРО!!!!!!!!!!!!!!!! СМОТРИМ!!!!!!!!!!!!!!!

  • @MaksssHome
    @MaksssHome 4 года назад +4

    С возвращением), мы тебя ждали!

    • @Фронтендер-з6о
      @Фронтендер-з6о  4 года назад +1

      Привет!

    • @MaksssHome
      @MaksssHome 3 года назад

      @@Фронтендер-з6о Привет! Есть идея по поводу реализации видео по javasсript - ruclips.net/video/KqZGuzrY9D4/видео.html
      Я думаю это гениально и стоит того) Благодарю)

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 года назад +1

      @@MaksssHome Привет! Круто)

    • @MaksssHome
      @MaksssHome 3 года назад

      @@Фронтендер-з6о Просто вспомнил что ты подобно также рассказал и отмечал конкретные детали по пунктам, когда рассказывал про разметку на макете

  • @TeeBKECH
    @TeeBKECH 4 года назад +3

    Привет, видео ТОП! Жаль для меня пока понимание такой сборки сложновато. Но ничего, разберёмся) Жду новых видео

    • @Фронтендер-з6о
      @Фронтендер-з6о  4 года назад

      Привет! Сначала не понятно, со временем становится понятнее)

  • @dkyshka2436
    @dkyshka2436 3 года назад +1

    Оооо, здравствуй! Ты профи! Наконец то ты вернулся, надеюсь у тебя все превосходно!

  • @BobBrown-k5d
    @BobBrown-k5d 3 года назад +2

    Безгранично благодарен за этот контент!

  • @alexandrborodin5749
    @alexandrborodin5749 3 года назад +1

    Наконец-то!!! Долгожданное возвращение!

  • @ИринаГончарова-м8к
    @ИринаГончарова-м8к 3 года назад +1

    Крутые уроки. Полезная информация!

  • @nikitaskin6511
    @nikitaskin6511 4 года назад +1

    Отличные видео! С возвращением!

  • @denismaltsev1798
    @denismaltsev1798 3 года назад +1

    с возвращением, спасибо )

  • @oleksandr2932
    @oleksandr2932 3 года назад +1

    Спасибо. Все понятно)

  • @ВячеславГончаров-ч1у
    @ВячеславГончаров-ч1у 3 года назад +1

    Информативный урок

  • @jackdoe1312
    @jackdoe1312 4 года назад +1

    Какие люди, с возвращением, Дима)
    А чего нибудь на Webpack 5 делать будем? Типа плагины писать да и вообще js побольше.. Или поработать с lodash, jQuery, Vue.js..

    • @Фронтендер-з6о
      @Фронтендер-з6о  4 года назад +2

      Привет! После сборки в планах многостраничный сайт с использованием этой сборки, макет есть и начал его делать. Возможно, запишу посадку на wp с новым макетом уже с посложнее функционалом. А дальше надо будет думать, обязательно на js что-нибудь

    • @jackdoe1312
      @jackdoe1312 4 года назад +1

      @@Фронтендер-з6о Буду ждать. Как сказал один известный в мире спортсмен:" делай то, что другие не делают, станешь лучшим"))

    • @Mamikonars
      @Mamikonars 3 года назад +1

      @@Фронтендер-з6о да было бы круто верстка + WP! Жду с нетерпением.

  • @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 года назад +1

      Привет!
      Потому что при галп таски ожидают асинхронные функции.
      В первом примере выводится console.log и больше ничего не делается, галп не понимает завершилась ли функция. Во втором примере возвращается del (он возвращает промис, написано в документации www.npmjs.com/package/del)
      В первом примере можно вызвать callback функцию, тогда мы покажем, что функцию завершилась и этой ошибки не будет.
      В документации gulp про это написано gulpjs.com/docs/en/getting-started/async-completion/

  • @Виталий-й7ч4ъ
    @Виталий-й7ч4ъ 3 года назад +1

    Бро с возращение!

  • @НиколайТитов-ч5п

    В самом конце появилась непонятная ситуация: при изменении в html сервер автоматически перезагружается, а при изменении в css или добавлении в папку images нет, только в режиме ручной перезагрузки. Может дело в версиях плагинов? В некоторых случаях очень большая разница.

  • @АндрейЕльцин-г2м
    @АндрейЕльцин-г2м 3 года назад +1

    Пиздец как сложно, но интересно.

  • @pavelrugal6563
    @pavelrugal6563 3 года назад +1

    привет бро) когда следующий видос? почему выбрал gulp, а не webpack?

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 года назад +1

      Привет! В четверг, по этому курсу буду выкладывать в понедельник и четверг. Потому что в основном работаю на gulp и показываю свои практики, возможно, в дальнейшем перейду на на webpack

  • @oleksandrilchuck8482
    @oleksandrilchuck8482 3 года назад +1

    Спасибо!

  • @romannovak375
    @romannovak375 3 года назад

    помогите пожалуйста у меня не работает husky версия 7.0.1 😓

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 года назад +1

      Привет!
      Там изменилась документация, можно поставить старую версию как в уроке и тогда все будет работать, или посмотри здесь typicode.github.io/husky/#/

  • @romanroman4308
    @romanroman4308 3 года назад +1

    спасибо!

  • @АндрейЕльцин-г2м
    @АндрейЕльцин-г2м 3 года назад

    Npm run dev браузер не открывается и даже в открытом страница не открывается

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 года назад

      Привет!
      Браузер не откроется, надо вручную открывать.
      Если хочется, чтобы браузер открывался, надо здесь true поставить
      github.com/DmitryBerdnikov/gulp-frontend-start-project/blob/b7b6157eec1347d2a0a4b28c43ebaadb2d9c9e4f/gulp/tasks/server.js#L20

    • @НиколайТитов-ч5п
      @НиколайТитов-ч5п Год назад

      @@Фронтендер-з6о [Browsersync] Serving files from: build
      [Browsersync] Watching files...
      и все , ни на что не реагирует. Html открывает только в ручном режиме, а на изменения в css и папке images вообще забил.
      open: true,
      notify: false,
      И как с этим бороться?😂

    • @Фронтендер-з6о
      @Фронтендер-з6о  Год назад

      @@НиколайТитов-ч5п Привет! Если поставить версии пакетов, как в примере на гитхабе, то не работает?
      Если версии отличаются, то что-то может сломаться

  • @shifronim8950
    @shifronim8950 3 года назад

    Привет, а эта сборка галпа для винды?

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 года назад +1

      Привет! Необязательно, вроде нету ничего специфичного для винды

    • @shifronim8950
      @shifronim8950 3 года назад

      @@Фронтендер-з6о ок спасибо, задумался встанет ли на десятой винде или надо будет wsl2 пытаться завести

  • @chowdur446
    @chowdur446 3 года назад

    Братан делай пожалуйста урок по js как делать самому бургер модальный окно

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 года назад +1

      Привет! Интересно самому реализовывать такие компоненты, но обещать не могу

  • @svet0v
    @svet0v 3 года назад +1

    А зачем подключать babel так замудренно, если можно как есть сделать проще? github.com/budfy/Easy-webdev-startpack

    • @Фронтендер-з6о
      @Фронтендер-з6о  3 года назад

      Привет! Возможно, но можешь уточнить в чем проще?

  • @gvitoss
    @gvitoss 4 года назад +1

    Да ладно?)

  • @vvkk3423
    @vvkk3423 3 года назад

    Комментарий

  • @Hello_world_2020A
    @Hello_world_2020A 3 года назад

    Я не понимаю
    Зачем мне учить Gulp