Тёмный

Webpack за 2 минуты 

Владилен Минин
Подписаться 308 тыс.
Просмотров 61 тыс.
50% 1

Подпишись на мой Telegram: t.me/js_by_vladilen
Больше контента в моем Boosty: boosty.to/vladilen
Полный курс по Webpack на моем канале:
• Webpack - Полный курс ...
Webpack
За 2 минуты вы узнаете:
- что такое Webpack
- как собирать Prod & Dev сборки
- как работают плагины
- что такое loaders
- настройка Webpack Dev Server
Подпишись на мои соц сети:
Telegram: t.me/js_by_vladilen
VK: vladilen.minin
Instagram: / vladilen.minin
Соц сети по JavaScript:
Telegram: t.me/result_school_it
VK: result.school
Instagram: / result.school.it
JavaScript cообщества:
Discord: / discord
Telegram: t.me/js_by_vladilen_chat
Roadmap по каналу:
vladilen.notion.site/Roadmap-...

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

 

21 дек 2022

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 132   
@VladilenMinin
@VladilenMinin Год назад
Сильно простыл и потому голос немного в нос на видео, но очень хотел продолжить выпускать 2х минутные курсы Пишите в комментах, какую следующую технологию так раскрыть и самый популярный вариант сделаю) PS Подпишись на мой Telegram канал, если еще не подписан: t.me/js_by_vladilen
@pilyugin
@pilyugin Год назад
Можно все эти двухминутки в отдельный плейлист?)) Сорь, уже есть😁
@alexxxpo
@alexxxpo Год назад
Класс! Давай ещё докер :)
@yakut54
@yakut54 Год назад
То есть китайского за 2 минуты не будет? 😕
@SpauN-
@SpauN- Год назад
хотелось бы реакт за 2 мин)
@frontenddeveloper7987
@frontenddeveloper7987 Год назад
Забандлил свой 3-х часовой курс до двух минут. Минификация на высоте!
@denisshepelev1966
@denisshepelev1966 Год назад
Спасибо большое! Ну теперь точно 2 минуты!)))
@bradobrey81
@bradobrey81 Год назад
Отлично, typescript изучен, теперь и webpack изучил!
@forellko8600
@forellko8600 Год назад
Шикарно! Ты большой молодец! Спасибо!
@asanbekovalisher411
@asanbekovalisher411 Год назад
Спасибо большое, желаю вам крепкого здоровья ❤️
@aleksandrhordiichuk9756
@aleksandrhordiichuk9756 7 месяцев назад
Твоя подача материала одна из самых лучших на просторе СНГ Ютуба. Детали, скорость, дикция, зачем и для чего, все понятнее становится. Если есть окно в графике, сделай актуальную сборку, пожалуйста 🫶
@tamerlantakmil
@tamerlantakmil Год назад
Владилен ты просто космос!
@ivanhurbatov4307
@ivanhurbatov4307 Год назад
Ура, прекрасно, побольше бы таких видео)
@eugenia9999
@eugenia9999 Год назад
Спасибо за видео !))) Ожидаем "Весь JavaScript за 10 минут" 🤣🤣🤣 P.S. Можно и за две 😊
@ruslankarimov6490
@ruslankarimov6490 8 месяцев назад
Вся жизнь перед глазами за 10 секунд! 😀
@max_mgtow
@max_mgtow Год назад
Большое спасибо! Шикарно 🤝👏👍
@tamerlantakmil
@tamerlantakmil Год назад
Выздоравливай братуха!
@user-ry7vo5mn1c
@user-ry7vo5mn1c Год назад
очень круто. Классно смотреть такие видео
@ReDaX7355
@ReDaX7355 Год назад
Ты красавец, кратко по теме, все что нужно. Продолжай в том же духе! Хочется увидеть что-нибудь еще интересное))
@KappelPadla
@KappelPadla Год назад
Хороший формат чтобы узнать о существовании какой-то технологии!
@keytlanaltor969
@keytlanaltor969 Год назад
Шпаргалки как в угивере, вроде все выучил но вот эти маленькие повторения прям очень хорошо заходят! Давай про ивент луп!
@Vladikslavik
@Vladikslavik Год назад
Git с уклоном в командную разработку за 2 минуты. Думаю, для Владлена это реально и это будет интересно 🙂 Ставьте лайки под постом 👍
@aximas778
@aximas778 Год назад
Быстро и информативно !))
@thebest-dh7ud
@thebest-dh7ud 3 месяца назад
Мне было лень смотреть 4 часовой курс ) но нашла за 2 минуты )))
@user-fx5qj7pv6o
@user-fx5qj7pv6o Год назад
Никаких лайков не хватит чтобы выразить благодарность за такое видео!
@blackwood8816
@blackwood8816 Год назад
Круто, бодро, огонь 🔥 🔥 🔥
@MellstroyMemeSUS
@MellstroyMemeSUS Год назад
Блин я только позавчера проходил курс по Webpackу и долго мучался в чем проблема, оказалось как ты сказал я забыл поставить config файл. Спасибо большое))
@user-en4cc9jg5c
@user-en4cc9jg5c Год назад
Так быстро, что даже лайк не успеваешь поставить)
@IvaNFallout
@IvaNFallout Год назад
Пожалуй, это самые полезные 2 минуты ❤
@user-cq9ze8rk8s
@user-cq9ze8rk8s Год назад
С новым годом Владилен
@VladilenMinin
@VladilenMinin Год назад
Взаимно
@timurgalimov6306
@timurgalimov6306 Год назад
Очень круто 🤟Лайк
@romanmed9035
@romanmed9035 Год назад
отлично. для поверхностного ознакомления очень даже хорошо. теоретически можно даже после этого сказать что я знаком с вебпаком. как одну из тем не этих быстрых введений в тему, а нормального видео, предлагаю показать как этот вебпак можно заменить на es-build или vite. такие видео имеются у других авторов но очень поверхностные. а с той глубиной подачи материала, как автор делает, не сомневаюсь что станет реально полезно.
@user-rd5vb1nh7t
@user-rd5vb1nh7t Год назад
Спасибо, очень полезное видео. Подскажите, а верстку в каком файле делать? Минифицированый index.html откуда берется?
@michaelgoyberg7317
@michaelgoyberg7317 Год назад
Супер!
@oleksandrrybalka2128
@oleksandrrybalka2128 Год назад
Супер))
@frontenddeveloper7987
@frontenddeveloper7987 Год назад
Давай докер за 2 минуты
@trademanstah
@trademanstah Год назад
Полезно
@OpJIaHryP
@OpJIaHryP Год назад
Заспидранил и Webpack, можно добавлять в резюме) спасибо
@podpalmoi
@podpalmoi Год назад
Вот смотри. Прошёл 2-минутный курс по тайпскрипту. А тебе реальная задача: написать простенький скрипт кнопки "наверх" на тайпскрипте. И уже на третьей минуте ты понимаешь, что данного навыка у тебя на самом деле нет.
@user-nv5ec9ch8q
@user-nv5ec9ch8q Год назад
@@podpalmoi спасибо капитан
@OpJIaHryP
@OpJIaHryP Год назад
Душно стало аж невозможно, и казалось бы зима, воздух свежий, но нет.
@ubranch
@ubranch Год назад
@@OpJIaHryP наверное у вас проблемы с сердцем
@mykoaikondratenkov7867
@mykoaikondratenkov7867 Год назад
@@podpalmoi Согласен с человеком, для того чтобы что-то добавлять в резюме надо этим попользоваться хотя бы, просто послушать недостаточно
@abdiqadyryerzhanov7820
@abdiqadyryerzhanov7820 Год назад
Владилен, выпустите плес ролик про карусель и рендж слайдер, как модальное окно! Практика будет прям супер на чистом js.
@evgenya_pan
@evgenya_pan Год назад
Ничего не поняла, для чего нужен webpack? Что такое сборка js-приложений?) Извините за глупый вопрос
@podpalmoi
@podpalmoi Год назад
А понимать не нужно, нужно добавить в резюме, что ты владеешь вебпаком)) Это тебе как слесарь покажет, как болгаркой пользоваться за 2 минуты, только потом больничка будет.
@artistjs
@artistjs Год назад
Для минификации кода, сборки модулей в один бандл, для работы с js фреймворками, для работы с css препроцессорами и многое другое...
@skarabeydm
@skarabeydm Год назад
Вебпак занимается упаковкой проекта, т.е. сохраняет проект в максимально компактном виде. Упаковка проекта ухудшает читаемость кода, но повышает производительность. Например: 1) Удаление из исходников лишних символов ( отступы, переносы ) повышает скорость трансляции. 2) Упаковка всех модулей в один файл повышает скорость загрузки, т.к. уменьшается количество запросов
@Nick_rr
@Nick_rr Год назад
Если смотреть на скорости 2х, то вообще отлично :)
@cryptodillery119
@cryptodillery119 Год назад
Да это видео, просто быстрое руководство для тех кто хочет без лишней лирики подключить вебпак и все
@frontenddeveloper7987
@frontenddeveloper7987 Год назад
В оставшиеся 2 секунды от 2 минут мог бы двухсекундную рекламную интеграцию воткнуть
@VladilenMinin
@VladilenMinin Год назад
Подписывайся на канал и ставь лай....
@user-eb3lz3ox8u
@user-eb3lz3ox8u Год назад
Всё, пи..дец, Хауди Хо остался без работы
@ubranch
@ubranch Год назад
Ахахахаха
@VadimKnyazev
@VadimKnyazev Год назад
А про тестирование есть информация?
@lirrr6555
@lirrr6555 Год назад
как будто видос fireship посмотрел
@sidless3862
@sidless3862 Год назад
Жду сборку Webpack с React + Typescript в 2023 году)
@user-cw8ht1gg2g
@user-cw8ht1gg2g Год назад
Wow! И, вроде, все понятно. Как тебе это удаётся?
@Saverator
@Saverator Год назад
Неплохо. Только довольно путано. С TypeScript как-то понятней было. Голосую за Git.
@stanmarsh9458
@stanmarsh9458 Год назад
Я резюме обновлял дольше, чем изучал вебпак 😂
@shakapaker
@shakapaker Год назад
Когда гайд по turbopack?
@Integrations1Cv8
@Integrations1Cv8 7 месяцев назад
У кого-нибудь есть пример, как сделать deploy собраного приложения ? Не через github - откуда берётся исходный код и собирается на сервере куда публикуется сайт.
@ManOnHorizon
@ManOnHorizon Год назад
webpack за 2 минуты можно объяснить вот так. Потом вот так. Потом... вот так. А ещё... даже не знаю.
@vadicus6534
@vadicus6534 Год назад
Привет, Владилен, расскажи пожалуйста про Некст за 2 минуты.
@ilyaprotsenko1023
@ilyaprotsenko1023 Год назад
Изи, даже за 1:59, а не две минуты :D
@nailfah
@nailfah Год назад
Хотелось бы выпуск, где рассказано про алгоритм выбора технологии для фронтенда. Когда лучше использовать ту или иную библиотеку, а может вообще можно обойтись vanila js
@spl33t
@spl33t Год назад
а зачем видео? есть время и хотелка пишешь на vanile, нету - берешь фреймворк/библиотеку
@mstrcrow3505
@mstrcrow3505 Год назад
@@spl33t ну я конечно может не совсем понимаю. Ну вот я сейчас углублённо учу реакт. Зачем мне нужен vanila js ? Когда в те же компании (из того что я видел опять таки) требуются программисты именно на позиции фронтенд разработчика с каким то фреймом. Типо я нигде не видел фронтенд разраб на нативном Js. Или это может полезнее для очень продвинутых чуваков на фрилансе которые как свободные художники творят что хотят без ограничений?
@user-xw6jr7ue4b
@user-xw6jr7ue4b Год назад
@@mstrcrow3505Это может быть полезно только вестальщикам на фрилансе. Больше никому. И называть их "продвинутыми творцами" язык не поворачивается)
@mstrcrow3505
@mstrcrow3505 Год назад
@@user-xw6jr7ue4b зачем верстальщику собирать проэкт? Верстальщик по определению вроде как собирает одностраничные шаблоны и многокомпонентными ВЭБ приложениями не занимается. Он вообще с JS не соприкасается. От того они и вымирают на сколько я знаю
@kingofdarkness8290
@kingofdarkness8290 Год назад
Если делаешь spa приложение, где постоянно обновляются html элементы, то react Если обычный сайт - ленгдинг, многостраничник, где максимум формачки, окна, какие то анимации через js и ещё может быть простая работа с бэком, то ванильный js. Вообщем, все зависит от скорости разработки и необходимости какой-то библиотеки.
@AIMusic-luffi
@AIMusic-luffi Год назад
Гоу про web3 что-нибудь, очень мало материала в ру сегменте
@user-ud7oo6es4b
@user-ud7oo6es4b Месяц назад
Нашел 3.5 часовой курс про вебпак, там чел толком не объяснил как подключить цсс файл, если не использовать реакт, здесь за 2 минуты больше инфы чем на том видео
@maximBobylev
@maximBobylev Год назад
оставил бы ссылку на fireship, очевидно же, что идея у них взята - `X in 100 seconds`
@VladilenMinin
@VladilenMinin Год назад
В ролике про тайпскрипт комментировал в закрепе, что да, оригинал идеи у него, но я делаю немного другую концепцию
@maximBobylev
@maximBobylev Год назад
@@VladilenMinin понял, спасибо за ответ!
@MellstroyMemeSUS
@MellstroyMemeSUS Год назад
Давай теперь про Babel
@kamil19862307
@kamil19862307 Год назад
Класс! А можно про VIte и Bootstrap?
@astkh4381
@astkh4381 Год назад
А что тебе рассказать про bootstrap?
@ubranch
@ubranch Год назад
Замени bootstrap на tailwind css
@glukon1025
@glukon1025 Год назад
а насколько вебпак актуален в сравнении с быстрыми сборщиками? (Vite, например)
@ubranch
@ubranch Год назад
Vite намного удобнее на практике
@tatianaagapkina8658
@tatianaagapkina8658 Год назад
Кибернетис за 2 минуты
@nardo988
@nardo988 Год назад
Го CI / CD за две минуты!!!!!
@wanzet11
@wanzet11 Год назад
Реально ли ещё стать джуном во фронтенде, Владилен?
@VladilenMinin
@VladilenMinin Год назад
Стать реально, устроиться тоже, но дольше, чем раньше
@user-pc4rn3ev5m
@user-pc4rn3ev5m Год назад
Если кто-то знает, то подскажите, как поменять браузер у DevServer? По умолчанию у меня Edge запускается, а не хром. Попробовал использовать плагин один, выдаёт ошибку
@artistjs
@artistjs Год назад
Он открывает дефолтный браузер в системе. Установи хром браузером по умолчанию
@igor-grudinin
@igor-grudinin 11 месяцев назад
А что за параметр -D ? npm i -D ... Нигде не могу найти описание.
@user-ww3br6qw6c
@user-ww3br6qw6c 5 месяцев назад
Dev-зависимость . Сокращено от -save dev
@user-zd4uv9kt2g
@user-zd4uv9kt2g 10 месяцев назад
Посмотрел на 2х )
@wiliamblack8127
@wiliamblack8127 Год назад
про TypeScript было интересней )
@ztest2975
@ztest2975 Год назад
Inspired by Fireship 😃
@VladilenMinin
@VladilenMinin Год назад
Так точно, но немного в другой концепции
@ztest2975
@ztest2975 Год назад
@@VladilenMinin 🔥
@defaenir
@defaenir Год назад
Нужно видео «C++ за 2 минуты»
@lokilifetc
@lokilifetc Год назад
У Fireship есть видео C++ за 100 секунд).
@stolz999
@stolz999 Год назад
Подскажите, какая цель это видео? Рассказать что такое Webpack и для чего он используется? Научиться им пользоваться? Нет, нет, и нет. Зачем тогда тратить 2 минуты чтобы его посмотреть?
@jailyssneust2189
@jailyssneust2189 Год назад
Спасибо
@user-us5uf9tt8i
@user-us5uf9tt8i Год назад
2 минуты - оооочень мало!!!!
@liz2k
@liz2k Год назад
ахахаха
@andreytver
@andreytver Год назад
fetch
@tarlanismailov9335
@tarlanismailov9335 Год назад
Как по мне, теория должна занимать бОльшую часть времени. Иначе в чём смысл?
@artistjs
@artistjs Год назад
20% теории 80% практики. Если вы про обучение конечно)
@lokilifetc
@lokilifetc Год назад
Враньё! Не 2 минуты, а 1 минута 58 секунд!
@VladilenMinin
@VladilenMinin Год назад
Со временем отточу формат)
@ubranch
@ubranch Год назад
П***дёж не 1:58 а 1:59
@nestromae
@nestromae Год назад
Уже устарел, поживёт ещё пару лет благодаря обширной экосистеме.
@mihailsoosaar6213
@mihailsoosaar6213 Год назад
Не вижу смысла в подобных роликах. Практического применения практически ноль, как по мне. Владилен, давай уже длинные и сложные ролики :)
@VladilenMinin
@VladilenMinin Год назад
Читай телеграм канал)
@mihailsoosaar6213
@mihailsoosaar6213 Год назад
@@VladilenMininа я оттуда и пришёл сюда)
@VladilenMinin
@VladilenMinin Год назад
@@mihailsoosaar6213 Большой ролик будет в этом году, а в следующем вас ожидают новые очень крутые большие форматы)
@lokilifetc
@lokilifetc Год назад
@@VladilenMinin одно дело когда большинству людей просто заходит какой-либо контент, а другое - хороший и полезный образовательный контент. Да и зачем этот косплей на Fireship если уже есть Fireship? Такое уже есть. Давай лучше что-то более продвинутое и интересное о чём мало кто рассказывает и почти не говорят, или ты гонишься за просмотрами и лайками?
@mihailsoosaar6213
@mihailsoosaar6213 Год назад
@@VladilenMinin отлично! Я понимаю, что ты делаешь контент для начинающих, в основном. Но у тебя на канале уже столько материала для новичков. Я сам по ним много чего для себя нового узнал. Но хочется более сложного контента, где приходилось бы напрягать извилины. В любом случае, спасибо за проделанную работу.
@mansuralbur3735
@mansuralbur3735 Год назад
Автор, ты бы научился достойные ролики пилить, а не вот это....
@antononischenko481
@antononischenko481 9 месяцев назад
всем порвет! возникла проблема.мне передали готовый проект и при запуске через npm выдает ошибку: /Users/a431/Documents/бэкап на айклауд/програмирование/bizfinance/node_modules/.bin/encore: /usr/bin/env: bad interpreter: Operation not permitted кто-то с таким сталкивался? работаю на маке через вс код. заранее спасибо)
@user-eb3lz3ox8u
@user-eb3lz3ox8u Год назад
Слабо си плюс плюс за 3 минуты?
@pussydussy3693
@pussydussy3693 Год назад
Ждем JavaScript за 60 секунд
@podpalmoi
@podpalmoi Год назад
Я где-то видел подобный ролик, но не 60 секунд. Там тоже чудокаша, что в ролике, что в голове от просмотра. А у автора про жс 6-часовой ролик, и это там базовое знакомство.
@jcat_ru
@jcat_ru Год назад
@@podpalmoi наверное это был англоязычный fireship
@estupidoParapente
@estupidoParapente Год назад
Паазвольте!! Неужели получается так: до вебпака для каждой страницы подгружался свой маленький индивидуальный js файл, а после вебпака - у каждой веб страницы - общий большой js файл, который будет тормозить ни в чем не повинную маленькую страничку, которая использует для себя только пару строк JS? Это теперь называется оптимизацией?
@artistjs
@artistjs Год назад
Есть разбиение на chunks в вебпаке
Далее
Clean Architecture by Ahmed Hassan
45:35
Просмотров 12
ЭТО ВООБЩЕ НЕ БОЛЬНО !
00:15
Просмотров 237 тыс.
BRAWL STARS x DRAGONFORCE: A Draco Tale
03:46
Просмотров 9 млн
Что такое WEBPACK?
4:21
Просмотров 23 тыс.