Тёмный

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

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

Исходный код тут: 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: vladilen.minin
Instagram: / vladilen.minin
Мои паблики по JavaScript:
Telegram: t.me/result_school_it
VK: 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 и несколько стратегий кеширования

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

 

8 мар 2021

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 299   
@VladilenMinin
@VladilenMinin Год назад
Исходный код тут: t.me/js_by_vladilen/339 Получить профессию Frontend разработчика - bit.ly/3a6IZCn
@user-bn2qp6sh8r
@user-bn2qp6sh8r 3 года назад
С детского сада знаю, что ПВА необходим для апликейшн !!!
@rinat_kam
@rinat_kam 3 года назад
Есть подозрение, что не все поймут 😃
@username-vh6ce
@username-vh6ce 3 года назад
😂👍
@jameshawkins3304
@jameshawkins3304 3 года назад
Слишком годно :)
@max_mgtow
@max_mgtow 3 года назад
Клей))
@user-nv2so3ik9u
@user-nv2so3ik9u 3 года назад
)))))))))))))))))))
@andreyzavarygin8981
@andreyzavarygin8981 3 года назад
Круто! Спасибо, Владилен! Как раз писал что интересно узнать про PWA!
@SanSaHbI4
@SanSaHbI4 3 года назад
Большое спасибо за труд, ценим и ждём продолжение про более продвинутые концепции PWA)
@user-cu2lw2nt3y
@user-cu2lw2nt3y 3 года назад
Спасибо, Владилен! Как всегда - локанично, доступно и исчерпывающе!
@user-df8tu1st7r
@user-df8tu1st7r 3 года назад
Очень интересно, спасибо! Хотелось бы ещё больше!🦾
@serhiigerkhard6745
@serhiigerkhard6745 2 года назад
Спасибо за отличный материал! Будет очень интересно узнать о более продвинутых темах в концепции PWA
@user-cf3gi9zj3i
@user-cf3gi9zj3i 3 года назад
почти весь свой js изучаю с этого канала) Был бы рад увидеть гайд PWA в практике с каким то полезным сайте
@denisvradiy8503
@denisvradiy8503 3 года назад
Очень круто! Хотелось бы более продвинутый курс на примере более сложного pwa !
@Vladimir-mj3bj
@Vladimir-mj3bj 2 года назад
ле, давненько я не видел, чтобы так просто и без лишней воды объясняли тему, лукас и подписка
@amatorBolivarGames
@amatorBolivarGames 3 года назад
Да, было бы неплохо разобрать тему обновления PWA при обновлении сайта на хосте))
@ArtiomNeganov
@ArtiomNeganov 2 года назад
Я ради этого и гуглю, вот сюда попал... Но кажется зря
@Timoffey
@Timoffey 2 года назад
@@ArtiomNeganov нагуглил что-нибудь? А то я только сейчас докопался до service workers, до этого пытался сбросить кэш при перезагрузке
@user-nj6dh2ck2y
@user-nj6dh2ck2y 4 месяца назад
​@@Timoffey ну как, 2 года прошло. Нагуглил?
@DS-iz4xw
@DS-iz4xw 2 месяца назад
@@user-nj6dh2ck2yну как? Месяц прошел.
@aleksandrgradov7859
@aleksandrgradov7859 3 года назад
спасибо огромное! как всегда супер! Было бы интересно послушать более расширенный курс по СВ и с более подробным рассмотрением)))
@vladimirmarkov6563
@vladimirmarkov6563 3 года назад
Не успел я проголосовать за эту тему, как она появилась) Владилен мое уважение!!!
@VladilenMinin
@VladilenMinin 3 года назад
Будете использовать технологию для своих приложений?)
@romanbolshiyanov
@romanbolshiyanov 3 года назад
1000 смирённых поклонов!!! Спасибо я так давно ждал!!! Я буду использовать обязательно потому, что: 1) это реальные клиенты которых я получаю из поиска, так как сайты с PWA ранжируются выше, а значит клиентов! 2) продавать приложения по цене сайта намного проще, чем сайт! И много много многое!!!
@404piano
@404piano 3 года назад
Конечно, спасибо, не знал об этом
@amatorBolivarGames
@amatorBolivarGames 3 года назад
Да совместно с NUXT и VUE))) Было бы круто увидеть видео по стеку: vue-spa + pwa
@user-ze8dx2or3p
@user-ze8dx2or3p 3 года назад
Огромное тебе спасибо
@zhmenia
@zhmenia 3 года назад
Сложно сказать. Развернуть такое приложение очень просто, но: а) рядовой пользователь знать не знает как его установить, и отсюда вытекает: б) AppStore такое приложение публиковать не будет, а в iOs, из Safari к примеру, его установить - целая история Это очень клевая технология, но практического применения в ней мизер.
@rinat_kam
@rinat_kam 3 года назад
Спасибо, Владилен. Лайк, колокольчик, все дела 👍
@St3rnhunt3r
@St3rnhunt3r 2 года назад
Такой кайф, когда на стажировки дали pwa сделать, и есть такой канал как твой.
@opanashenki
@opanashenki 3 года назад
Модно, стильно, молодёжно. Давно хотел видосик про пва. Сразу лайк!
@sergeyplotnikov5031
@sergeyplotnikov5031 3 года назад
Очень крутая тема! Большое спасибо за такое простое и понятное объяснение!
@Tiburtsy
@Tiburtsy Месяц назад
Отлично! Как раз сегодня начал разбираться с тем, что такое PWA. Оказалось, под мои задачи подходит. Теперь нужно делать вёрстку под комп и мобильник.
@a_pifagor
@a_pifagor 3 года назад
Всё чётко, освежил знания, жду видос про workbox!
@user-mk6bj4up6e
@user-mk6bj4up6e 3 года назад
Спасибо, Владилен, за урок!
@user-gy6wd8jj2j
@user-gy6wd8jj2j 2 года назад
Как вовремя нашла ваш урок, просмотрела, хоть поняла что к чему, ещё хорошо что в консоли все объясняете, кроме как ошибок, в ней ничего не знаю, в другие вкладки и не заходила, а тут прям находка, кучу открытий для себя сделала, если что, я новичок, которого посадили в сложный проект, без знания языка и сказали освоить за короткий срок, за 2 недели научилась оформлению на html, css, так же освоила axios, api, да и вообще кучу всего, а тут на днях сказали посмотреть и изучить PWA, чтоб знала что к чему, сутками не сплю, учеба😅
@fallenstar358
@fallenstar358 3 года назад
Ещё этого не хватало) Благодарю!
@user-dh4py6qj2h
@user-dh4py6qj2h Год назад
Отличный туториал, хотим ещё! 😀
@ek-wind
@ek-wind 3 года назад
Супер актуальное и полезное видео. Огромное спасибо за такую ценную информацию.
@makep2434
@makep2434 3 года назад
Спасибо за видео урок, ждем разбор work box
@maks2135
@maks2135 3 года назад
Спасибо за видео! Интересно было бы еще посмотреть как это реализовать внутри приложения на том же Vue || React
@_ZUBR_
@_ZUBR_ 2 года назад
спасибо! Очень-очень актуальное сейчас видео PWA технологии! Пожалуйста выпускайте новые видосы по этой теме. Работа с железом телефона например, непаханное поле )
@dmitriipokhilenko8228
@dmitriipokhilenko8228 3 года назад
Полезное видео, спасибо! Очень вовремя)
@ode2877
@ode2877 3 года назад
Давно пора было эту тему раскрыть, круто спасибо)
@user-tr8xi3ik3c
@user-tr8xi3ik3c 3 года назад
О, качественная годнота! Благодарю за проделанный труд и за то, что делишься знаниями!
@user-le8ml9dt3q
@user-le8ml9dt3q 3 года назад
Спасибо! лучшее что я видел по pwa
@blagodum
@blagodum 3 года назад
кайф! спасибо! жду более глубоких уроков по теме!
@mrogovets
@mrogovets 3 года назад
Спасибо огромное! Очень полезное видео!!! Интересно будет сделать PWA на Angular!
@egolege
@egolege 3 года назад
Понравилось ! Спасибо! Можно развивать эту тему дальше
@sidr555
@sidr555 3 года назад
Отличный урок! Хотелось бы узнать про использование геолокации и bluetooth в PWA
@unknownWakeborder
@unknownWakeborder 3 года назад
Спасибо большое, это очень важная и нужная штука!
@TrumpsOfDesign
@TrumpsOfDesign Год назад
Спасибо за ролик, дает отличное базовое понимание того, что это и зачем
@alexeychernov3902
@alexeychernov3902 2 года назад
Спасибо за видео, просто и понятно о PWA и service workers.
@juliarizhenkova5305
@juliarizhenkova5305 3 года назад
Большое спасибо! Было очень познавательно и интересно!
@ArtikMan1994
@ArtikMan1994 3 года назад
Только по работе вспоминал фронт лид об этом, я начал гуглить вер воркеры, узнавать что такое pwa, и тут бац, твое видео как раз очень в тему и вовремя. Спасибо) не зря - лучший фронтенд канал на ютубе
@MPushY
@MPushY 3 года назад
Отличный туториал, никак руки не доходили чтобы разобраться :) А тут все разжевал :) Было бы круто послушать о Advanced решениях по PWA и фреймворках, WorkBox :) Спасибо.
@batradzbazzaev
@batradzbazzaev 2 года назад
Спасибо за курс👍
@evgen_frontend_rostov
@evgen_frontend_rostov 2 года назад
Первый раз посмотрел на скорости х2, чтобы просто понимать, что это и зачем😅 Однозначно снова пересмотрю, когда буду внедрять) Спасибо тебе!
@ProstoDen4ikChannal
@ProstoDen4ikChannal 6 месяцев назад
Спасибо за урок. Всё понятно и доступно. Сэкономил кучу времени. Кстати изучаю твои курсы на udemy, тоже очень доволен. Всем рекомендую
@alexander_frolov_14
@alexander_frolov_14 3 года назад
Нужно больше уроков по PWA, Владилен ) Нотификашки, workbox и т.д.
@luchick6852
@luchick6852 3 года назад
Ждем более продвинутую работу с PWA)
@eugenia9999
@eugenia9999 3 года назад
Оу маай !!!))) Спасибо, интересная тема и очень полезное видео !!)))))
@multiply87
@multiply87 3 года назад
Спасибо за видео. Очень познавательно и полезно
@mdreal3264
@mdreal3264 3 года назад
Спасибо за видео. Ещё как понял начало. Го глубокое. И ещё спасибо за предоставленный контент.
@aleksandrgurnak3911
@aleksandrgurnak3911 3 года назад
Очень круто, спасибо!
@user-ur9fs8cx4f
@user-ur9fs8cx4f 3 года назад
Шикарно! Спасибо.
@deniskravets1831
@deniskravets1831 2 года назад
Отличный урок!!! Спасибо!!!
@romanbolshiyanov
@romanbolshiyanov 3 года назад
1000 смирённых поклонов!!! Спасибо я так давно ждал!!! Я буду использовать обязательно потому, что: 1) это реальные клиенты которых я получаю из поиска, так как сайты с PWA ранжируются выше, а значит клиентов больше! 2) продавать приложения по цене сайта намного проще, чем сайт! И много много многое!!!
@pavelnachigin3869
@pavelnachigin3869 3 года назад
Отличное видео, спасибо! Было бы здорово посмотреть как это выглядит на vue, а так же как это совмещается с SSR
@user-vr5kh4wb7m
@user-vr5kh4wb7m 3 года назад
Спасибо огромное конечно нужно продолжение
@UtkaMF
@UtkaMF 3 года назад
Это очень круто. спасибо!
@artemijeka
@artemijeka 2 года назад
Спасибо! Интересная тема.
@pinkierar_real
@pinkierar_real Год назад
Ой, спасибо огромное! Это видео - реально ценный клад. Я вообще не понимал, как так возможно закешировать страницу, чтобы она открывалась без интернета. Гуглил гуглил, и ничего. А оказывается есть волшебные три буквы: PWA
@Egorka-vl7ce
@Egorka-vl7ce 3 года назад
О да! Развитие темы pwa категорически интересно. Например как можно кэшировать пользовательский ввод и передавать инфу при появлении сети. Большое спасибо!!!
@Andrey53283
@Andrey53283 3 года назад
Лайк за невероятно годный контент, не глядя
@almaz.kamaliev
@almaz.kamaliev 3 года назад
Спасибо, отличный урок
@user-hp6ze2bt6d
@user-hp6ze2bt6d 3 года назад
Информативно и без воды, спасибо
@Beast8833
@Beast8833 3 года назад
В общем виде клей ПВА имеет следующий состав: 85-95% поливинилацетата, 0-10% воды, не менее 5% - пластификаторы (дибутилфталат или ЭДОС), до 0,5% - специальные добавки.
@artemzirka9675
@artemzirka9675 3 года назад
Спасибо, хороший урок!
@user-iz4ds1zn3p
@user-iz4ds1zn3p 3 года назад
Я только начинаю изучать какую либо технологию и Владилен сразу выпускает видео по ней)
@Peter-vz4tb
@Peter-vz4tb 3 года назад
Спасибо, было интересно
@mario1ua
@mario1ua 2 года назад
Круто, спасибо!
@deniska5957
@deniska5957 3 года назад
я буквально пару дней назад так же ютуб установил и ещё подумал как это работает) вон оно что оказывается. Теперь хочется глубже погрузиться и изучать
@mynamenamemy487
@mynamenamemy487 3 года назад
Спасибо. Хочу больше
@user-ju4be3qp3o
@user-ju4be3qp3o 6 месяцев назад
Спасибо, было познавательно
@WeCoders
@WeCoders 3 года назад
Спасибо большое за урок! Было бы круто если сняли видео про WorkBox
@MPushY
@MPushY 3 года назад
+++
@ivanshtyrliaiev3360
@ivanshtyrliaiev3360 3 года назад
Спасибо! оч полезный видос
@user-ol6fh6tg4x
@user-ol6fh6tg4x 3 года назад
Владилен Здоровья, Успехов ...ПВА это клей
@denisbielishev
@denisbielishev 3 года назад
Как всегда супер видео. Ждём ПВА на Ангуларе
@zhassulankaros9288
@zhassulankaros9288 3 года назад
Круто))) спасибо большое
@rafalskyi
@rafalskyi 3 года назад
спасибо за твой труд
@vitalizolotarev8210
@vitalizolotarev8210 3 года назад
Спасибо, очень круто
@alekstar79
@alekstar79 3 года назад
Полезный материал! Да, было бы не плохо разобрать настройку workbox...
@ferym26
@ferym26 3 года назад
Супер! Спасибо
@user-ew4bc1yi6w
@user-ew4bc1yi6w 3 года назад
Тема интересная, но для меня пока сложновата. Автору огромное уважение за труды )))
@user-hl6ne2cp9h
@user-hl6ne2cp9h 8 месяцев назад
Спасибо за видео
@user-hz3tr9bu1h
@user-hz3tr9bu1h 3 года назад
Спасибо, хорошее видео, лайк
@vladimirlevin6799
@vladimirlevin6799 3 года назад
Владилен, спасибо огромное! Хотелось бы увидеть, как это работает на смартфоне, например с картой.
@TheBorninmotion
@TheBorninmotion 3 года назад
ура ! Разбери офлайн часть и background sync будет интересно.
@user-tc1rz4mh3o
@user-tc1rz4mh3o 3 года назад
Прикольно, спасибо!
@tomozi1
@tomozi1 3 года назад
Классный обзор. Можно добавить к курсу по angular
@denissavast
@denissavast 8 месяцев назад
Благодарю!
@404piano
@404piano 3 года назад
Ура, новое видео
@waldemar_dev
@waldemar_dev 3 года назад
Да, было бы неплохо развернуть данную тему дальше.
@maxymstoiakevych4139
@maxymstoiakevych4139 3 года назад
Круто! Хотелось бы увидить как сделать PWA с реактом
@fcfdsxzxzxz5125
@fcfdsxzxzxz5125 3 года назад
Развития тебе и каналу
@asurahan
@asurahan 3 года назад
все просто и понятно. мне как бекендеру особенно интересно изучать чего у вас на фронте происходит. спасибо буду прокачивать скилы в этом направлении
@user-sh7bb6hk6f
@user-sh7bb6hk6f 3 года назад
Давай еще больше материалов по SW и PWA!!!
@yatolstoy
@yatolstoy 3 года назад
Круто!
@fallenstar358
@fallenstar358 3 года назад
Гоу видео про Workbox :) И продвинутые темы в PWA
@narutominer
@narutominer 3 года назад
Было бы интересно посмотреть на более продвинутые ПВА на Реакте ещё и с использованием пуш уведомлений.
@iventeye
@iventeye Год назад
Внедрил PWA в свой проект. В первую очередь делал это ради возможности установки на главный экран, потому что это будет весьма удобно для использования. Но потом и идея с кэшем и возможностью запуска оффлайн мне тоже показалась неплохой и я решил сделать и это. И, как я понял, работает это весьма странно и нестабильно. Я заметил, что если зайти в приложение с включенным интернетом, то при перезаходе в него без интернета кэш подгружается и все работает нормально. Но если же попытаться зайти сразу без интернета, то будет надпись: "Не удаётся получить доступ к сайту", кэш просто не подгружается. Почитал комментарии и понял, что не только у меня такое. Может кто знает, как это фиксится, пишите, буду рад. Но в целом, я думаю это сказывается сырость технологии. На бумаге, потенциально, это достаточно перспективно, но работает пока так себе. Единственное, ради чего можно это добавлять, так это для возможности установки на главный экран и еще может уведомлений. Хоть и не пробовал играться с уведомлениями, но почитав комментарии, понял, что и там наблюдаются проблемы в работе.
@dmytroNaholiuk
@dmytroNaholiuk 3 года назад
Спасибо!
@AAGeine
@AAGeine 3 года назад
Огромное спасибо за труд и время - как всегда просто и понятно. Имею наглость попросить развития данной темы, а именно - PUSH & NOTIFICATION/
@dunekonaren9017
@dunekonaren9017 3 года назад
Я бы тоже послушал👍🏻 Думаю всеминтересно, либо workbox,там предполагаю это уже есть)
@iMarkusUS
@iMarkusUS 3 года назад
Единственно кто разобрал SW более чем просто регистрация .. порядочный парень , да прибудет успех с тобой
Далее
TypeScript - Быстрый Курс за 70 минут
1:08:00
The Worlds Most Powerfull Batteries !
00:48
Просмотров 5 млн
из Брака в премиум класс ;)
01:00
Просмотров 278 тыс.
100😭🎉 #thankyou
00:28
Просмотров 23 млн
Intro To Service Workers & Caching
35:26
Просмотров 230 тыс.
The Worlds Most Powerfull Batteries !
00:48
Просмотров 5 млн