KZhead

Что такое PWA. Как работают Service Workers

Владилен Минин
2021 ж. 8 Нау.
107 927 Рет қаралды
Жүктеу

Исходный код тут: t.me/js_by_vladilen/339
Получить профессию Frontend разработчика - bit.ly/3a6IZCn
Подробнее узнать об обучении в Result School -
bit.ly/3y8xemL
Бесплатный курс HTML & CSS - bit.ly/3bEK2tv
Сделать 5 проектов на JavaScript - bit.ly/3Nz7Qwa
Я в соц сетях:
Telegram: t.me/js_by_vladilen
VK: vk.com/vladilen.minin
Instagram: / vladilen.minin
Мои паблики по JavaScript:
Telegram: t.me/result_school_it
VK: vk.com/result.school
Instagram: / result.scho. .
JavaScript cообщества:
Discord: / discord
Telegram: t.me/js_by_vladilen_chat
Roadmap по каналу:
vladilen.notion.site/Roadmap-...
Исходный код тут: t.me/js_by_vladilen/339
Что такое PWA приложения и как работают Service Workers
Ролик, в котором мы создадим с нуля PWA приложение.
Разберем manifest.json, Service Workers и несколько стратегий кеширования

Пікірлер

  • Исходный код тут: t.me/js_by_vladilen/339 Получить профессию Frontend разработчика - bit.ly/3a6IZCn

    @VladilenMinin@VladilenMinin Жыл бұрын

  • С детского сада знаю, что ПВА необходим для апликейшн !!!

    @user-bn2qp6sh8r@user-bn2qp6sh8r3 жыл бұрын

    • Есть подозрение, что не все поймут 😃

      @rinat_kam@rinat_kam3 жыл бұрын

    • 😂👍

      @username-vh6ce@username-vh6ce3 жыл бұрын

    • Слишком годно :)

      @jameshawkins3304@jameshawkins33043 жыл бұрын

    • Клей))

      @max_mgtow@max_mgtow3 жыл бұрын

    • )))))))))))))))))))

      @user-nv2so3ik9u@user-nv2so3ik9u3 жыл бұрын

  • Большое спасибо за труд, ценим и ждём продолжение про более продвинутые концепции PWA)

    @SanSaHbI4@SanSaHbI43 жыл бұрын

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

    @andreyzavarygin8981@andreyzavarygin89813 жыл бұрын

  • Спасибо, Владилен! Как всегда - локанично, доступно и исчерпывающе!

    @user-cu2lw2nt3y@user-cu2lw2nt3y3 жыл бұрын

  • Очень интересно, спасибо! Хотелось бы ещё больше!🦾

    @user-df8tu1st7r@user-df8tu1st7r3 жыл бұрын

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

    @Vladimir-mj3bj@Vladimir-mj3bj2 жыл бұрын

  • Спасибо за отличный материал! Будет очень интересно узнать о более продвинутых темах в концепции PWA

    @serhiigerkhard6745@serhiigerkhard67452 жыл бұрын

  • Не успел я проголосовать за эту тему, как она появилась) Владилен мое уважение!!!

    @vladimirmarkov6563@vladimirmarkov65633 жыл бұрын

  • Модно, стильно, молодёжно. Давно хотел видосик про пва. Сразу лайк!

    @opanashenki@opanashenki3 жыл бұрын

  • Спасибо, Владилен. Лайк, колокольчик, все дела 👍

    @rinat_kam@rinat_kam3 жыл бұрын

  • Очень крутая тема! Большое спасибо за такое простое и понятное объяснение!

    @sergeyplotnikov5031@sergeyplotnikov50313 жыл бұрын

  • спасибо огромное! как всегда супер! Было бы интересно послушать более расширенный курс по СВ и с более подробным рассмотрением)))

    @aleksandrgradov7859@aleksandrgradov78593 жыл бұрын

  • Такой кайф, когда на стажировки дали pwa сделать, и есть такой канал как твой.

    @St3rnhunt3r@St3rnhunt3r2 жыл бұрын

  • почти весь свой js изучаю с этого канала) Был бы рад увидеть гайд PWA в практике с каким то полезным сайте

    @user-cf3gi9zj3i@user-cf3gi9zj3i3 жыл бұрын

  • Очень круто! Хотелось бы более продвинутый курс на примере более сложного pwa !

    @denisvradiy8503@denisvradiy85033 жыл бұрын

  • Давно пора было эту тему раскрыть, круто спасибо)

    @ode2877@ode28773 жыл бұрын

  • Всё чётко, освежил знания, жду видос про workbox!

    @a_pifagor@a_pifagor3 жыл бұрын

  • Ещё этого не хватало) Благодарю!

    @fallenstar358@fallenstar3583 жыл бұрын

  • Супер актуальное и полезное видео. Огромное спасибо за такую ценную информацию.

    @ek-wind@ek-wind3 жыл бұрын

  • Отличный туториал, хотим ещё! 😀

    @user-dh4py6qj2h@user-dh4py6qj2h Жыл бұрын

  • Спасибо! лучшее что я видел по pwa

    @user-le8ml9dt3q@user-le8ml9dt3q3 жыл бұрын

  • Спасибо, Владилен, за урок!

    @user-mk6bj4up6e@user-mk6bj4up6e3 жыл бұрын

  • О, качественная годнота! Благодарю за проделанный труд и за то, что делишься знаниями!

    @user-tr8xi3ik3c@user-tr8xi3ik3c3 жыл бұрын

  • Понравилось ! Спасибо! Можно развивать эту тему дальше

    @egolege@egolege3 жыл бұрын

  • Спасибо за видео, просто и понятно о PWA и service workers.

    @alexeychernov3902@alexeychernov39022 жыл бұрын

  • Полезное видео, спасибо! Очень вовремя)

    @dmitriipokhilenko8228@dmitriipokhilenko82283 жыл бұрын

  • Спасибо за видео урок, ждем разбор work box

    @makep2434@makep24343 жыл бұрын

  • кайф! спасибо! жду более глубоких уроков по теме!

    @blagodum@blagodum3 жыл бұрын

  • Отлично! Как раз сегодня начал разбираться с тем, что такое PWA. Оказалось, под мои задачи подходит. Теперь нужно делать вёрстку под комп и мобильник.

    @Tiburtsy@Tiburtsy23 күн бұрын

  • Спасибо большое, это очень важная и нужная штука!

    @unknownWakeborder@unknownWakeborder3 жыл бұрын

  • Спасибо за видео! Интересно было бы еще посмотреть как это реализовать внутри приложения на том же Vue || React

    @maks2135@maks21353 жыл бұрын

  • Спасибо за видео. Ещё как понял начало. Го глубокое. И ещё спасибо за предоставленный контент.

    @mdreal3264@mdreal32643 жыл бұрын

  • Как вовремя нашла ваш урок, просмотрела, хоть поняла что к чему, ещё хорошо что в консоли все объясняете, кроме как ошибок, в ней ничего не знаю, в другие вкладки и не заходила, а тут прям находка, кучу открытий для себя сделала, если что, я новичок, которого посадили в сложный проект, без знания языка и сказали освоить за короткий срок, за 2 недели научилась оформлению на html, css, так же освоила axios, api, да и вообще кучу всего, а тут на днях сказали посмотреть и изучить PWA, чтоб знала что к чему, сутками не сплю, учеба😅

    @user-gy6wd8jj2j@user-gy6wd8jj2j2 жыл бұрын

  • Спасибо за ролик, дает отличное базовое понимание того, что это и зачем

    @TrumpsOfDesign@TrumpsOfDesign Жыл бұрын

  • Оу маай !!!))) Спасибо, интересная тема и очень полезное видео !!)))))

    @eugenia9999@eugenia99993 жыл бұрын

  • Первый раз посмотрел на скорости х2, чтобы просто понимать, что это и зачем😅 Однозначно снова пересмотрю, когда буду внедрять) Спасибо тебе!

    @evgen_frontend_rostov@evgen_frontend_rostov2 жыл бұрын

  • спасибо! Очень-очень актуальное сейчас видео PWA технологии! Пожалуйста выпускайте новые видосы по этой теме. Работа с железом телефона например, непаханное поле )

    @_ZUBR_@_ZUBR_2 жыл бұрын

  • Спасибо огромное! Очень полезное видео!!! Интересно будет сделать PWA на Angular!

    @mrogovets@mrogovets3 жыл бұрын

  • Нужно больше уроков по PWA, Владилен ) Нотификашки, workbox и т.д.

    @alexander_frolov_14@alexander_frolov_143 жыл бұрын

  • Только по работе вспоминал фронт лид об этом, я начал гуглить вер воркеры, узнавать что такое pwa, и тут бац, твое видео как раз очень в тему и вовремя. Спасибо) не зря - лучший фронтенд канал на ютубе

    @ArtikMan1994@ArtikMan19943 жыл бұрын

  • Спасибо за видео. Очень познавательно и полезно

    @multiply87@multiply873 жыл бұрын

  • Спасибо за курс👍

    @batradzbazzaev@batradzbazzaev2 жыл бұрын

  • Большое спасибо! Было очень познавательно и интересно!

    @juliarizhenkova5305@juliarizhenkova53053 жыл бұрын

  • Отличный туториал, никак руки не доходили чтобы разобраться :) А тут все разжевал :) Было бы круто послушать о Advanced решениях по PWA и фреймворках, WorkBox :) Спасибо.

    @MPushY@MPushY3 жыл бұрын

  • Лайк за невероятно годный контент, не глядя

    @Andrey53283@Andrey532833 жыл бұрын

  • Спасибо за урок. Всё понятно и доступно. Сэкономил кучу времени. Кстати изучаю твои курсы на udemy, тоже очень доволен. Всем рекомендую

    @ProstoDen4ikChannal@ProstoDen4ikChannal5 ай бұрын

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

    @deniska5957@deniska59573 жыл бұрын

  • Спасибо огромное конечно нужно продолжение

    @user-vr5kh4wb7m@user-vr5kh4wb7m3 жыл бұрын

  • Шикарно! Спасибо.

    @user-ur9fs8cx4f@user-ur9fs8cx4f3 жыл бұрын

  • Я только начинаю изучать какую либо технологию и Владилен сразу выпускает видео по ней)

    @user-iz4ds1zn3p@user-iz4ds1zn3p3 жыл бұрын

  • 1000 смирённых поклонов!!! Спасибо я так давно ждал!!! Я буду использовать обязательно потому, что: 1) это реальные клиенты которых я получаю из поиска, так как сайты с PWA ранжируются выше, а значит клиентов больше! 2) продавать приложения по цене сайта намного проще, чем сайт! И много много многое!!!

    @romanbolshiyanov@romanbolshiyanov3 жыл бұрын

  • Ждем более продвинутую работу с PWA)

    @luchick6852@luchick68523 жыл бұрын

  • Очень круто, спасибо!

    @aleksandrgurnak3911@aleksandrgurnak39113 жыл бұрын

  • Это очень круто. спасибо!

    @UtkaMF@UtkaMF3 жыл бұрын

  • Спасибо. Хочу больше

    @mynamenamemy487@mynamenamemy4873 жыл бұрын

  • Тема интересная, но для меня пока сложновата. Автору огромное уважение за труды )))

    @user-ew4bc1yi6w@user-ew4bc1yi6w3 жыл бұрын

  • Информативно и без воды, спасибо

    @user-hp6ze2bt6d@user-hp6ze2bt6d3 жыл бұрын

    • В общем виде клей ПВА имеет следующий состав: 85-95% поливинилацетата, 0-10% воды, не менее 5% - пластификаторы (дибутилфталат или ЭДОС), до 0,5% - специальные добавки.

      @Beast8833@Beast88333 жыл бұрын

  • Спасибо, отличный урок

    @almaz.kamaliev@almaz.kamaliev3 жыл бұрын

  • Спасибо, хороший урок!

    @artemzirka9675@artemzirka96753 жыл бұрын

  • Спасибо, было интересно

    @Peter-vz4tb@Peter-vz4tb3 жыл бұрын

  • Отличный урок!!! Спасибо!!!

    @deniskravets1831@deniskravets18312 жыл бұрын

  • Спасибо! оч полезный видос

    @ivanshtyrliaiev3360@ivanshtyrliaiev33603 жыл бұрын

  • Как всегда супер видео. Ждём ПВА на Ангуларе

    @denisbielishev@denisbielishev3 жыл бұрын

  • Круто))) спасибо большое

    @zhassulankaros9288@zhassulankaros92883 жыл бұрын

  • Ой, спасибо огромное! Это видео - реально ценный клад. Я вообще не понимал, как так возможно закешировать страницу, чтобы она открывалась без интернета. Гуглил гуглил, и ничего. А оказывается есть волшебные три буквы: PWA

    @pinkierar_real@pinkierar_real Жыл бұрын

  • Владилен Здоровья, Успехов ...ПВА это клей

    @user-ol6fh6tg4x@user-ol6fh6tg4x3 жыл бұрын

  • Спасибо! Интересная тема.

    @artemijeka@artemijeka2 жыл бұрын

  • Спасибо, очень круто

    @vitalizolotarev8210@vitalizolotarev82103 жыл бұрын

  • спасибо за твой труд

    @rafalskyi@rafalskyi3 жыл бұрын

  • Отличное видео, спасибо! Было бы здорово посмотреть как это выглядит на vue, а так же как это совмещается с SSR

    @pavelnachigin3869@pavelnachigin38693 жыл бұрын

  • О да! Развитие темы pwa категорически интересно. Например как можно кэшировать пользовательский ввод и передавать инфу при появлении сети. Большое спасибо!!!

    @Egorka-vl7ce@Egorka-vl7ce3 жыл бұрын

  • Круто, спасибо!

    @mavregg@mavregg3 жыл бұрын

  • Да, было бы неплохо разобрать тему обновления PWA при обновлении сайта на хосте))

    @amatorBolivarGames@amatorBolivarGames3 жыл бұрын

    • Я ради этого и гуглю, вот сюда попал... Но кажется зря

      @ArtiomNeganov@ArtiomNeganov2 жыл бұрын

    • @@ArtiomNeganov нагуглил что-нибудь? А то я только сейчас докопался до service workers, до этого пытался сбросить кэш при перезагрузке

      @Timoffey@Timoffey2 жыл бұрын

    • ​@@Timoffey ну как, 2 года прошло. Нагуглил?

      @user-nj6dh2ck2y@user-nj6dh2ck2y3 ай бұрын

    • @@user-nj6dh2ck2yну как? Месяц прошел.

      @DS-iz4xw@DS-iz4xw2 ай бұрын

  • Отличный урок! Хотелось бы узнать про использование геолокации и bluetooth в PWA

    @sidr555@sidr5553 жыл бұрын

  • Будете использовать технологию для своих приложений?)

    @VladilenMinin@VladilenMinin3 жыл бұрын

    • 1000 смирённых поклонов!!! Спасибо я так давно ждал!!! Я буду использовать обязательно потому, что: 1) это реальные клиенты которых я получаю из поиска, так как сайты с PWA ранжируются выше, а значит клиентов! 2) продавать приложения по цене сайта намного проще, чем сайт! И много много многое!!!

      @romanbolshiyanov@romanbolshiyanov3 жыл бұрын

    • Конечно, спасибо, не знал об этом

      @404piano@404piano3 жыл бұрын

    • Да совместно с NUXT и VUE))) Было бы круто увидеть видео по стеку: vue-spa + pwa

      @amatorBolivarGames@amatorBolivarGames3 жыл бұрын

    • Огромное тебе спасибо

      @user-ze8dx2or3p@user-ze8dx2or3p3 жыл бұрын

    • Сложно сказать. Развернуть такое приложение очень просто, но: а) рядовой пользователь знать не знает как его установить, и отсюда вытекает: б) AppStore такое приложение публиковать не будет, а в iOs, из Safari к примеру, его установить - целая история Это очень клевая технология, но практического применения в ней мизер.

      @zhmenia@zhmenia3 жыл бұрын

  • Спасибо, хорошее видео, лайк

    @user-hz3tr9bu1h@user-hz3tr9bu1h3 жыл бұрын

  • Спасибо большое за урок! Было бы круто если сняли видео про WorkBox

    @WeCoders@WeCoders3 жыл бұрын

    • +++

      @MPushY@MPushY3 жыл бұрын

  • Спасибо, было познавательно

    @user-ju4be3qp3o@user-ju4be3qp3o5 ай бұрын

  • Полезный материал! Да, было бы не плохо разобрать настройку workbox...

    @alekstar79@alekstar793 жыл бұрын

  • Спасибо за видео

    @user-hl6ne2cp9h@user-hl6ne2cp9h8 ай бұрын

  • Супер! Спасибо

    @ferym26@ferym263 жыл бұрын

  • Прикольно, спасибо!

    @user-tc1rz4mh3o@user-tc1rz4mh3o3 жыл бұрын

  • Классный обзор. Можно добавить к курсу по angular

    @tomozi1@tomozi13 жыл бұрын

  • Ура, новое видео

    @404piano@404piano3 жыл бұрын

  • Благодарю!

    @denissavast@denissavast7 ай бұрын

  • Владилен, спасибо огромное! Хотелось бы увидеть, как это работает на смартфоне, например с картой.

    @vladimirlevin6799@vladimirlevin67993 жыл бұрын

  • ура ! Разбери офлайн часть и background sync будет интересно.

    @TheBorninmotion@TheBorninmotion3 жыл бұрын

  • Развития тебе и каналу

    @fcfdsxzxzxz5125@fcfdsxzxzxz51253 жыл бұрын

  • блин, только недавно мне попадался такой манифест, погуглил но не понял надо ли оно мне. а тут видос такой годный и я понимаю что надо!

    @returnobject@returnobject3 жыл бұрын

  • Да, было бы неплохо развернуть данную тему дальше.

    @waldemar_dev@waldemar_dev3 жыл бұрын

  • Давай еще больше материалов по SW и PWA!!!

    @user-sh7bb6hk6f@user-sh7bb6hk6f3 жыл бұрын

  • все просто и понятно. мне как бекендеру особенно интересно изучать чего у вас на фронте происходит. спасибо буду прокачивать скилы в этом направлении

    @asurahan@asurahan3 жыл бұрын

  • Круто! Хотелось бы увидить как сделать PWA с реактом

    @maxymstoiakevych4139@maxymstoiakevych41393 жыл бұрын

  • Огромное спасибо за труд и время - как всегда просто и понятно. Имею наглость попросить развития данной темы, а именно - PUSH & NOTIFICATION/

    @AAGeine@AAGeine3 жыл бұрын

    • Я бы тоже послушал👍🏻 Думаю всеминтересно, либо workbox,там предполагаю это уже есть)

      @dunekonaren9017@dunekonaren90173 жыл бұрын

  • Спасибо!

    @dmytroNaholiuk@dmytroNaholiuk3 жыл бұрын

  • Отличная тема. очень интересно. Покажи как использовать для моб платформ. и расскажи как она под капотом работает

    @olegsubik@olegsubik3 жыл бұрын

  • Спасибо, доступно и понятно изложена информация! Очень интересует тема PWA на Vuejs. Возможно ли увидеть ролик на данную тему в ближайшем будущем?

    @pavelminchenko448@pavelminchenko4483 жыл бұрын

  • Круто!

    @yatolstoy@yatolstoy3 жыл бұрын

  • Гоу видео про Workbox :) И продвинутые темы в PWA

    @fallenstar358@fallenstar3583 жыл бұрын
KZhead