Webpack за 2 минуты

Подпишись на мой 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-...

[@VladilenMinin]

Сильно простыл и потому голос немного в нос на видео, но очень хотел продолжить выпускать 2х минутные курсы Пишите в комментах, какую следующую технологию так раскрыть и самый популярный вариант сделаю) PS Подпишись на мой Telegram канал, если еще не подписан: t.me/js_by_vladilen

[@pilyugin]

Можно все эти двухминутки в отдельный плейлист?)) Сорь, уже есть😁

[@alexxxpo]

Класс! Давай ещё докер :)

[@yakut54]

То есть китайского за 2 минуты не будет? 😕

[@SpauN-]

хотелось бы реакт за 2 мин)

[@frontenddeveloper7987]

Забандлил свой 3-х часовой курс до двух минут. Минификация на высоте!

[@denisshepelev1966]

Спасибо большое! Ну теперь точно 2 минуты!)))

[@bradobrey81]

Отлично, typescript изучен, теперь и webpack изучил!

[@eugenia9999]

Спасибо за видео !))) Ожидаем "Весь JavaScript за 10 минут" 🤣🤣🤣 P.S. Можно и за две 😊

[@ruslankarimov6490]

Вся жизнь перед глазами за 10 секунд! 😀

[@asanbekovalisher411]

Спасибо большое, желаю вам крепкого здоровья ❤️

[@forellko8600]

Шикарно! Ты большой молодец! Спасибо!

[@Vladikslavik]

Git с уклоном в командную разработку за 2 минуты. Думаю, для Владлена это реально и это будет интересно 🙂 Ставьте лайки под постом 👍

[@tamerlantakmil]

Выздоравливай братуха!

[@ivanhurbatov4307]

Ура, прекрасно, побольше бы таких видео)

[@tamerlantakmil]

Владилен ты просто космос!

[@keytlanaltor969]

Шпаргалки как в угивере, вроде все выучил но вот эти маленькие повторения прям очень хорошо заходят! Давай про ивент луп!

[@KappelPadla]

Хороший формат чтобы узнать о существовании какой-то технологии!

[@aleksandrhordiichuk9756]

Твоя подача материала одна из самых лучших на просторе СНГ Ютуба. Детали, скорость, дикция, зачем и для чего, все понятнее становится. Если есть окно в графике, сделай актуальную сборку, пожалуйста 🫶

[@max_mgtow]

Большое спасибо! Шикарно 🤝👏👍

[@aximas778]

Быстро и информативно !))

[@user-ry7vo5mn1c]

очень круто. Классно смотреть такие видео

[@user-fx5qj7pv6o]

Никаких лайков не хватит чтобы выразить благодарность за такое видео!

[@ReDaX7355]

Ты красавец, кратко по теме, все что нужно. Продолжай в том же духе! Хочется увидеть что-нибудь еще интересное))

[@user-eb3lz3ox8u]

Всё, пи..дец, Хауди Хо остался без работы

[@ubranch]

Ахахахаха

[@thebest-dh7ud]

Мне было лень смотреть 4 часовой курс ) но нашла за 2 минуты )))

[@blackwood8816]

Круто, бодро, огонь 🔥 🔥 🔥

[@user-rd5vb1nh7t]

Спасибо, очень полезное видео. Подскажите, а верстку в каком файле делать? Минифицированый index.html откуда берется?

[@user-en4cc9jg5c]

Так быстро, что даже лайк не успеваешь поставить)

[@user-cq9ze8rk8s]

С новым годом Владилен

[@VladilenMinin]

Взаимно

[@MellstroyMemeSUS]

Блин я только позавчера проходил курс по Webpackу и долго мучался в чем проблема, оказалось как ты сказал я забыл поставить config файл. Спасибо большое))

[@IvaNFallout]

Пожалуй, это самые полезные 2 минуты ❤

[@timurgalimov6306]

Очень круто 🤟Лайк

[@romanmed9035]

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

[@michaelgoyberg7317]

Супер!

[@VadimKnyazev]

А про тестирование есть информация?

[@oleksandrrybalka2128]

Супер))

[@OpJIaHryP]

Заспидранил и Webpack, можно добавлять в резюме) спасибо

[@podpalmoi]

Вот смотри. Прошёл 2-минутный курс по тайпскрипту. А тебе реальная задача: написать простенький скрипт кнопки "наверх" на тайпскрипте. И уже на третьей минуте ты понимаешь, что данного навыка у тебя на самом деле нет.

[@user-nv5ec9ch8q]

@@podpalmoi спасибо капитан

[@OpJIaHryP]

Душно стало аж невозможно, и казалось бы зима, воздух свежий, но нет.

[@ubranch]

@@OpJIaHryP наверное у вас проблемы с сердцем

[@mykoaikondratenkov7867]

@@podpalmoi Согласен с человеком, для того чтобы что-то добавлять в резюме надо этим попользоваться хотя бы, просто послушать недостаточно

[@abdiqadyryerzhanov7820]

Владилен, выпустите плес ролик про карусель и рендж слайдер, как модальное окно! Практика будет прям супер на чистом js.

