Mentionsy
FullStak
FullStak
02.12.2019 09:09

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ę.

- Intro, ogłoszenia

- Przedstawienie gościa, rozgrzewkowe pytania

- Zainteresowanie PWA

- Uczelnia vs. Aplikacje PWA

- Do jakich rozwiązań PWA się nadaje?

- Zachowanie aplikacji w offline, aplikacje desktopowe

- Dodanie ikonki strony do pulpitu / ekranu startowego

- Wysyłanie powiadomień z aplikacji

- Wsparcie różnych przeglądarek (Safari, Edge, Chrome)

- Wdrażanie aplikacji PWA do sklepów

- Do jakich aplikacji PWA się NIE nadaje?

- Rady dla junior developerów osób

- Frameworki i biblioteki wspierające tworzenie progresywnych web aplikacji

- Service workery - po co i jak użyć?

- Testowanie swojego kodu

- Jak może wyglądać przyszłość aplikacji PWA

- 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

Ostatnie odcinki