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

30:45
 
Udostępnij
 

Manage episode 262216920 series 2680179
Stworzone przez Artur Chmaro, odkryte przez Player FM i naszą społeczność - prawa autorskie są własnością wydawcy, a nie Player FM, a dzwięk jest przesyłany bezpośrednio z ich serwerów. Naciśnij przycisk Subskrybuj, aby śledzić aktualizacje Player FM, lub wklej adres URL kanału do innych aplikacji podcastowych.

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

21 odcinków