[@frontenddeveloper7987]

Давай докер за 2 минуты

[@trademanstah]

Полезно

[@evgenya_pan]

Ничего не поняла, для чего нужен webpack? Что такое сборка js-приложений?) Извините за глупый вопрос

[@podpalmoi]

А понимать не нужно, нужно добавить в резюме, что ты владеешь вебпаком)) Это тебе как слесарь покажет, как болгаркой пользоваться за 2 минуты, только потом больничка будет.

[@artistjs]

Для минификации кода, сборки модулей в один бандл, для работы с js фреймворками, для работы с css препроцессорами и многое другое...

[@skarabeydm]

Вебпак занимается упаковкой проекта, т.е. сохраняет проект в максимально компактном виде. Упаковка проекта ухудшает читаемость кода, но повышает производительность. Например: 1) Удаление из исходников лишних символов ( отступы, переносы ) повышает скорость трансляции. 2) Упаковка всех модулей в один файл повышает скорость загрузки, т.к. уменьшается количество запросов

[@cryptodillery119]

Да это видео, просто быстрое руководство для тех кто хочет без лишней лирики подключить вебпак и все

[@Nick_rr]

Если смотреть на скорости 2х, то вообще отлично :)

[@user-cw8ht1gg2g]

Wow! И, вроде, все понятно. Как тебе это удаётся?

[@Integrations1Cv8]

У кого-нибудь есть пример, как сделать deploy собраного приложения ? Не через github - откуда берётся исходный код и собирается на сервере куда публикуется сайт.

[@stanmarsh9458]

Я резюме обновлял дольше, чем изучал вебпак 😂

[@glukon1025]

а насколько вебпак актуален в сравнении с быстрыми сборщиками? (Vite, например)

[@ubranch]

Vite намного удобнее на практике

[@sidless3862]

Жду сборку Webpack с React + Typescript в 2023 году)

[@shakapaker]

Когда гайд по turbopack?

[@frontenddeveloper7987]

В оставшиеся 2 секунды от 2 минут мог бы двухсекундную рекламную интеграцию воткнуть

[@VladilenMinin]

Подписывайся на канал и ставь лай....

[@Saverator]

Неплохо. Только довольно путано. С TypeScript как-то понятней было. Голосую за Git.

[@vadicus6534]

Привет, Владилен, расскажи пожалуйста про Некст за 2 минуты.

[@user-pc4rn3ev5m]

Если кто-то знает, то подскажите, как поменять браузер у DevServer? По умолчанию у меня Edge запускается, а не хром. Попробовал использовать плагин один, выдаёт ошибку

[@artistjs]

Он открывает дефолтный браузер в системе. Установи хром браузером по умолчанию

[@AIMusic-luffi]

Гоу про web3 что-нибудь, очень мало материала в ру сегменте

[@ilyaprotsenko1023]

Изи, даже за 1:59, а не две минуты :D

[@lirrr6555]

как будто видос fireship посмотрел

[@ManOnHorizon]

webpack за 2 минуты можно объяснить вот так. Потом вот так. Потом... вот так. А ещё... даже не знаю.

[@MellstroyMemeSUS]

Давай теперь про Babel

[@kamil19862307]

Класс! А можно про VIte и Bootstrap?

[@astkh4381]

А что тебе рассказать про bootstrap?

[@ubranch]

Замени bootstrap на tailwind css

[@nailfah]

Хотелось бы выпуск, где рассказано про алгоритм выбора технологии для фронтенда. Когда лучше использовать ту или иную библиотеку, а может вообще можно обойтись vanila js

[@spl33t]

а зачем видео? есть время и хотелка пишешь на vanile, нету - берешь фреймворк/библиотеку

[@mstrcrow3505]

@@spl33t ну я конечно может не совсем понимаю. Ну вот я сейчас углублённо учу реакт. Зачем мне нужен vanila js ? Когда в те же компании (из того что я видел опять таки) требуются программисты именно на позиции фронтенд разработчика с каким то фреймом. Типо я нигде не видел фронтенд разраб на нативном Js. Или это может полезнее для очень продвинутых чуваков на фрилансе которые как свободные художники творят что хотят без ограничений?

[@user-xw6jr7ue4b]

@@mstrcrow3505Это может быть полезно только вестальщикам на фрилансе. Больше никому. И называть их "продвинутыми творцами" язык не поворачивается)

[@mstrcrow3505]

@@user-xw6jr7ue4b зачем верстальщику собирать проэкт? Верстальщик по определению вроде как собирает одностраничные шаблоны и многокомпонентными ВЭБ приложениями не занимается. Он вообще с JS не соприкасается. От того они и вымирают на сколько я знаю

[@kingofdarkness8290]

Если делаешь spa приложение, где постоянно обновляются html элементы, то react Если обычный сайт - ленгдинг, многостраничник, где максимум формачки, окна, какие то анимации через js и ещё может быть простая работа с бэком, то ванильный js. Вообщем, все зависит от скорости разработки и необходимости какой-то библиотеки.

