Entwicklung von Progressive Web Apps (PWA)
30% Rabatt für mehrere Personen aus demselben Unternehmen
Dauer: 2 Tage | Preis: 499,00 €
Voraussetzungen:
OOP, Javascript (ES6), HTML und CSS
Beschreibung
PWAs (Progressive Web Apps) verhalten sich wie native mobile Anwendungen, sind jedoch in Wirklichkeit Websites. Laut einigen Studien haben PWAs eine um 36% höhere Konversionsrate im Vergleich zu nativen Apps; ihr Einsatz wächst ständig. Das Hauptziel von PWAs ist es, den Nutzern eine ähnliche Erfahrung wie eine mobile App auf allen Geräten zu bieten.
PWAs sind interaktiver und reaktiver; aus diesem Grund revolutionieren sie das Benutzererlebnis durch Funktionen, die denen einer App ähneln, jedoch ohne die Notwendigkeit, sie herunterzuladen. Einige der größten Namen der Branche, wie Amazon, Twitter und Forbes, kombinieren native Apps und Webanwendungen, um Konversionen zu steigern und die Absprungraten zu reduzieren. Die Einführung von PWAs hat die Markenidentitäten weltweit gestärkt, dank ihrer Offline-Funktionalität, schnellen Ladezeiten und Seitenperformance.
Inhalte
Einführung
Was sind Progressive Web Apps?
PWA vs Native Mobile App
Unsere erste PWA
Hauptbausteine einer PWA
Vergleich zwischen PWA und SPA
Lernen wir das App Manifest kennen
Was ist das?
Verwendung des App Manifests
Das Hinzufügen des App Manifests
Eigenschaften des App Manifests
PWA und Browser-Support
Simulation der Web-App in einem Emulator
Service Workers
Was ist das?
Warum sind Service Workers fantastisch!
Lernen wir die Ereignisse kennen
Lifecycle und Non-Lifecycle Events
Browser-Support
Registrierung eines SW
Reagieren auf eingehende Ereignisse
Aktualisieren und Aktivieren des SW
Das Banner „App installieren“ erhalten
Service Workers – Caching
Warum Caching verwenden
Die Cache API kennenlernen
Browser-Support
Identifizierung von Pre-Cachable-Objekten
Statisches Caching
Verwendung von Objekten aus dem Cache
Caching mehrerer Dateien
Dynamisches Caching
Fehlerbehandlung
Cache-Versionierung und Bereinigung
Optimierung der Cache-Verwaltung
Cache „On Demand“
Fallback-Seite und Offline-Unterstützung
Background Sync
Wie funktioniert der Background Sync?
Synchronisieren von Daten im SW
Notification API
Was ist das?
Browser-Support
Anfordern von Berechtigungen
Anzeige von Benachrichtigungen
Benachrichtigungen aus dem SW heraus
Benachrichtigungsoptionen
Aktionen zu Benachrichtigungen hinzufügen
Reagieren auf Interaktionen mit Benachrichtigungen
Von Benachrichtigungen zu Push-Nachrichten
Erstellen einer Push-Subscription
Speichern der Subscriptions
Speicherstrategien
Welche verwenden