PWA czyli Progresywne Web Aplikacje (Marta Wiśniewska) - FullStak #8

Wszechobecne “apki” coraz częściej nie wymagają od nas instalowania ich na naszych urządzeniach. Progresywne web aplikacje wychodzą na przeciw temu trendowi i starają się jeszcze bardziej zniwelować różnicę między aplikacjami natywnymi, a webowymi. Wysyłanie powiadomień, obsługa offline, instalacja ze sklepu te opcje zawsze kojarzyły się z rozwiązaniami natywnymi, a już wkrótce staną się dostępne dla web developerów. Oczywiście nie wszystko jesteśmy w stanie zrobić z PWA. W tym podcaście staramy się odpowiedzieć na pytanie kiedy warto sięgnąć po tę technologię. 0:00 - Intro, ogłoszenia 2:30 - Przedstawienie gościa, rozgrzewkowe pytania 5:00 - Zainteresowanie PWA 7:20 - Uczelnia vs. Aplikacje PWA 8:20 - Do jakich rozwiązań PWA się nadaje? 11:00 - Zachowanie aplikacji w offline, aplikacje desktopowe 12:10 - Dodanie ikonki strony do pulpitu / ekranu startowego 13:20 - Wysyłanie powiadomień z aplikacji 14:30 - Wsparcie różnych przeglądarek (Safari, Edge, Chrome) 15:00 - Wdrażanie aplikacji PWA do sklepów 16:40 - Do jakich aplikacji PWA się NIE nadaje? 18:30 - Rady dla junior developerów osób 20:20 - Frameworki i biblioteki wspierające tworzenie progresywnych web aplikacji 22:00 - Service workery - po co i jak użyć? 25:00 - Testowanie swojego kodu 26:30 - Jak może wyglądać przyszłość aplikacji PWA 29:20 - Ciekawy projekt open-soruce Hospital Run (PWA używane do zbierania danych medycznych) Podstawy: ServiceWorker https://developers.google.com/web/fundamentals/primers/service-workers https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API), FetchAPI https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API Książki: -"Progresywne aplikacje webowe. Potęga aplikacji natywnych w przeglądarce" Tal Ater, O'reilly -"Progressive Web Apps with Angular" Majid Hajian, Apress Codelabs: -PWA Fire's Codelabs: https://pwafire.org/developer/codelabs/index.html -Your first PWA by Google (https://codelabs.developers.google.com/codelabs/your-first-pwapp/#0), -Developing PWA 02: Offline quickstart: https://codelabs.developers.google.com/codelabs/pwa-offline-quickstart/#0 -Build PWA using workbox: https://codelabs.developers.google.com/codelabs/workbox-lab/index.html?index=..%2F..index#0, Narzędzia / biblioteki: -JavaScript Library for Service Worker - workbox (JS https://developers.google.com/web/tools/workbox), -Chrome DevTools, Lighthouse (audit tests), -Web Manifest Generator: https://pwafire.org/developer/tools/get-manifest/ -PWA Image (Icons) Generator: https://www.pwabuilder.com/imageGenerator Projekty open source: Hospital Run (Open source, modern software for charitable hospitals in the developing world.): https://github.com/hospitalrun Materiały na youtube: Progressive Web App Training (Playlist): https://www.youtube.com/watch?v=psB_Pjwhbxo&list=PLNYkxOF6rcIB2xHBZ7opgc2Mv009X87Hh