"Моделька упала")))повеселило)) А вообще супер, ты очень многому меня научил и много нового показал! Спасибо тебе за твой титанический труд! Ты бест оф зе бест!!
пока я все это настроил,у меня мозги чуть не взорвались!!!!!это ужас!!!очень сложно начинающему,хотя если бы не такая педантичность Алексея,врядь ли бы я смог все это повторить и настроить,закончилось бы все это только установкой нод джи эс)))))))Алексей,спасибо большое за такие подробные видео,кроме тебя на данном видео ресурсе никто так больше не умеет преподносить информацию.Буду смотреть твои туториалы и стараться не пропускать.Желаю чтобы не иссяк твой запал и твой канал жил еще минимум лет 20,что-бы выросло на нём несколько поколений веб-верстальщиков.Повторюсь еще раз,будет очень жаль если дальше не будет таких уроков.Жду с нетерпением новых уроков!!!спасибо!!!!!!!!
Внимание! В данном уроке рассматривается работа с предыдущей версией Gulp 3. Рекомендую изучить новый актуальный урок «Gulp - Актуальное и исчерпывающее руководство для самых маленьких» - webdesign-master.ru/blog/tools/gulp-4-lesson.html
спасибо большое! Не часто такие длинные видео досмотришь до конца. Тут же час сорок без проблем)) Пока это лучшая информация, что мне попадалась по gulp. И только теперь решил его внедрить в свою работу ;)
+Billie Willie Fullstack, это когда ты не только верстаешь сайты (к примеру), но и пишешь Backend часть, возможно, создаёшь дизайн... Т.е. ты один делаешь весь проект, один выполняешь роль целой команды... Как то так :D... А Frontend - это HTML&CSS (вёрстка), JS... Думаю разница ясна... :)
блин я просто обожаю когда Вы отвлекаетесь. То машинки, то ещё что-то, в прошлый раз я смотрел видео и там было про "вот такой вот синий карандашик(рисуюя по всему экрану), ......ой что то я отвлекся" хахахахах
Если интересно как создать файл без тотал командера с точкой то просто ставишь точку сначала и точку в конце. Задняя удаляется и получается файл с точкой в начале)
Преподователь от бога. Четкая, грамотная речь, которую приятно слушать и не взрывает мозги всякими ляпами, как у других . Очень много сейчас решили записывать уроки и называть их ---туториалами (ааа жесть ненавижу). и также без понятия о русском и английском языке и произношении несут чушь типа возьмите из папки саурсе, есть файл гитигноре или вместо баш говорят басх. Да еще со знанием будто только вчера выучили тему. После такого бреда, Ваш урок как бальзам на душу. Вам огромного терпения и времени, чтобы и в будущем мы могли радоваться качественным урокам и руководствам.
Большое спасибо за урок! "самые маленькие" усвоили его, правда не без заморочек..с выносом мозга, многое не работало по не понятной причине))Смотрела уроки по gulp у других, там вообще ничего не понятно! Так что большое тебе человеческое спасибо!! Побольше маленьких машинок ))
Для начала хочу сказать спасибо! Уроки содержательные, понятные и полезные. Собственно вопрос - получается при запуске таска build, придется менять пути к css и js файлам в index.html на "dist/"? Потому что они ведь изначально прописаны в ''app/..."
Еще бы добавили как browser-sync интеграцию сделать для OpenServer цены бы не было окончательно видео-уроку ) gulp.task('browser-sync', function() { browserSync.init({ proxy: "ТУТ АЛИАС/ДОМЕН С ОПЕНСЕРВЕРА" }); }); Спасибо автору, завтра буду писать проект с уже любимым gulp )))))
Спасибо за видео, оч крутое, помогает в работе, и пользуясь случаем, поблагодарю автора за весь канал! Вопрос: Со статическими сайтами понятно, а можно ли увеличить скорость загрузки сайта на cms( на wordpress к примеру) до 90+ ? Спасибо
отличное видео, более чем доступно для полного новичка... только один момент вызвал непонимание поначалу. В качестве сервера для browser-sync была выбрана папка app, хотя по законам логики должна быть папка dist, ведь мы хотим наблюдать готовый результат, а не работу исходников. Только потом до меня дошло, что на момент подключения в папке dist ещё ничего не было, и для наглядности подключалась рабочая папка
Чтобы создавать или переименовывать файлы без имени в Windows, добавляйте дополнительную точку в конце, пример: ".bowerrc." Имя будет выглядеть как .bowerrc, так же и с папками.
Доброго времени суток, еще круто было бы записать урок о Git так как Вы очень круто доносите материал, да и во всех вакансиях на верстальщика пишут об этом Git, очень нужно, заранее спасибо.
БОЛЬШОЕ СПАСИБО за подробное видео по Gulp! Только начал с ним знакомство, ваш материал помог закрепить приобретенные знания. От себя хотелось бы добавить, что Gulp запускает ваш массив процессов параллельно (это видно по таймингу в cmd), для последовательного запуска можно поставить "плагин" run-sequence.
это круто, посмотрел, настроил bowser-sync, ввёл ip с портом в браузер смарт телика - вуаля, всё работает))) теперь можно верстать глядя на результат в телике)
Спасибо Вам огромное! Ну просто огороменное СПАСИБИЩЕ! Редко досматриваю длинные уроки до конца! Но Ваши готова смотреть вечность! А потом еще раз пересматривать)) p.s. devDependencies - тоже не могу выговорить))
Огромная благодарность за такой подробный и , самое главное, понятный разбор возможностей gulp! Да и вообще, настолько насыщенных практической информацией уроков я больше нигде не видел. Спасибо ещё раз огромнейшее за то, что вы делаете!!!
сделал все, как указано в видео (до таска ватч). на этапе импорта _part, в main.sass задал цвет не в HEX, а текстом... и тут начались увлекательные поиски почему SASS не компилится =))) P. S. спасибо за материалы. Курс по OpenCart просто огонь!
Больше Вам Спасибо! Отличная подача материала! Столкнулся с проблемой входа по wi-fi на External IP. Работаю за стационарником , gulpfile.js отрабатывает без ошибок, BS запускается, но ни одним мобильным устройством не получается войти на External IP, "где собака зарылась"?
Одним словом МОЛОДЕЦ!) Для самых маленьких действительно и прямо таки хочется заплатить за такой грандиозный труд. Спасибо огромное Вам за этот урок и удачи в новых начинаниях.
просмотрел уйма видео по данному сборщику,но все было не то !Тут же даже понятно для таких начинающих как я!Большое спасибо,по больше бы таких вот видео по новым технологиям.Скачал пример и в архив запихнул видео,теперь на новом проекте применю с удовольствием,так как тупо нужно посмотреть и поменять пути к папкам )СПАСИБО.
хорошо объяснил, все получилось, НО мне не понятно как компилить jade автоматически?он компилит но в браузере сразу после сохранения не обновляет автоматом страницу. как сделать что бы изменения в браузере сразу после сохранения были видны?
Здравствуйте! подскажите почему команда gulp mytask выполняется только из папки node_modules/.bin. Если запускать из корневой, то выводит "gulp" не является внутренней или внешней командой, исполняемой программой или пакетным файлом. Что делать?
Спасибо тебе что есть ты с твоим роликом! я два дня не мог решить проблему! Обновил код до gulp-4, добавив gulp.series(...) где нужно, ошибка пропала, но сборка и минификация CSS и т.д. не происходила. Оказалось, что это из-за русскоязычных папок в пути до папки с проектом.
Лучшая инструкция по установке и настройки gulp! Долго искал, читал несколько "КАК ПРОСТО НАСТРОИТЬ GULP" - статей. Но это первая действительно стоящая вещь для новичков которая поможет все настроить. Спасибо большое автору, все подробно и на пальцах.
Отличный урок. Сколько не читал тоториалов, все оставалось ощущение, что мне это не надо. И только после Вашего видео понял насколько это удобная штука.
спасибо дельный урок все понятно и четко. Можешь подсказать как в твоем файле gulpfile.js настроить кампиляцию gulp-jade препроц html болобы вообще круто
ТЫ ЛУЧШИЙ! большое спасибо, оч круто, максимально понятно и после просмотра не осталось ни одного вопроса а так бился 2 дня самостоятельно без результатов
Огромнейшая просьба! Видео просто бомба! Настроил себе все, как надо! Но вот возник вопрос, как ко всему этому добавить Bootstrap sass (то что через bower устанавливается я понял, а дальше как быть с настройками нигде не могу найти инфы)? Что бы все работало! Будь добр запили видос, как дополнение))
Отличное видео, спасибо! На сайте проекта, в строчке "И модифицируем наш таск sass:" в autoprefixer не поместились закрывающие скобки(в коде гидхаба все норм).
💥 Все курсы в одном комплекте 👇👇👇
webdesign-master.ru/bundle_courses
This is the best tutorial on TH-cam I've seen so far about Gulp. I understand about 60% of Russian language but this video is very helpful. Thanks!
tom totally agree.
"Моделька упала")))повеселило)) А вообще супер, ты очень многому меня научил и много нового показал! Спасибо тебе за твой титанический труд! Ты бест оф зе бест!!
Вот это то, что доктор прописал! Спасибо вам большое!
Хотелось бы такое же по основам sass.
+Denis Den Поддерживаю, неплохо было бы.
+Denis Den однозначно согласен! теории на трекерах по буржуев валом. но ребят послушал бы с радостью!
th-cam.com/video/H4cG4tbc-xQ/w-d-xo.html
пока я все это настроил,у меня мозги чуть не взорвались!!!!!это ужас!!!очень сложно начинающему,хотя если бы не такая педантичность Алексея,врядь ли бы я смог все это повторить и настроить,закончилось бы все это только установкой нод джи эс)))))))Алексей,спасибо большое за такие подробные видео,кроме тебя на данном видео ресурсе никто так больше не умеет преподносить информацию.Буду смотреть твои туториалы и стараться не пропускать.Желаю чтобы не иссяк твой запал и твой канал жил еще минимум лет 20,что-бы выросло на нём несколько поколений веб-верстальщиков.Повторюсь еще раз,будет очень жаль если дальше не будет таких уроков.Жду с нетерпением новых уроков!!!спасибо!!!!!!!!
за машинки отдельно лайк))
Можно и без FileZila, просто создав файл .bowerrc. (последняя точка уберется).
Либо в том же терминале >echo { "directory": "app/libs" } >> ./.bowerrc
Спасибо за полезный совет ))
Респект тебе за совет!
из терминала touch .bowerrc
из консоли powersheel new-item .bowerrc
didex dida самая лучшая идея, спасибо
$ echo. 2>.bowerrrc
Внимание! В данном уроке рассматривается работа с предыдущей версией Gulp 3. Рекомендую изучить новый актуальный урок «Gulp - Актуальное и исчерпывающее руководство для самых маленьких» - webdesign-master.ru/blog/tools/gulp-4-lesson.html
спасибо большое! Не часто такие длинные видео досмотришь до конца. Тут же час сорок без проблем)) Пока это лучшая информация, что мне попадалась по gulp. И только теперь решил его внедрить в свою работу ;)
Спасибо!
+WebDesign Master Алексей, вы фронтэнд или фулл стак ?
+Billie Willie Fullstack, это когда ты не только верстаешь сайты (к примеру), но и пишешь Backend часть, возможно, создаёшь дизайн... Т.е. ты один делаешь весь проект, один выполняешь роль целой команды... Как то так :D... А Frontend - это HTML&CSS (вёрстка), JS... Думаю разница ясна... :)
***** \_(` - `)_/ ?
Отличное видео!
Все очень подробно, доходчиво, на реальных примерах.
Без "воды". Все четко и по теме.
В общем, именно то, что надо.
Огромное спасибо.
урок крутой.хотелось бы еще уроков верстка под opencart и modx
и это чудесно, друзья, не так ли?)))
блин я просто обожаю когда Вы отвлекаетесь.
То машинки, то ещё что-то, в прошлый раз я смотрел видео и там было про "вот такой вот синий карандашик(рисуюя по всему экрану), ......ой что то я отвлекся"
хахахахах
Вместо --save-dev можно использовать сокращенный вариант: -D (дефис и большая Д)
Спасибо !!! Все для дебилов и все понятно .
Мозг в восторге - столько всего получил !
Урок не на один день, если сталкиваешся с подобными вещами впервые.
Спасибо огромное.
Лайк за любовь к маленьким машинкам :D
Хорошо бы обзор плагинов для Gulp...
у кого ошибки, то gulp 4+ версии команды чуть другие. Вот часть: www.liquidlight.co.uk/blog/how-do-i-update-to-gulp-4/
Я пока поставил так npm install --save-dev gulp@^3.9.1 gulp-sass
Если интересно как создать файл без тотал командера с точкой то просто ставишь точку сначала и точку в конце. Задняя удаляется и получается файл с точкой в начале)
Спасибо
(с) - гармонично.... гармонично, друзья... да-да
///////////////////////////////////////////
Спасибо за подробное изложение. Очень здорово)
Преподователь от бога. Четкая, грамотная речь, которую приятно слушать и не взрывает мозги всякими ляпами, как у других . Очень много сейчас решили записывать уроки и называть их ---туториалами (ааа жесть ненавижу). и также без понятия о русском и английском языке и произношении несут чушь типа возьмите из папки саурсе, есть файл гитигноре или вместо баш говорят басх. Да еще со знанием будто только вчера выучили тему. После такого бреда, Ваш урок как бальзам на душу. Вам огромного терпения и времени, чтобы и в будущем мы могли радоваться качественным урокам и руководствам.
Большое спасибо за урок! "самые маленькие" усвоили его, правда не без заморочек..с выносом мозга, многое не работало по не понятной причине))Смотрела уроки по gulp у других, там вообще ничего не понятно! Так что большое тебе человеческое спасибо!! Побольше маленьких машинок ))
Для начала хочу сказать спасибо! Уроки содержательные, понятные и полезные. Собственно вопрос - получается при запуске таска build, придется менять пути к css и js файлам в index.html на "dist/"? Потому что они ведь изначально прописаны в ''app/..."
Еще бы добавили как browser-sync интеграцию сделать для OpenServer цены бы не было окончательно видео-уроку )
gulp.task('browser-sync', function() {
browserSync.init({
proxy: "ТУТ АЛИАС/ДОМЕН С ОПЕНСЕРВЕРА"
});
});
Спасибо автору, завтра буду писать проект с уже любимым gulp )))))
th-cam.com/video/wE-Oi84UJXE/w-d-xo.html
Спасибо за видео, оч крутое, помогает в работе, и пользуясь случаем, поблагодарю автора за весь канал!
Вопрос: Со статическими сайтами понятно, а можно ли увеличить скорость загрузки сайта на cms( на wordpress к примеру) до 90+ ?
Спасибо
Когда первый раз увидел работу gulp - радовался как ребенок, которому фокус показали. Спасибо большое за урок.
отличное видео, более чем доступно для полного новичка... только один момент вызвал непонимание поначалу. В качестве сервера для browser-sync была выбрана папка app, хотя по законам логики должна быть папка dist, ведь мы хотим наблюдать готовый результат, а не работу исходников. Только потом до меня дошло, что на момент подключения в папке dist ещё ничего не было, и для наглядности подключалась рабочая папка
Жаль, что только сейчас нашел для себя gulp и ваш канал)
Урок супер! Большое спасибо!!! ;)
Чтобы создавать или переименовывать файлы без имени в Windows, добавляйте дополнительную точку в конце, пример: ".bowerrc." Имя будет выглядеть как .bowerrc, так же и с папками.
я попробовал. Мне не понравилось. Удалить удалось только через родную консоль и то, через удаление всей папки, а не конкретного файла.
Доброго времени суток, еще круто было бы записать урок о Git так как Вы очень круто доносите материал, да и во всех вакансиях на верстальщика пишут об этом Git, очень нужно, заранее спасибо.
Спасибо за весь этот бешеный труд. Очень круто. Кстати, в винде файлы вида ".abc" создаются просто - ".abc."
Отличный урок, спасибо большое!! Было бы здорово что то подобное по jade))
БОЛЬШОЕ СПАСИБО за подробное видео по Gulp! Только начал с ним знакомство, ваш материал помог закрепить приобретенные знания. От себя хотелось бы добавить, что Gulp запускает ваш массив процессов параллельно (это видно по таймингу в cmd), для последовательного запуска можно поставить "плагин" run-sequence.
это круто, посмотрел, настроил bowser-sync, ввёл ip с портом в браузер смарт телика - вуаля, всё работает))) теперь можно верстать глядя на результат в телике)
Ура! Я продрался через все ошибки, поставил Node 11, Gulp 3, переборол еще несколько ошибок (спасибо форуму Хабра) и прошел этот урок.
Очень понравился browserSync, и как он на телефон всё может выводить. Спасибо, супер уроки.
Спасибо за четкое изложение.Я не думал что это можно усвоить настолько быстро)(6 часов,повторял все и + фиксил свои ошибки+ 3 раза перезагружал комп)
Отличное видео, спасибо за работу. Успехов!
Спасибо Вам огромное! Ну просто огороменное СПАСИБИЩЕ! Редко досматриваю длинные уроки до конца! Но Ваши готова смотреть вечность! А потом еще раз пересматривать))
p.s. devDependencies - тоже не могу выговорить))
Огромная благодарность за такой подробный и , самое главное, понятный разбор возможностей gulp! Да и вообще, настолько насыщенных практической информацией уроков я больше нигде не видел. Спасибо ещё раз огромнейшее за то, что вы делаете!!!
сделал все, как указано в видео (до таска ватч). на этапе импорта _part, в main.sass задал цвет не в HEX, а текстом... и тут начались увлекательные поиски почему SASS не компилится =)))
P. S. спасибо за материалы. Курс по OpenCart просто огонь!
Больше Вам Спасибо! Отличная подача материала!
Столкнулся с проблемой входа по wi-fi на External IP.
Работаю за стационарником , gulpfile.js отрабатывает без ошибок, BS запускается, но ни одним мобильным устройством не получается войти на External IP, "где собака зарылась"?
devDependencies =))))
Спасибо большое за ваши уроки и вопрос, как у вас получается быть таким позитивным? И сколько нужно времени, чтобы достичь вашего дзена? :)
Спасибо! не всё понял, но нутром чую, что освоение этого будет огромным шагом в перёд в моей работе!
Крутой урок!!! Давно хотел разобраться с gulp. Занял пол дня, если выполнять все за автором, но оно того стоит!
Огромное спасибо автору! Бог верстки + бог преподавания ))
Спасибо за действительно "ровный урок". Одна ремарка для тех кто прописывает параллельно : "при установки -sync, прописывайте -browser-sync".
Безумно понравился урок и то с какой подачей все объясняют. Очень ясно и доходчиво)
Спасибо большое)
Отличный урок. все по местам расставило.
Одним словом МОЛОДЕЦ!) Для самых маленьких действительно и прямо таки хочется заплатить за такой грандиозный труд. Спасибо огромное Вам за этот урок и удачи в новых начинаниях.
АГОНЬ!!! Прошел весь урок полность в практике, все работает! Спасибо большое, очень полезный контент! За час инфы получаю больше, чем где либо!
просмотрел уйма видео по данному сборщику,но все было не то !Тут же даже понятно для таких начинающих как я!Большое спасибо,по больше бы таких вот видео по новым технологиям.Скачал пример и в архив запихнул видео,теперь на новом проекте применю с удовольствием,так как тупо нужно посмотреть и поменять пути к папкам )СПАСИБО.
Fantastic quality of teaching. Please continue! Nodejs, Angular, JS tutorials would be awesome
здравствуйте! после команды gulp watch в браузере выдает ошибку Cannot GET / . В чем проблема не могу понять
хорошо объяснил, все получилось, НО мне не понятно как компилить jade автоматически?он компилит но в браузере сразу после сохранения не обновляет автоматом страницу. как сделать что бы изменения в браузере сразу после сохранения были видны?
Browser-sync установился, но страницы в нём не обновляется( Не могу понять почему( HELP!!!
Разобрался)
Здравствуйте! подскажите почему команда gulp mytask выполняется только из папки node_modules/.bin. Если запускать из корневой, то выводит "gulp" не является внутренней или внешней командой, исполняемой программой или пакетным файлом. Что делать?
может галп не установлен глобально?
Спасибо большое за ваши видео, очень нравится, только мне немного сложно показалось как для новичка в web programming
Спасибо тебе что есть ты с твоим роликом! я два дня не мог решить проблему! Обновил код до gulp-4, добавив gulp.series(...) где нужно, ошибка пропала, но сборка и минификация CSS и т.д. не происходила. Оказалось, что это из-за русскоязычных папок в пути до папки с проектом.
Алексей, спасибо большое за твой труд. Все четко, ясно, доходчиво) А главное - интересно! Это видео - настоящее сокровище.
как подключить gulp-sass на мак? eacess error. запускаю через sudo
вместо --save-dev набрать --unsafe perm
Лучшая инструкция по установке и настройки gulp! Долго искал, читал несколько "КАК ПРОСТО НАСТРОИТЬ GULP" - статей. Но это первая действительно стоящая вещь для новичков которая поможет все настроить. Спасибо большое автору, все подробно и на пальцах.
для создания папок можно пользоваться хоткеями - Сtrl+Shift+N
Спасибо огромное за Ваши труды.
Курс Gulp для чайников, оффффигеееть ))) Хорошо, спасибо )))
Отличный урок. Сколько не читал тоториалов, все оставалось ощущение, что мне это не надо. И только после Вашего видео понял насколько это удобная штука.
Круто!!! Очень подробно и понятно. Автор лучший👏
Лучший видео курс по этой теме - как будто с ложечки накормили знаниями! огромное спасибо!
Можно было бы поставить 2 лайка, поставил бы смело! Классно, доходчиво, браво!
I love small cars
Круто! за 30 мин все понял! Думал это сложно но благодаря вашему видеоуроку разобрался))
А можно мануал подключению jade
не уверен что все правильно делаю
Ставлю тысячу лайков этому видео! Спасибо огромное за этот ролик! Реально помогли понять Gulp!
Просто хочу сказать огромное спасибо за то, что находишь время на запись столь полезных видео. По теме - как всегда отличный материал.
гигантское спасибо за урок !! очень помогло !! отлично объясняешь ))
Отличный урок, на уровне лучших курсов от Линды. Огромное вам спасибо!
спасибо дельный урок все понятно и четко. Можешь подсказать как в твоем файле gulpfile.js настроить кампиляцию gulp-jade препроц html болобы вообще круто
По Jekyll запиши урок как ты его используешь или вообще используешь было бы круто узнать о статическом сайте по ближе )))Также спасибо за урок .
ребята помогите, concat не устанавливается
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
А кто знает откуда это и что такое
Огромное спасибо! Урок полезный и очень доходчивый! Спасибо Вам!
Добрый вечер. Ссылочку для пользователей Linux можно попросить?)
Замечательный урок! Огромной спасибо!
Спасибо большое! Очень мощно! Как без Gulp жили то вообще?))
Круто! Спасибо за проделанную работу! Все очень четко, ясно, понятно.
Нестандартные расширения можно создать через save as в саблайме
От чего зависит скорость выполнения Таска? У Алексея SASS выполнился за 50 милисекунд, у меня за 1,5 секунды.
От железа. У меня SSD диск.
WebDesign Master Понял. Пользуясь случаем, Алексей, благодарю вас за вашу деятельность.
ТЫ ЛУЧШИЙ!
большое спасибо, оч круто, максимально понятно и после просмотра не осталось ни одного вопроса
а так бился 2 дня самостоятельно без результатов
Спасибо за видео 10 из 10. Вопрос как подключить будстрап?
Огромнейшая просьба! Видео просто бомба! Настроил себе все, как надо! Но вот возник вопрос, как ко всему этому добавить Bootstrap sass (то что через bower устанавливается я понял, а дальше как быть с настройками нигде не могу найти инфы)? Что бы все работало! Будь добр запили видос, как дополнение))
Привет Алексей, все делал как ты, но помимо всего появился файл package-lock. Что это?
Настолько подробного объяснения я ещё нигде не встречал!!! Браво мастеру!!
Автор настоящий гуру программирования! Спасибо, даже нет слов, высокий уровень понимания программирования и способности его донести другим людям!
Спасибо за видео!))) И за модельки машинок отдельный респект!))
Спасибо большое, отличный урок, все понятно и простым языком.
Отличное видео, спасибо! На сайте проекта, в строчке "И модифицируем наш таск sass:"
в autoprefixer не поместились закрывающие скобки(в коде гидхаба все норм).
Спасибо огромное! отличное видео!
Огромнейшее спасибо за данный урок. Буду еще явно не раз возвращаться к статье на сайте =)
"Ой,извиняюсь,машинки разные такие,люблю машинки".И тут я понял, что будет интересно!)))