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

  Переглядів 107,688

Владилен Минин

Владилен Минин

3 роки тому

Исходный код тут: 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 и несколько стратегий кеширования

КОМЕНТАРІ: 298
@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 роки тому
Очень интересно, спасибо! Хотелось бы ещё больше!🦾
@rinat_kam
@rinat_kam 3 роки тому
Спасибо, Владилен. Лайк, колокольчик, все дела 👍
@vladimirmarkov6563
@vladimirmarkov6563 3 роки тому
Не успел я проголосовать за эту тему, как она появилась) Владилен мое уважение!!!
@serhiigerkhard6745
@serhiigerkhard6745 2 роки тому
Спасибо за отличный материал! Будет очень интересно узнать о более продвинутых темах в концепции PWA
@St3rnhunt3r
@St3rnhunt3r 2 роки тому
Такой кайф, когда на стажировки дали pwa сделать, и есть такой канал как твой.
@Vladimir-mj3bj
@Vladimir-mj3bj 2 роки тому
ле, давненько я не видел, чтобы так просто и без лишней воды объясняли тему, лукас и подписка
@aleksandrgradov7859
@aleksandrgradov7859 3 роки тому
спасибо огромное! как всегда супер! Было бы интересно послушать более расширенный курс по СВ и с более подробным рассмотрением)))
@opanashenki
@opanashenki 3 роки тому
Модно, стильно, молодёжно. Давно хотел видосик про пва. Сразу лайк!
@fallenstar358
@fallenstar358 3 роки тому
Ещё этого не хватало) Благодарю!
@sergeyplotnikov5031
@sergeyplotnikov5031 3 роки тому
Очень крутая тема! Большое спасибо за такое простое и понятное объяснение!
@user-le8ml9dt3q
@user-le8ml9dt3q 3 роки тому
Спасибо! лучшее что я видел по pwa
@denisvradiy8503
@denisvradiy8503 3 роки тому
Очень круто! Хотелось бы более продвинутый курс на примере более сложного pwa !
@ode2877
@ode2877 3 роки тому
Давно пора было эту тему раскрыть, круто спасибо)
@user-cf3gi9zj3i
@user-cf3gi9zj3i 3 роки тому
почти весь свой js изучаю с этого канала) Был бы рад увидеть гайд PWA в практике с каким то полезным сайте
@user-mk6bj4up6e
@user-mk6bj4up6e 3 роки тому
Спасибо, Владилен, за урок!
@user-dh4py6qj2h
@user-dh4py6qj2h Рік тому
Отличный туториал, хотим ещё! 😀
@user-tr8xi3ik3c
@user-tr8xi3ik3c 3 роки тому
О, качественная годнота! Благодарю за проделанный труд и за то, что делишься знаниями!
@dmitriipokhilenko8228
@dmitriipokhilenko8228 3 роки тому
Полезное видео, спасибо! Очень вовремя)
@ek-wind
@ek-wind 3 роки тому
Супер актуальное и полезное видео. Огромное спасибо за такую ценную информацию.
@a_pifagor
@a_pifagor 3 роки тому
Всё чётко, освежил знания, жду видос про workbox!
@egolege
@egolege 3 роки тому
Понравилось ! Спасибо! Можно развивать эту тему дальше
@maks2135
@maks2135 3 роки тому
Спасибо за видео! Интересно было бы еще посмотреть как это реализовать внутри приложения на том же Vue || React
@TrumpsOfDesign
@TrumpsOfDesign 11 місяців тому
Спасибо за ролик, дает отличное базовое понимание того, что это и зачем
@makep2434
@makep2434 3 роки тому
Спасибо за видео урок, ждем разбор work box
@alexeychernov3902
@alexeychernov3902 2 роки тому
Спасибо за видео, просто и понятно о PWA и service workers.
@eugenia9999
@eugenia9999 3 роки тому
Оу маай !!!))) Спасибо, интересная тема и очень полезное видео !!)))))
@user-gy6wd8jj2j
@user-gy6wd8jj2j 2 роки тому
Как вовремя нашла ваш урок, просмотрела, хоть поняла что к чему, ещё хорошо что в консоли все объясняете, кроме как ошибок, в ней ничего не знаю, в другие вкладки и не заходила, а тут прям находка, кучу открытий для себя сделала, если что, я новичок, которого посадили в сложный проект, без знания языка и сказали освоить за короткий срок, за 2 недели научилась оформлению на html, css, так же освоила axios, api, да и вообще кучу всего, а тут на днях сказали посмотреть и изучить PWA, чтоб знала что к чему, сутками не сплю, учеба😅
@unknownWakeborder
@unknownWakeborder 3 роки тому
Спасибо большое, это очень важная и нужная штука!
@blagodum
@blagodum 3 роки тому
кайф! спасибо! жду более глубоких уроков по теме!
@batradzbazzaev
@batradzbazzaev 2 роки тому
Спасибо за курс👍
@user-ur9fs8cx4f
@user-ur9fs8cx4f 3 роки тому
Шикарно! Спасибо.
@mdreal3264
@mdreal3264 3 роки тому
Спасибо за видео. Ещё как понял начало. Го глубокое. И ещё спасибо за предоставленный контент.
@_ZUBR_
@_ZUBR_ 2 роки тому
спасибо! Очень-очень актуальное сейчас видео PWA технологии! Пожалуйста выпускайте новые видосы по этой теме. Работа с железом телефона например, непаханное поле )
@Andrey53283
@Andrey53283 3 роки тому
Лайк за невероятно годный контент, не глядя
@user-vr5kh4wb7m
@user-vr5kh4wb7m 3 роки тому
Спасибо огромное конечно нужно продолжение
@evgen_frontend_rostov
@evgen_frontend_rostov 2 роки тому
Первый раз посмотрел на скорости х2, чтобы просто понимать, что это и зачем😅 Однозначно снова пересмотрю, когда буду внедрять) Спасибо тебе!
@UtkaMF
@UtkaMF 3 роки тому
Это очень круто. спасибо!
@Tiburtsy
@Tiburtsy 17 днів тому
Отлично! Как раз сегодня начал разбираться с тем, что такое PWA. Оказалось, под мои задачи подходит. Теперь нужно делать вёрстку под комп и мобильник.
@aleksandrgurnak3911
@aleksandrgurnak3911 3 роки тому
Очень круто, спасибо!
@mrogovets
@mrogovets 3 роки тому
Спасибо огромное! Очень полезное видео!!! Интересно будет сделать PWA на Angular!
@multiply87
@multiply87 3 роки тому
Спасибо за видео. Очень познавательно и полезно
@alexander_frolov_14
@alexander_frolov_14 3 роки тому
Нужно больше уроков по PWA, Владилен ) Нотификашки, workbox и т.д.
@juliarizhenkova5305
@juliarizhenkova5305 3 роки тому
Большое спасибо! Было очень познавательно и интересно!
@luchick6852
@luchick6852 3 роки тому
Ждем более продвинутую работу с PWA)
@mynamenamemy487
@mynamenamemy487 3 роки тому
Спасибо. Хочу больше
@ProstoDen4ikChannal
@ProstoDen4ikChannal 5 місяців тому
Спасибо за урок. Всё понятно и доступно. Сэкономил кучу времени. Кстати изучаю твои курсы на udemy, тоже очень доволен. Всем рекомендую
@deniska5957
@deniska5957 3 роки тому
я буквально пару дней назад так же ютуб установил и ещё подумал как это работает) вон оно что оказывается. Теперь хочется глубже погрузиться и изучать
@ArtikMan1994
@ArtikMan1994 3 роки тому
Только по работе вспоминал фронт лид об этом, я начал гуглить вер воркеры, узнавать что такое pwa, и тут бац, твое видео как раз очень в тему и вовремя. Спасибо) не зря - лучший фронтенд канал на ютубе
@zhassulankaros9288
@zhassulankaros9288 3 роки тому
Круто))) спасибо большое
@MPushY
@MPushY 3 роки тому
Отличный туториал, никак руки не доходили чтобы разобраться :) А тут все разжевал :) Было бы круто послушать о Advanced решениях по PWA и фреймворках, WorkBox :) Спасибо.
@mavregg
@mavregg 3 роки тому
Круто, спасибо!
@almaz.kamaliev
@almaz.kamaliev 3 роки тому
Спасибо, отличный урок
@romanbolshiyanov
@romanbolshiyanov 3 роки тому
1000 смирённых поклонов!!! Спасибо я так давно ждал!!! Я буду использовать обязательно потому, что: 1) это реальные клиенты которых я получаю из поиска, так как сайты с PWA ранжируются выше, а значит клиентов больше! 2) продавать приложения по цене сайта намного проще, чем сайт! И много много многое!!!
@vitalizolotarev8210
@vitalizolotarev8210 3 роки тому
Спасибо, очень круто
@rafalskyi
@rafalskyi 3 роки тому
спасибо за твой труд
@Peter-vz4tb
@Peter-vz4tb 3 роки тому
Спасибо, было интересно
@artemzirka9675
@artemzirka9675 3 роки тому
Спасибо, хороший урок!
@artemijeka
@artemijeka 2 роки тому
Спасибо! Интересная тема.
@ivanshtyrliaiev3360
@ivanshtyrliaiev3360 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 к примеру, его установить - целая история Это очень клевая технология, но практического применения в ней мизер.
@user-hp6ze2bt6d
@user-hp6ze2bt6d 3 роки тому
Информативно и без воды, спасибо
@Beast8833
@Beast8833 3 роки тому
В общем виде клей ПВА имеет следующий состав: 85-95% поливинилацетата, 0-10% воды, не менее 5% - пластификаторы (дибутилфталат или ЭДОС), до 0,5% - специальные добавки.
@user-hz3tr9bu1h
@user-hz3tr9bu1h 3 роки тому
Спасибо, хорошее видео, лайк
@user-hl6ne2cp9h
@user-hl6ne2cp9h 7 місяців тому
Спасибо за видео
@user-iz4ds1zn3p
@user-iz4ds1zn3p 3 роки тому
Я только начинаю изучать какую либо технологию и Владилен сразу выпускает видео по ней)
@user-ew4bc1yi6w
@user-ew4bc1yi6w 3 роки тому
Тема интересная, но для меня пока сложновата. Автору огромное уважение за труды )))
@404piano
@404piano 3 роки тому
Ура, новое видео
@deniskravets1831
@deniskravets1831 2 роки тому
Отличный урок!!! Спасибо!!!
@user-ju4be3qp3o
@user-ju4be3qp3o 5 місяців тому
Спасибо, было познавательно
@amatorBolivarGames
@amatorBolivarGames 3 роки тому
Да, было бы неплохо разобрать тему обновления PWA при обновлении сайта на хосте))
@ArtiomNeganov
@ArtiomNeganov 2 роки тому
Я ради этого и гуглю, вот сюда попал... Но кажется зря
@Timoffey
@Timoffey 2 роки тому
@@ArtiomNeganov нагуглил что-нибудь? А то я только сейчас докопался до service workers, до этого пытался сбросить кэш при перезагрузке
@user-nj6dh2ck2y
@user-nj6dh2ck2y 3 місяці тому
​@@Timoffey ну как, 2 года прошло. Нагуглил?
@DS-iz4xw
@DS-iz4xw 2 місяці тому
@@user-nj6dh2ck2yну как? Месяц прошел.
@user-tc1rz4mh3o
@user-tc1rz4mh3o 3 роки тому
Прикольно, спасибо!
@denisbielishev
@denisbielishev 3 роки тому
Как всегда супер видео. Ждём ПВА на Ангуларе
@sidr555
@sidr555 3 роки тому
Отличный урок! Хотелось бы узнать про использование геолокации и bluetooth в PWA
@WeCoders
@WeCoders 3 роки тому
Спасибо большое за урок! Было бы круто если сняли видео про WorkBox
@MPushY
@MPushY 3 роки тому
+++
@denissavast
@denissavast 7 місяців тому
Благодарю!
@pavelnachigin3869
@pavelnachigin3869 3 роки тому
Отличное видео, спасибо! Было бы здорово посмотреть как это выглядит на vue, а так же как это совмещается с SSR
@Egorka-vl7ce
@Egorka-vl7ce 3 роки тому
О да! Развитие темы pwa категорически интересно. Например как можно кэшировать пользовательский ввод и передавать инфу при появлении сети. Большое спасибо!!!
@ferym26
@ferym26 3 роки тому
Супер! Спасибо
@user-ol6fh6tg4x
@user-ol6fh6tg4x 3 роки тому
Владилен Здоровья, Успехов ...ПВА это клей
@alekstar79
@alekstar79 3 роки тому
Полезный материал! Да, было бы не плохо разобрать настройку workbox...
@pinkierar_real
@pinkierar_real Рік тому
Ой, спасибо огромное! Это видео - реально ценный клад. Я вообще не понимал, как так возможно закешировать страницу, чтобы она открывалась без интернета. Гуглил гуглил, и ничего. А оказывается есть волшебные три буквы: PWA
@tomozi1
@tomozi1 3 роки тому
Классный обзор. Можно добавить к курсу по angular
@vladimirlevin6799
@vladimirlevin6799 3 роки тому
Владилен, спасибо огромное! Хотелось бы увидеть, как это работает на смартфоне, например с картой.
@maxymstoiakevych4139
@maxymstoiakevych4139 3 роки тому
Круто! Хотелось бы увидить как сделать PWA с реактом
@yatolstoy
@yatolstoy 3 роки тому
Круто!
@waldemar_dev
@waldemar_dev 3 роки тому
Да, было бы неплохо развернуть данную тему дальше.
@dmytroNaholiuk
@dmytroNaholiuk 3 роки тому
Спасибо!
@TheBorninmotion
@TheBorninmotion 3 роки тому
ура ! Разбери офлайн часть и background sync будет интересно.
@user-sh7bb6hk6f
@user-sh7bb6hk6f 3 роки тому
Давай еще больше материалов по SW и PWA!!!
@fcfdsxzxzxz5125
@fcfdsxzxzxz5125 3 роки тому
Развития тебе и каналу
@asurahan
@asurahan 3 роки тому
все просто и понятно. мне как бекендеру особенно интересно изучать чего у вас на фронте происходит. спасибо буду прокачивать скилы в этом направлении
@returnobject
@returnobject 3 роки тому
блин, только недавно мне попадался такой манифест, погуглил но не понял надо ли оно мне. а тут видос такой годный и я понимаю что надо!
@pavelminchenko448
@pavelminchenko448 3 роки тому
Спасибо, доступно и понятно изложена информация! Очень интересует тема PWA на Vuejs. Возможно ли увидеть ролик на данную тему в ближайшем будущем?
@user-eb5yw9ui6o
@user-eb5yw9ui6o Рік тому
спасибо!
@olegsubik
@olegsubik 3 роки тому
Отличная тема. очень интересно. Покажи как использовать для моб платформ. и расскажи как она под капотом работает
@max_mgtow
@max_mgtow 3 роки тому
Владилен, золотые уроки 👏👍 Спасибо, тебе!!! Миллион лайков
Как учиться в переизбытке информации
33:55
Владилен Минин
Переглядів 8 тис.
McDonald’s MCNUGGET PURSE?! #shorts
00:11
Lauren Godwin
Переглядів 31 млн
Пескоструйный АППАРАТ! #shorts
01:00
Гараж 54
Переглядів 3,1 млн
Піхотинці - про потребу у людях
00:57
Суспільне Новини
Переглядів 756 тис.
JavaScript Web Workers Explained
12:52
DevSage
Переглядів 86 тис.
Разбираем основы Kafka и RabbitMQ
26:54
Digital train | Alex Babin
Переглядів 7 тис.
Структуры данных в JavaScript. Пишем свой LinkedList
43:13
Владилен Минин
Переглядів 82 тис.
Angular Service Worker Tutorial
27:10
Academind
Переглядів 69 тис.
Progressive Web Apps in 100 Seconds // Build a PWA from Scratch
8:10
#1 DOM в WebWorker? Как? - Многопоточность и DOM
18:29
JavaScript.Ninja
Переглядів 16 тис.
McDonald’s MCNUGGET PURSE?! #shorts
00:11
Lauren Godwin
Переглядів 31 млн