[@maximBobylev]

оставил бы ссылку на fireship, очевидно же, что идея у них взята - `X in 100 seconds`

[@VladilenMinin]

В ролике про тайпскрипт комментировал в закрепе, что да, оригинал идеи у него, но я делаю немного другую концепцию

[@maximBobylev]

@@VladilenMinin понял, спасибо за ответ!

[@wanzet11]

Реально ли ещё стать джуном во фронтенде, Владилен?

[@VladilenMinin]

Стать реально, устроиться тоже, но дольше, чем раньше

[@igor-grudinin]

А что за параметр -D ? npm i -D ... Нигде не могу найти описание.

[@user-ww3br6qw6c]

Dev-зависимость . Сокращено от -save dev

[@nardo988]

Го CI / CD за две минуты!!!!!

[@wiliamblack8127]

про TypeScript было интересней )

[@user-ud7oo6es4b]

Нашел 3.5 часовой курс про вебпак, там чел толком не объяснил как подключить цсс файл, если не использовать реакт, здесь за 2 минуты больше инфы чем на том видео

[@tatianaagapkina8658]

Кибернетис за 2 минуты

[@user-zd4uv9kt2g]

Посмотрел на 2х )

[@ztest2975]

Inspired by Fireship 😃

[@VladilenMinin]

Так точно, но немного в другой концепции

[@ztest2975]

@@VladilenMinin 🔥

[@defaenir]

Нужно видео «C++ за 2 минуты»

[@lokilifetc]

У Fireship есть видео C++ за 100 секунд).

[@user-us5uf9tt8i]

2 минуты - оооочень мало!!!!

[@stolz999]

Подскажите, какая цель это видео? Рассказать что такое Webpack и для чего он используется? Научиться им пользоваться? Нет, нет, и нет. Зачем тогда тратить 2 минуты чтобы его посмотреть?

[@andreytver]

fetch

[@jailyssneust2189]

Спасибо

[@liz2k]

ахахаха

[@tarlanismailov9335]

Как по мне, теория должна занимать бОльшую часть времени. Иначе в чём смысл?

[@artistjs]

20% теории 80% практики. Если вы про обучение конечно)

[@nestromae]

Уже устарел, поживёт ещё пару лет благодаря обширной экосистеме.

[@lokilifetc]

Враньё! Не 2 минуты, а 1 минута 58 секунд!

[@VladilenMinin]

Со временем отточу формат)

[@ubranch]

П***дёж не 1:58 а 1:59

[@mihailsoosaar6213]

Не вижу смысла в подобных роликах. Практического применения практически ноль, как по мне. Владилен, давай уже длинные и сложные ролики :)

[@VladilenMinin]

Читай телеграм канал)

[@mihailsoosaar6213]

@@VladilenMininа я оттуда и пришёл сюда)

[@VladilenMinin]

@@mihailsoosaar6213 Большой ролик будет в этом году, а в следующем вас ожидают новые очень крутые большие форматы)

[@lokilifetc]

@@VladilenMinin одно дело когда большинству людей просто заходит какой-либо контент, а другое - хороший и полезный образовательный контент. Да и зачем этот косплей на Fireship если уже есть Fireship? Такое уже есть. Давай лучше что-то более продвинутое и интересное о чём мало кто рассказывает и почти не говорят, или ты гонишься за просмотрами и лайками?

[@mihailsoosaar6213]

@@VladilenMinin отлично! Я понимаю, что ты делаешь контент для начинающих, в основном. Но у тебя на канале уже столько материала для новичков. Я сам по ним много чего для себя нового узнал. Но хочется более сложного контента, где приходилось бы напрягать извилины. В любом случае, спасибо за проделанную работу.

[@mansuralbur3735]

Автор, ты бы научился достойные ролики пилить, а не вот это....

[@antononischenko481]

всем порвет! возникла проблема.мне передали готовый проект и при запуске через npm выдает ошибку: /Users/a431/Documents/бэкап на айклауд/програмирование/bizfinance/node_modules/.bin/encore: /usr/bin/env: bad interpreter: Operation not permitted кто-то с таким сталкивался? работаю на маке через вс код. заранее спасибо)

[@user-eb3lz3ox8u]

Слабо си плюс плюс за 3 минуты?

[@pussydussy3693]

Ждем JavaScript за 60 секунд

[@podpalmoi]

Я где-то видел подобный ролик, но не 60 секунд. Там тоже чудокаша, что в ролике, что в голове от просмотра. А у автора про жс 6-часовой ролик, и это там базовое знакомство.

[@jcat_ru]

@@podpalmoi наверное это был англоязычный fireship

[@estupidoParapente]

Паазвольте!! Неужели получается так: до вебпака для каждой страницы подгружался свой маленький индивидуальный js файл, а после вебпака - у каждой веб страницы - общий большой js файл, который будет тормозить ни в чем не повинную маленькую страничку, которая использует для себя только пару строк JS? Это теперь называется оптимизацией?

[@artistjs]

Есть разбиение на chunks в вебпаке