1000 смирённых поклонов!!! Спасибо я так давно ждал!!! Я буду использовать обязательно потому, что: 1) это реальные клиенты которых я получаю из поиска, так как сайты с PWA ранжируются выше, а значит клиентов! 2) продавать приложения по цене сайта намного проще, чем сайт! И много много многое!!!
Сложно сказать. Развернуть такое приложение очень просто, но: а) рядовой пользователь знать не знает как его установить, и отсюда вытекает: б) AppStore такое приложение публиковать не будет, а в iOs, из Safari к примеру, его установить - целая история Это очень клевая технология, но практического применения в ней мизер.
Как вовремя нашла ваш урок, просмотрела, хоть поняла что к чему, ещё хорошо что в консоли все объясняете, кроме как ошибок, в ней ничего не знаю, в другие вкладки и не заходила, а тут прям находка, кучу открытий для себя сделала, если что, я новичок, которого посадили в сложный проект, без знания языка и сказали освоить за короткий срок, за 2 недели научилась оформлению на html, css, так же освоила axios, api, да и вообще кучу всего, а тут на днях сказали посмотреть и изучить PWA, чтоб знала что к чему, сутками не сплю, учеба😅
Ой, спасибо огромное! Это видео - реально ценный клад. Я вообще не понимал, как так возможно закешировать страницу, чтобы она открывалась без интернета. Гуглил гуглил, и ничего. А оказывается есть волшебные три буквы: PWA
Только по работе вспоминал фронт лид об этом, я начал гуглить вер воркеры, узнавать что такое pwa, и тут бац, твое видео как раз очень в тему и вовремя. Спасибо) не зря - лучший фронтенд канал на ютубе
Отличный туториал, никак руки не доходили чтобы разобраться :) А тут все разжевал :) Было бы круто послушать о Advanced решениях по PWA и фреймворках, WorkBox :) Спасибо.
1000 смирённых поклонов!!! Спасибо я так давно ждал!!! Я буду использовать обязательно потому, что: 1) это реальные клиенты которых я получаю из поиска, так как сайты с PWA ранжируются выше, а значит клиентов больше! 2) продавать приложения по цене сайта намного проще, чем сайт! И много много многое!!!
О да! Развитие темы pwa категорически интересно. Например как можно кэшировать пользовательский ввод и передавать инфу при появлении сети. Большое спасибо!!!
спасибо! Очень-очень актуальное сейчас видео PWA технологии! Пожалуйста выпускайте новые видосы по этой теме. Работа с железом телефона например, непаханное поле )
29:38 неверно. при возврате из промиса не обязательно делать await. Если вернуть другой промис, то результат будет тот же для вызывающего кода. ps) отличный туториал. просто решил придраться к словам.
Внедрил PWA в свой проект. В первую очередь делал это ради возможности установки на главный экран, потому что это будет весьма удобно для использования. Но потом и идея с кэшем и возможностью запуска оффлайн мне тоже показалась неплохой и я решил сделать и это. И, как я понял, работает это весьма странно и нестабильно. Я заметил, что если зайти в приложение с включенным интернетом, то при перезаходе в него без интернета кэш подгружается и все работает нормально. Но если же попытаться зайти сразу без интернета, то будет надпись: "Не удаётся получить доступ к сайту", кэш просто не подгружается. Почитал комментарии и понял, что не только у меня такое. Может кто знает, как это фиксится, пишите, буду рад. Но в целом, я думаю это сказывается сырость технологии. На бумаге, потенциально, это достаточно перспективно, но работает пока так себе. Единственное, ради чего можно это добавлять, так это для возможности установки на главный экран и еще может уведомлений. Хоть и не пробовал играться с уведомлениями, но почитав комментарии, понял, что и там наблюдаются проблемы в работе.
Есть нюанс с той частью, где описывается , как удалять старые версии кэша, при добавлении новой версии. Так как юзер не ставит галку update on reload, у него кэш обновится только после того как он закроет страницу, а потом снова откроет
Спасибо за обзор. К сожалению несколько вскользь упомянутых глюков "тут хром почемуто закешировал запрос", "а тут почемуто не удалил кеш", и т.п., а реальных приложениях в продакшене вырастают в реальные проблемы. Постоянно сталкиваемся с этим, то приложение у клиентов отказывается обновляться пока вручную не зайдёшь в панель разработчика и не почистишь кеши, то наоборот, приложение напрочь отказывается использовать данные из кеша и при офлайне выдает "нет интернета", хоть убейся. Технология бесспорно крутая, но реализация довольно сырая, хотя ей уже не один год.
Еще такой момент, на 42:10 в 49 строке пишется await caches.match('/offline.html'), но ведь у нас запрос динамический, т.е. делается fetch за данными, т.е. ожидается, что в ответ придет json/объект, а не html, или я чего то не понимаю, объясните плиз?
Спасибо большое! Единственное, если установить на смартфон и отключить интернет а потом обновить страницу - пишет "Не удается получить доступ к сайту". Насколько я понял, там нужно как-то по другому использовать ServiceWorker, чтобы работал кеш на смартфоне ?
Для тех, кто хочет освоить профессию Frontend разработчика за 7 месяцев - bit.ly/3bxXnnv Освоить основы веб-разработки бесплатно. Курс по HTML & CSS - bit.ly/3OBZc1q
Отличный ролик, все разжевал, спасибо большое! Единственное, заметил, что на видео, время от времени, на вкладке с сервис воркером, в девтулзах появлялось сообщение об ошибке рядом с файликом sw.js, видно на 23:50 и на 18:26, про что это?
![Налог на незнание JavaScript - [Hamster Kombat]](/img/1.gif)
Исходный код тут: t.me/js_by_vladilen/339
Получить профессию Frontend разработчика - bit.ly/3a6IZCn
С детского сада знаю, что ПВА необходим для апликейшн !!!
Есть подозрение, что не все поймут 😃
😂👍
Слишком годно :)
Клей))
)))))))))))))))))))
Будете использовать технологию для своих приложений?)
1000 смирённых поклонов!!! Спасибо я так давно ждал!!!
Я буду использовать обязательно потому, что:
1) это реальные клиенты которых я получаю из поиска, так как сайты с PWA ранжируются выше, а значит клиентов!
2) продавать приложения по цене сайта намного проще, чем сайт!
И много много многое!!!
Конечно, спасибо, не знал об этом
Да совместно с NUXT и VUE)))
Было бы круто увидеть видео по стеку: vue-spa + pwa
Огромное тебе спасибо
Сложно сказать. Развернуть такое приложение очень просто, но:
а) рядовой пользователь знать не знает как его установить, и отсюда вытекает:
б) AppStore такое приложение публиковать не будет, а в iOs, из Safari к примеру, его установить - целая история
Это очень клевая технология, но практического применения в ней мизер.
Круто! Спасибо, Владилен!
Как раз писал что интересно узнать про PWA!
Спасибо за как всегда великолепные уроки. Пожалуй лучшие в Ютьюбе по глубине и доступности изложения. Очень круто
Спасибо за видео!
Интересно было бы еще посмотреть как это реализовать внутри приложения на том же Vue || React
Такой кайф, когда на стажировки дали pwa сделать, и есть такой канал как твой.
Как вовремя нашла ваш урок, просмотрела, хоть поняла что к чему, ещё хорошо что в консоли все объясняете, кроме как ошибок, в ней ничего не знаю, в другие вкладки и не заходила, а тут прям находка, кучу открытий для себя сделала, если что, я новичок, которого посадили в сложный проект, без знания языка и сказали освоить за короткий срок, за 2 недели научилась оформлению на html, css, так же освоила axios, api, да и вообще кучу всего, а тут на днях сказали посмотреть и изучить PWA, чтоб знала что к чему, сутками не сплю, учеба😅
Большое спасибо за труд, ценим и ждём продолжение про более продвинутые концепции PWA)
ле, давненько я не видел, чтобы так просто и без лишней воды объясняли тему, лукас и подписка
О, качественная годнота!
Благодарю за проделанный труд и за то, что делишься знаниями!
Да, было бы неплохо разобрать тему обновления PWA при обновлении сайта на хосте))
Я ради этого и гуглю, вот сюда попал... Но кажется зря
@@ArtiomNeganov нагуглил что-нибудь? А то я только сейчас докопался до service workers, до этого пытался сбросить кэш при перезагрузке
@@Timoffey ну как, 2 года прошло. Нагуглил?
@@ДмитрийСитников-ш2хну как? Месяц прошел.
Отлично! Как раз сегодня начал разбираться с тем, что такое PWA. Оказалось, под мои задачи подходит. Теперь нужно делать вёрстку под комп и мобильник.
Ой, спасибо огромное! Это видео - реально ценный клад.
Я вообще не понимал, как так возможно закешировать страницу, чтобы она открывалась без интернета. Гуглил гуглил, и ничего. А оказывается есть волшебные три буквы: PWA
Внятная речь, качественная подача. Спасибо за труд!
почти весь свой js изучаю с этого канала) Был бы рад увидеть гайд PWA в практике с каким то полезным сайте
Только по работе вспоминал фронт лид об этом, я начал гуглить вер воркеры, узнавать что такое pwa, и тут бац, твое видео как раз очень в тему и вовремя. Спасибо) не зря - лучший фронтенд канал на ютубе
Спасибо, Владилен. Лайк, колокольчик, все дела 👍
Я только начинаю изучать какую либо технологию и Владилен сразу выпускает видео по ней)
Спасибо, Владилен! Как всегда - локанично, доступно и исчерпывающе!
Первый раз посмотрел на скорости х2, чтобы просто понимать, что это и зачем😅 Однозначно снова пересмотрю, когда буду внедрять) Спасибо тебе!
Отличный урок! Хотелось бы узнать про использование геолокации и bluetooth в PWA
Не успел я проголосовать за эту тему, как она появилась) Владилен мое уважение!!!
Отличный туториал, никак руки не доходили чтобы разобраться :) А тут все разжевал :) Было бы круто послушать о Advanced решениях по PWA и фреймворках, WorkBox :) Спасибо.
Всё чётко, освежил знания, жду видос про workbox!
Очень круто! Хотелось бы более продвинутый курс на примере более сложного pwa !
Очень интересно, спасибо! Хотелось бы ещё больше!🦾
спасибо огромное! как всегда супер! Было бы интересно послушать более расширенный курс по СВ и с более подробным рассмотрением)))
Модно, стильно, молодёжно. Давно хотел видосик про пва. Сразу лайк!
1000 смирённых поклонов!!! Спасибо я так давно ждал!!!
Я буду использовать обязательно потому, что:
1) это реальные клиенты которых я получаю из поиска, так как сайты с PWA ранжируются выше, а значит клиентов больше!
2) продавать приложения по цене сайта намного проще, чем сайт!
И много много многое!!!
я буквально пару дней назад так же ютуб установил и ещё подумал как это работает) вон оно что оказывается. Теперь хочется глубже погрузиться и изучать
Нужно больше уроков по PWA, Владилен ) Нотификашки, workbox и т.д.
Спасибо за отличный материал! Будет очень интересно узнать о более продвинутых темах в концепции PWA
Владилен Здоровья, Успехов ...ПВА это клей
Спасибо за урок. Всё понятно и доступно. Сэкономил кучу времени. Кстати изучаю твои курсы на udemy, тоже очень доволен. Всем рекомендую
Полезный материал! Да, было бы не плохо разобрать настройку workbox...
Давно пора было эту тему раскрыть, круто спасибо)
О да! Развитие темы pwa категорически интересно. Например как можно кэшировать пользовательский ввод и передавать инфу при появлении сети. Большое спасибо!!!
Спасибо за ролик, дает отличное базовое понимание того, что это и зачем
Ещё этого не хватало) Благодарю!
Спасибо большое за урок! Было бы круто если сняли видео про WorkBox
+++
спасибо! Очень-очень актуальное сейчас видео PWA технологии! Пожалуйста выпускайте новые видосы по этой теме. Работа с железом телефона например, непаханное поле )
Ждем более продвинутую работу с PWA)
Полезное видео, спасибо! Очень вовремя)
Супер актуальное и полезное видео. Огромное спасибо за такую ценную информацию.
Спасибо! лучшее что я видел по pwa
Очень крутая тема! Большое спасибо за такое простое и понятное объяснение!
Владилен как всегда топ . Я за то чтоб познакомиться с более глубокими концептами.
Спасибо за видео урок, ждем разбор work box
Спасибо огромное! Очень полезное видео!!! Интересно будет сделать PWA на Angular!
Спасибо за видео, просто и понятно о PWA и service workers.
Понравилось ! Спасибо!
Можно развивать эту тему дальше
Круто! Хотелось бы увидить как сделать PWA с реактом
Отличный туториал, хотим ещё! 😀
Классный обзор. Можно добавить к курсу по angular
кайф! спасибо! жду более глубоких уроков по теме!
Спасибо, Владилен, за урок!
29:38 неверно. при возврате из промиса не обязательно делать await. Если вернуть другой промис, то результат будет тот же для вызывающего кода.
ps) отличный туториал. просто решил придраться к словам.
Было бы интересно посмотреть на более продвинутые ПВА на Реакте ещё и с использованием пуш уведомлений.
Спасибо за видео. Ещё как понял начало. Го глубокое. И ещё спасибо за предоставленный контент.
Внедрил PWA в свой проект. В первую очередь делал это ради возможности установки на главный экран, потому что это будет весьма удобно для использования. Но потом и идея с кэшем и возможностью запуска оффлайн мне тоже показалась неплохой и я решил сделать и это. И, как я понял, работает это весьма странно и нестабильно. Я заметил, что если зайти в приложение с включенным интернетом, то при перезаходе в него без интернета кэш подгружается и все работает нормально. Но если же попытаться зайти сразу без интернета, то будет надпись: "Не удаётся получить доступ к сайту", кэш просто не подгружается. Почитал комментарии и понял, что не только у меня такое. Может кто знает, как это фиксится, пишите, буду рад. Но в целом, я думаю это сказывается сырость технологии. На бумаге, потенциально, это достаточно перспективно, но работает пока так себе. Единственное, ради чего можно это добавлять, так это для возможности установки на главный экран и еще может уведомлений. Хоть и не пробовал играться с уведомлениями, но почитав комментарии, понял, что и там наблюдаются проблемы в работе.
Лайк за невероятно годный контент, не глядя
Спасибо большое, это очень важная и нужная штука!
Алгоритм поиска какой нибудь темы: 1) Посмотри есть ли про это видео у Владилена 2) поиск в общем поиске 😁 Уважение!👍
Круто а можно подробнее про эту тему с workbox, вывести кнопку Установить в ui сайта, push notification и прочие апихи которые сейчас доступны а pwa?)
Гоу видео про Workbox :) И продвинутые темы в PWA
Большое спасибо! Было очень познавательно и интересно!
Как всегда супер видео. Ждём ПВА на Ангуларе
Владилен, спасибо огромное! Хотелось бы увидеть, как это работает на смартфоне, например с картой.
Оу маай !!!))) Спасибо, интересная тема и очень полезное видео !!)))))
Да, было бы неплохо развернуть данную тему дальше.
Отличное видео, спасибо! Было бы здорово посмотреть как это выглядит на vue, а так же как это совмещается с SSR
Есть нюанс с той частью, где описывается , как удалять старые версии кэша, при добавлении новой версии.
Так как юзер не ставит галку update on reload, у него кэш обновится только после того как он закроет страницу, а потом снова откроет
Спасибо за обзор.
К сожалению несколько вскользь упомянутых глюков "тут хром почемуто закешировал запрос", "а тут почемуто не удалил кеш", и т.п., а реальных приложениях в продакшене вырастают в реальные проблемы. Постоянно сталкиваемся с этим, то приложение у клиентов отказывается обновляться пока вручную не зайдёшь в панель разработчика и не почистишь кеши, то наоборот, приложение напрочь отказывается использовать данные из кеша и при офлайне выдает "нет интернета", хоть убейся. Технология бесспорно крутая, но реализация довольно сырая, хотя ей уже не один год.
workbox бы глянул, да и про PWA подробнее в целом
Спасибо за курс👍
Отличная тема. очень интересно. Покажи как использовать для моб платформ. и расскажи как она под капотом работает
Спасибо огромное конечно нужно продолжение
Спасибо за видео. Очень познавательно и полезно
Спасибо большое)
Можете пожалуйста сделать видео на тему Workbox?)
Тема интересная, но для меня пока сложновата. Автору огромное уважение за труды )))
Еще такой момент, на 42:10 в 49 строке пишется await caches.match('/offline.html'), но ведь у нас запрос динамический, т.е. делается fetch за данными, т.е. ожидается, что в ответ придет json/объект, а не html, или я чего то не понимаю, объясните плиз?
ура ! Разбери офлайн часть и background sync будет интересно.
Спасибо большое! Единственное, если установить на смартфон и отключить интернет а потом обновить страницу - пишет "Не удается получить доступ к сайту".
Насколько я понял, там нужно как-то по другому использовать ServiceWorker, чтобы работал кеш на смартфоне ?
Единственно кто разобрал SW более чем просто регистрация .. порядочный парень , да прибудет успех с тобой
все просто и понятно. мне как бекендеру особенно интересно изучать чего у вас на фронте происходит. спасибо буду прокачивать скилы в этом направлении
Очень круто, спасибо!
Отличный урок!!! Спасибо!!!
Для тех, кто хочет освоить профессию Frontend разработчика за 7 месяцев -
bit.ly/3bxXnnv
Освоить основы веб-разработки бесплатно. Курс по HTML & CSS - bit.ly/3OBZc1q
Отличный ролик, все разжевал, спасибо большое! Единственное, заметил, что на видео, время от времени, на вкладке с сервис воркером, в девтулзах появлялось сообщение об ошибке рядом с файликом sw.js, видно на 23:50 и на 18:26, про что это?
Спасибо! Интересная тема.
Привет, хотелось бы посмотреть PWA на реакте(мини полноценном приложении)
Запишите урок по созданию Android приложения на основе действующего сайта. Очень охота понять, как оно работает.
Спасибо, отличный урок
Спасибо, хороший урок!
Пока не смотрел, но лайк поставил :)
При переходе на Манифест версии 3, CSP запрещает выполнение сторонних скриптов и теперь не получается подключить offline.html
Критика пошла Владилену на пользу. Стало больше годноты 👍
Развития тебе и каналу
Спасибо! оч полезный видос