Sviluppo Progressive Web App (PWA)
Durata: 2 giorni | Prezzo: € 499,00
Sconto del 30% per più persone della stessa azienda
Prerequisiti
OOP, Javascript (ES6) , HTML e CSS
Descrizione
Le PWA si comportano come applicazioni mobile native ma in realtà sono siti Web. Secondo alcuni studi, le PWA hanno tassi di conversione superiori del 36% rispetto alle app native; infatti il loro utilizzo è in continua crescita. L’obiettivo principale delle PWA è offrire agli utenti un’esperienza simile a un’app mobile su tutti i dispositivi.
Le PWA sono più interattive e reattive; proprio per questi motivi stanno rivoluzionando l’esperienza dell’utente attraverso funzionalità simili a quelle di un’app ma senza l’incombenza di doverla scaricare. Alcuni dei più grandi nomi del settore, come Amazon, Twitter e Forbes, stanno combinando applicazioni native e web per aumentare le conversioni e ridurre le frequenze di rimbalzo. L’avvento delle PWA ha reso le identità dei marchi globali più forti grazie al loro modo di lavorare offline, al caricamento rapido e alla velocità della pagina.
Contenuti
Introduzione
- Cosa sono le Progressive Web Apps?
- PWA vs Mobile App Native
- La nostra prima PWA
- Blocchi principali di una PWA
- Confronto tra PWA e SPA
Conosciamo l’App Manifest
- Cosa è?
- Usare l’App Manifest
- Aggiungere l’App Manifest
- Proprietà dell’App Manifest
- PWA e il Browser Support
- Simulazione della Web App in un emulatore
I Service Workers
- Cosa è?
- Perchè i Service Workers sono fantastici!
- Conosciamo gli Eventi
- Lifecycle e Non-Lifecycle Events
- Browser support
- Registrazione di un SW
- Reagire agli eventi in arrivo
- Aggiornare e attivare il SW
- Ottenere il Banner “Installare App”
Service Workers - Caching
- Perchè utilizzare la Cache
- Conosciamo la Cache API
- Browser support
- Identificare gli oggetti Pre-Cachable
- Cache statica
- Utilizzare gli oggetti dalla Cache
- Cache di file multipli
- Cache dinamica
- Gestione degli errori
- Versioamento della Cache e pulizia
- Ottimizzazione gestione della Cache
- Cache “On Demand”
- Fallback Page e supporto Offline
Background Sync
- Come funzione il Background Sync?
- Sincronizzare i dati nel SW
Notification API
- Cosa è?
- Browser Support
- Richiedere i permessi
- Visualizzazione delle Notifiche
- Notifiche dall’interno del SW
- Opzioni delle Notifiche
- Aggiungere azione alle Notifiche
- Reagire alle interazioni con le Norifiche
- Dalle Notifiche ai Push Messages
- Creare una Push Subscription
- Memorizzare le Subscriptions
Strategie di Storage
- Quale utilizzare