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)
Linki, materiały do tego odcinka:
Podstawy:
- ServiceWorker
- https://developers.google.com/web/fundamentals/primers/service-workers
- https://developer.mozilla.org/en-US/docs/Web/API/ServiceWorkerAPI)
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:
- – 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
Youtube: Progressive Web App Training (Playlist)
Gość: Marta Wiśniewska (LinkedIn, Twitter)
Rozmawiał: Artur Chmaro (LinkedIn, Twitter)
Podobał Ci się ten materiał? Daj nam znać co o nim sądzisz!