Gulp для самых маленьких - подробное руководство

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

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

  • @wdm
    @wdm  21 день назад +1

    💥 Все курсы в одном комплекте 👇👇👇
    webdesign-master.ru/bundle_courses

  • @wdm
    @wdm  29 дней назад +1

    Внимание! В данном уроке рассматривается работа с предыдущей версией Gulp 3. Рекомендую изучить новый актуальный урок «Gulp - Актуальное и исчерпывающее руководство для самых маленьких» - webdesign-master.ru/blog/tools/gulp-4-lesson.html

  • @Rewolucjonier
    @Rewolucjonier 8 лет назад +181

    This is the best tutorial on RUclips I've seen so far about Gulp. I understand about 60% of Russian language but this video is very helpful. Thanks!

  • @vladislavls5956
    @vladislavls5956 9 лет назад +84

    "Моделька упала")))повеселило)) А вообще супер, ты очень многому меня научил и много нового показал! Спасибо тебе за твой титанический труд! Ты бест оф зе бест!!

  • @alexeska739
    @alexeska739 7 лет назад +82

    пока я все это настроил,у меня мозги чуть не взорвались!!!!!это ужас!!!очень сложно начинающему,хотя если бы не такая педантичность Алексея,врядь ли бы я смог все это повторить и настроить,закончилось бы все это только установкой нод джи эс)))))))Алексей,спасибо большое за такие подробные видео,кроме тебя на данном видео ресурсе никто так больше не умеет преподносить информацию.Буду смотреть твои туториалы и стараться не пропускать.Желаю чтобы не иссяк твой запал и твой канал жил еще минимум лет 20,что-бы выросло на нём несколько поколений веб-верстальщиков.Повторюсь еще раз,будет очень жаль если дальше не будет таких уроков.Жду с нетерпением новых уроков!!!спасибо!!!!!!!!

  • @aurusaurum9649
    @aurusaurum9649 9 лет назад +201

    Вот это то, что доктор прописал! Спасибо вам большое!
    Хотелось бы такое же по основам sass.

    • @КириллПетров-п3е
      @КириллПетров-п3е 9 лет назад +17

      +Denis Den Поддерживаю, неплохо было бы.

    • @КириллКуц-щ5м
      @КириллКуц-щ5м 8 лет назад +2

      +Denis Den однозначно согласен! теории на трекерах по буржуев валом. но ребят послушал бы с радостью!

    • @ificouldfly4874
      @ificouldfly4874 7 лет назад +2

      ruclips.net/video/H4cG4tbc-xQ/видео.html

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

    Ура! Я продрался через все ошибки, поставил Node 11, Gulp 3, переборол еще несколько ошибок (спасибо форуму Хабра) и прошел этот урок.

  • @moralvalue-exposer
    @moralvalue-exposer 4 года назад +2

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

  • @fusome
    @fusome 5 лет назад +2

    Огромная благодарность за такой подробный и , самое главное, понятный разбор возможностей gulp! Да и вообще, настолько насыщенных практической информацией уроков я больше нигде не видел. Спасибо ещё раз огромнейшее за то, что вы делаете!!!

  • @hugoboss9860
    @hugoboss9860 8 лет назад +7

    Урок не на один день, если сталкиваешся с подобными вещами впервые.
    Спасибо огромное.

  • @unbelievebleee
    @unbelievebleee 6 лет назад +1

    Лучшая инструкция по установке и настройки gulp! Долго искал, читал несколько "КАК ПРОСТО НАСТРОИТЬ GULP" - статей. Но это первая действительно стоящая вещь для новичков которая поможет все настроить. Спасибо большое автору, все подробно и на пальцах.

  • @ОксанаМельник-ы7д
    @ОксанаМельник-ы7д 8 лет назад +6

    Большое спасибо за урок! "самые маленькие" усвоили его, правда не без заморочек..с выносом мозга, многое не работало по не понятной причине))Смотрела уроки по gulp у других, там вообще ничего не понятно! Так что большое тебе человеческое спасибо!! Побольше маленьких машинок ))

  • @alexanderfrize
    @alexanderfrize 8 лет назад +38

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

  • @АннаШугай-р4з
    @АннаШугай-р4з 8 лет назад +1

    Одним словом МОЛОДЕЦ!) Для самых маленьких действительно и прямо таки хочется заплатить за такой грандиозный труд. Спасибо огромное Вам за этот урок и удачи в новых начинаниях.

  • @heyjoe5920
    @heyjoe5920 6 лет назад +5

    Когда первый раз увидел работу gulp - радовался как ребенок, которому фокус показали. Спасибо большое за урок.

  • @Borykss1
    @Borykss1 8 лет назад +1

    АГОНЬ!!! Прошел весь урок полность в практике, все работает! Спасибо большое, очень полезный контент! За час инфы получаю больше, чем где либо!

  • @Tormin_run
    @Tormin_run 8 лет назад +1

    Спасибо за четкое изложение.Я не думал что это можно усвоить настолько быстро)(6 часов,повторял все и + фиксил свои ошибки+ 3 раза перезагружал комп)

  • @ownermoney
    @ownermoney 9 лет назад +67

    спасибо большое! Не часто такие длинные видео досмотришь до конца. Тут же час сорок без проблем)) Пока это лучшая информация, что мне попадалась по gulp. И только теперь решил его внедрить в свою работу ;)

    • @wdm
      @wdm  9 лет назад +20

      Спасибо!

    • @tf.Nnfhha
      @tf.Nnfhha 9 лет назад +1

      +WebDesign Master Алексей, вы фронтэнд или фулл стак ?

    • @nickelshendsberg3707
      @nickelshendsberg3707 8 лет назад +3

      +Billie Willie Fullstack, это когда ты не только верстаешь сайты (к примеру), но и пишешь Backend часть, возможно, создаёшь дизайн... Т.е. ты один делаешь весь проект, один выполняешь роль целой команды... Как то так :D... А Frontend - это HTML&CSS (вёрстка), JS... Думаю разница ясна... :)

    • @nickelshendsberg3707
      @nickelshendsberg3707 8 лет назад +1

      ***** \_(` - `)_/ ?

  • @MrKaplan89
    @MrKaplan89 6 лет назад +1

    Настолько подробного объяснения я ещё нигде не встречал!!! Браво мастеру!!

  • @maxkrutov39
    @maxkrutov39 6 лет назад +1

    Автор настоящий гуру программирования! Спасибо, даже нет слов, высокий уровень понимания программирования и способности его донести другим людям!

  • @vadimnikee
    @vadimnikee 8 лет назад +246

    за машинки отдельно лайк))

  • @VMStrannik
    @VMStrannik 8 лет назад +1

    Лучший видео курс по этой теме - как будто с ложечки накормили знаниями! огромное спасибо!

  • @СергейПустовит-в4ъ
    @СергейПустовит-в4ъ 7 лет назад +1

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

  • @vladimirbuchatskiycryptomi9330
    @vladimirbuchatskiycryptomi9330 8 лет назад +1

    Спасибо за действительно "ровный урок". Одна ремарка для тех кто прописывает параллельно : "при установки -sync, прописывайте -browser-sync".

  • @constantine403
    @constantine403 8 лет назад +2

    БОЛЬШОЕ СПАСИБО за подробное видео по Gulp! Только начал с ним знакомство, ваш материал помог закрепить приобретенные знания. От себя хотелось бы добавить, что Gulp запускает ваш массив процессов параллельно (это видно по таймингу в cmd), для последовательного запуска можно поставить "плагин" run-sequence.

  • @natali7440able
    @natali7440able 7 лет назад +2

    Безумно понравился урок и то с какой подачей все объясняют. Очень ясно и доходчиво)
    Спасибо большое)

  • @YuriiKosiak
    @YuriiKosiak 8 лет назад +2

    Крутой урок!!! Давно хотел разобраться с gulp. Занял пол дня, если выполнять все за автором, но оно того стоит!

  • @АлександрЗинченко-м1б

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

  • @frontendmaster2704
    @frontendmaster2704 8 лет назад +14

    блин я просто обожаю когда Вы отвлекаетесь.
    То машинки, то ещё что-то, в прошлый раз я смотрел видео и там было про "вот такой вот синий карандашик(рисуюя по всему экрану), ......ой что то я отвлекся"
    хахахахах

  • @ДенисМ-о4м
    @ДенисМ-о4м 5 лет назад +1

    Алексей, спасибо большое за твой труд. Все четко, ясно, доходчиво) А главное - интересно! Это видео - настоящее сокровище.

  • @fox_0811
    @fox_0811 7 лет назад +1

    Спасибо! не всё понял, но нутром чую, что освоение этого будет огромным шагом в перёд в моей работе!

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

    Жаль, что только сейчас нашел для себя gulp и ваш канал)
    Урок супер! Большое спасибо!!! ;)

  • @dotg6072
    @dotg6072 4 года назад

    ТЫ ЛУЧШИЙ!
    большое спасибо, оч круто, максимально понятно и после просмотра не осталось ни одного вопроса
    а так бился 2 дня самостоятельно без результатов

  • @rucaua
    @rucaua 7 лет назад +2

    Отличный урок. Сколько не читал тоториалов, все оставалось ощущение, что мне это не надо. И только после Вашего видео понял насколько это удобная штука.

  • @MELkey3
    @MELkey3 7 лет назад +4

    это круто, посмотрел, настроил bowser-sync, ввёл ip с портом в браузер смарт телика - вуаля, всё работает))) теперь можно верстать глядя на результат в телике)

  • @MrSizok
    @MrSizok 8 лет назад

    За урок огромное спасибо. Долго не мог найти нормальной информации. Нашол урок и никок не мог запустить браузер-синк. Тут всё с первого раза заработало. Спасибо, палец в верх.

  • @AlexK544
    @AlexK544 7 лет назад +1

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

    • @АйзадаТажиева-ф5л
      @АйзадаТажиева-ф5л 7 лет назад +1

      извините , у меня цвета тегов ,слов не цветные , ни как в видео , что-то цветное что-то нет , это нормально или я что-то потерял команду какую-то?в sublim text

  • @andresjeffers6681
    @andresjeffers6681 5 лет назад +1

    Отличный урок. все по местам расставило.

  • @justeugen
    @justeugen 7 лет назад

    потратил полностью выходной и ни чуточку не жалею, особенно благодаря тебе

  • @АлексейАнохин-е2г
    @АлексейАнохин-е2г 8 лет назад +1

    Офигенный урок , Алексей у тебя отлично получается объяснять ! Спасибо большое

    • @АлексейАнохин-е2г
      @АлексейАнохин-е2г 8 лет назад +1

      Подскажите пожалуйста ,вылазит ошибка в хроме после запуска локального сервера , о чем может говорить ? (localStorage["firstRun"]!="false") && (localStorage["firstRun"]!=true)){
      chrome.tabs.create({url: "welcome.html", selected:true})
      localStorage["firstRun"] = false;

    • @АлексейАнохин-е2г
      @АлексейАнохин-е2г 8 лет назад +1

      Разобрался , плагин ливрелоад конфликтовал с вотчем

  • @howardhoneska8065
    @howardhoneska8065 6 лет назад +1

    Радовался как ребёнок, когда всё обновлялось на телефоне и на пекаре
    Спасибо огромное автору урока

  • @СергейВасиленко-м9п

    (с) - гармонично.... гармонично, друзья... да-да
    ///////////////////////////////////////////
    Спасибо за подробное изложение. Очень здорово)

  • @ПрОМаСтЕр-р9я
    @ПрОМаСтЕр-р9я 7 лет назад +2

    Спасибо Вам огромное! Ну просто огороменное СПАСИБИЩЕ! Редко досматриваю длинные уроки до конца! Но Ваши готова смотреть вечность! А потом еще раз пересматривать))
    p.s. devDependencies - тоже не могу выговорить))

  • @dmitriyegorov5553
    @dmitriyegorov5553 7 лет назад +1

    Ставлю тысячу лайков этому видео! Спасибо огромное за этот ролик! Реально помогли понять Gulp!

  • @Distantoff
    @Distantoff 6 лет назад +1

    Очень доходчиво и без лишней воды. Спасибо за ролик!

  • @АлексейСтуденикин-в7у

    Можно было бы поставить 2 лайка, поставил бы смело! Классно, доходчиво, браво!

  • @leader7700
    @leader7700 7 лет назад +1

    Круто! за 30 мин все понял! Думал это сложно но благодаря вашему видеоуроку разобрался))

  • @vovasmolkin3584
    @vovasmolkin3584 9 лет назад +24

    Лайк за любовь к маленьким машинкам :D

  • @morganold717
    @morganold717 8 лет назад

    Курс Gulp для чайников, оффффигеееть ))) Хорошо, спасибо )))

  • @frontend-skills
    @frontend-skills 8 лет назад +1

    Спасибо большое! Очень мощно! Как без Gulp жили то вообще?))

  • @Fomenko1978
    @Fomenko1978 7 лет назад

    лучший урок по gulp, что я когда либо видел!

  • @yuripetuhov627
    @yuripetuhov627 7 лет назад +1

    просмотрел уйма видео по данному сборщику,но все было не то !Тут же даже понятно для таких начинающих как я!Большое спасибо,по больше бы таких вот видео по новым технологиям.Скачал пример и в архив запихнул видео,теперь на новом проекте применю с удовольствием,так как тупо нужно посмотреть и поменять пути к папкам )СПАСИБО.

  • @WeLoveYouFREEZbY
    @WeLoveYouFREEZbY 8 лет назад +7

    Отличное видео, спасибо за работу. Успехов!

  • @andriipidstrela1251
    @andriipidstrela1251 7 лет назад +1

    Fantastic quality of teaching. Please continue! Nodejs, Angular, JS tutorials would be awesome

  • @alexiki3523
    @alexiki3523 7 лет назад +1

    Замечательный урок! Огромной спасибо!

  • @alesashurkov4697
    @alesashurkov4697 5 лет назад +1

    Круто!!! Очень подробно и понятно. Автор лучший👏

  • @targetmaks6288
    @targetmaks6288 7 лет назад +1

    Круто! Спасибо за проделанную работу! Все очень четко, ясно, понятно.

  • @csstricks6943
    @csstricks6943 6 лет назад

    Очень качественный материал, всё работает как часики, спасибо.

  • @vasya8441
    @vasya8441 7 лет назад

    Ура заработало, я думал что-то не то делаю, оказывается, переменную не праивльно назвал и в browser-sync не связал ее с ней, совет, если что-то не получается, проверте ошибки

  • @romanermochenkov5360
    @romanermochenkov5360 8 лет назад +1

    Огромное спасибо! Урок полезный и очень доходчивый! Спасибо Вам!

  • @FAnkroRSfactor
    @FAnkroRSfactor 7 лет назад

    Cупер урок. Всё понятно и вопросов не остается

  • @alex_snkv
    @alex_snkv 8 лет назад +2

    Спасибо большое! Шикарный урок. Gulp делает чудеса.

  • @gloomyrobust
    @gloomyrobust 7 лет назад

    "пошла массовка", "мы его энпиэм". Большое спасибо за вашу работу.

  • @hopmnc
    @hopmnc 7 лет назад

    спасибо, лучшего видео по gulp не видел.

  • @dejima2579
    @dejima2579 7 лет назад

    Дай Бог тебе здоровья, Добрый человек

  • @user-hola-ola
    @user-hola-ola 6 лет назад +1

    Огромное спасибо автору! Бог верстки + бог преподавания ))

  • @elenakolycheva9123
    @elenakolycheva9123 8 лет назад +3

    Спасибо огромное за Ваши труды.

  • @kirillromanuk1406
    @kirillromanuk1406 8 лет назад +1

    Отличный урок, спасибо большое!! Было бы здорово что то подобное по jade))

  • @dmitryumuarus6161
    @dmitryumuarus6161 8 лет назад +1

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

  • @rademaxbh
    @rademaxbh 8 лет назад +1

    Спасибо большое за уроки, Ваши уроки лучшие!)

  • @design_me
    @design_me 6 лет назад +1

    Огромнейшее спасибо за данный урок. Буду еще явно не раз возвращаться к статье на сайте =)

  • @didexdida1697
    @didexdida1697 8 лет назад +71

    Можно и без FileZila, просто создав файл .bowerrc. (последняя точка уберется).
    Либо в том же терминале >echo { "directory": "app/libs" } >> ./.bowerrc

    • @wdm
      @wdm  8 лет назад +7

      Спасибо за полезный совет ))

    • @ubuntuu4342
      @ubuntuu4342 8 лет назад +2

      Респект тебе за совет!

    • @arthmelikyan
      @arthmelikyan 7 лет назад +6

      из терминала touch .bowerrc
      из консоли powersheel new-item .bowerrc

    • @ИванПетров-ь9м
      @ИванПетров-ь9м 7 лет назад

      didex dida самая лучшая идея, спасибо

    • @andrey.protasov
      @andrey.protasov 7 лет назад +1

      $ echo. 2>.bowerrrc

  • @HelgaOz
    @HelgaOz 8 лет назад

    Огромное спасибо! наконец-то кто-то понятно и целостно обьяснил! на примере :-))

  • @Mr1nF3Rno
    @Mr1nF3Rno 9 лет назад +1

    Оооо ура, спасибо, всегда было интересно подробнее узнать про Gulp, ставлю лайк и плюсую в карму )))

  • @deniskazantcev
    @deniskazantcev 4 года назад

    Благодарю за видео-урок!!!!

  • @isayev007
    @isayev007 6 лет назад +1

    Автор, Вы молодец! Всё внятно и понятно! Спасибо за Ваш труд! =)))

  • @РоманКлимович-ъ8ж
    @РоманКлимович-ъ8ж 6 лет назад

    WebDesign Master, лайк - это малое что я могу сделать для тебя и развития твоего канала.

  • @atherine6991
    @atherine6991 6 лет назад

    Дякую!!! Я уже втратила натхнення до навчання і раптом знайшла цей космічний канал!! Автор, Ти крутий!!!! Завжди читаю коменти перед переглядом відео і тепер раджу всім тим, хто шукає годний інформ. канал, глянути цей.

  • @bob_arctor69
    @bob_arctor69 5 лет назад +1

    Спасибо за видео!))) И за модельки машинок отдельный респект!))

  • @tolyanoo95
    @tolyanoo95 9 лет назад +24

    урок крутой.хотелось бы еще уроков верстка под opencart и modx

  • @ed2300
    @ed2300 8 лет назад +1

    ну молодцы ребята, ну реальное огромное спасибо

  • @denisraimer3276
    @denisraimer3276 7 лет назад +1

    БОЛЬШОЕ СПАСИБО ЗА УРОКИ

  • @SERAPROF1
    @SERAPROF1 7 лет назад

    вху..всё сделал за вами)
    и повторять было сложно))
    ещё таск к pug чтоб был ,
    Но и за это вам большое спасибо.
    Всего лучшего вам.
    Мир чуточку лучше ,с вами стал)

  • @sergeytakashev7096
    @sergeytakashev7096 6 лет назад +1

    Спасибо от души за качественный контент, за разбор шаг за шагом

  • @collaspe_pro
    @collaspe_pro 8 лет назад

    спасибо огромное, наконец-то адекватный материал по теме, все завелось с полоборота

  • @andreik7605
    @andreik7605 6 лет назад +1

    Большое спасибо за ваши видео!!! Очень хорошие уроки у вас.

  • @denisraimer3276
    @denisraimer3276 7 лет назад +1

    Большое спасибо, за вашу работу. Вы лучший !!!

  • @serenartix
    @serenartix 8 лет назад +1

    Урок огонь! Спасибо большое.

  • @sunman108
    @sunman108 5 лет назад +1

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

  • @ХайзЗенберг
    @ХайзЗенберг 7 лет назад

    Спасибо большое,Алексей!!!Супер-руководство!

  • @mariyaaydemir2140
    @mariyaaydemir2140 7 лет назад

    За ваш голос отдельное спасибо, я просто таааю когда слушаю ахахаха. Если по теме, то, все четко, ясно, подробно, понятно даже таким блондинкам как я.

  • @DmitryPopovFreeWind
    @DmitryPopovFreeWind 7 лет назад +1

    С машинками улыбнуло)))) как поставить еще один лайк?)

  • @TheValerka00
    @TheValerka00 7 лет назад +1

    Спасибо большое, отличный урок, все понятно и простым языком.

  • @Скумбрія-ц5ы
    @Скумбрія-ц5ы 9 лет назад +1

    Вы как раз вовремя подоспели с этим видео, спасибо)

  • @ruslankoroteev6382
    @ruslankoroteev6382 8 лет назад

    Очень подробно, очень интересно! Спасибо огромное!

  • @nightriver7544
    @nightriver7544 7 лет назад

    Вот это я понимаю обширный и полезный гайд. Спасибо большое, фронтендом не особо занимаюсь, но это и к бекенду вроде прикрутить можно неплохо так.

  • @vodolazbest
    @vodolazbest 7 лет назад

    это подарок судьбы! огромное спасибище

    • @АйзадаТажиева-ф5л
      @АйзадаТажиева-ф5л 7 лет назад

      извините , у меня цвета тегов ,слов не цветные , ни как в видео , что-то цветное что-то нет , это нормально или я что-то потерял команду какую-то?

  • @Tony-kd3ko
    @Tony-kd3ko 6 лет назад

    Эхх, спасибо вам, Алексей! Какой раз уже пользуюсь вашим уроком :))

  • @shishshash683
    @shishshash683 6 лет назад

    Спасибо. Очень грамотная подача

  • @TPXStranger
    @TPXStranger 7 лет назад

    Спасибо большое за видео! Очень полезное!
    Я даже заинтересовался вашими курсами.