Back to top

Sviluppo Progressive Web App (PWA)

Durata: 2 giorni | Prezzo: € 599,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

Richiedi informazioni