PWA Czyli Progresywne Web Aplikacje (Marta Wiśniewska)

Konten disediakan oleh Artur Chmaro. Semua konten podcast termasuk episode, grafik, dan deskripsi podcast diunggah dan disediakan langsung oleh Artur Chmaro atau mitra platform podcast mereka. Jika Anda yakin seseorang menggunakan karya berhak cipta Anda tanpa izin, Anda dapat mengikuti proses yang diuraikan di sini https://id.player.fm/legal.

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

5y ago 30:45

MP3•Beranda episode

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

33 episode

#Technologie #Artur Chmaro