PWA Czyli Progresywne Web Aplikacje (Marta Wiśniewska)

Το περιεχόμενο παρέχεται από το Artur Chmaro. Όλο το περιεχόμενο podcast, συμπεριλαμβανομένων των επεισοδίων, των γραφικών και των περιγραφών podcast, μεταφορτώνεται και παρέχεται απευθείας από τον Artur Chmaro ή τον συνεργάτη της πλατφόρμας podcast. Εάν πιστεύετε ότι κάποιος χρησιμοποιεί το έργο σας που προστατεύεται από πνευματικά δικαιώματα χωρίς την άδειά σας, μπορείτε να ακολουθήσετε τη διαδικασία που περιγράφεται εδώ https://el.player.fm/legal.

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

4+ y ago 30:45

Μοίρασέ το

MP3•Αρχική οθόνη επεισοδίου

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 επεισόδια

#Technologie #Artur Chmaro