---

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

Richiedi informazioni