Nach dem Seminar können Sie ein Angular-Projekt um PWA-Funktionen erweitern. Sie können ein Manifest konfigurieren, eine App-Shell-Architektur umsetzen und Caching-Strategien für den Offlinebetrieb auswählen. Sie können Push-Subscriptions im Client einrichten, Benachrichtigungen verarbeiten und die Aufgaben des Servers beim Versand und bei der Verwaltung der Subscriptions einordnen.
Offlinefähigkeit, Leistung und App-ähnliche Bedienung einordnen
Progressive Enhancement, responsives Design und Offlinefähigkeit als Kernprinzipien
Entwicklungsumgebung einrichten
Node.js, npm und Angular CLI einrichten
Ein Angular-Projekt anlegen und seine Struktur kennenlernen
PWA-Integration in Angular
Aufgaben des Angular Service Workers kennenlernen
Den Service Worker in ein Angular-Projekt integrieren und konfigurieren
Caching-Strategien und Offlinefähigkeit
Cache-first, Network-first und Stale-while-revalidate vergleichen
Implementierung von Caching-Strategien: Umsetzung im Angular Service Worker über die Strategien performance und freshness, um die Offlinefähigkeit der Anwendung zu gewährleisten.
Manifest-Datei und App Shell
Ein Web App Manifest erstellen und konfigurieren
App-Shell-Architektur für Ladeverhalten und Bedienung umsetzen
Push-Benachrichtigungen
Funktionsweise und Einsatzszenarien von Push-Benachrichtigungen
Implementierung von Push-Benachrichtigungen: Clientseitige Subscription und Verarbeitung mit Web Push API und Angular Service Worker sowie Grundlagen des serverseitigen Versands und der Verwaltung von Push-Subscriptions.
Performance-Optimierung
Lighthouse und relevante Leistungskennzahlen einsetzen
Ladezeiten mit Lazy Loading, Code-Splitting und Bildoptimierung verbessern
Progressive Enhancement und responsives Design
Layouts an unterschiedliche Geräte anpassen
Progressive-Enhancement-Techniken für eingeschränkte Browserumgebungen einsetzen
Testing und Debugging
Unit-Tests, End-to-End-Tests und manuelle Tests für PWA-Funktionen einordnen
Service Worker debuggen und Fehler bei Offlinebetrieb und Performance beheben
Deployment und Best Practices
Deployment von PWAs: Bereitstellung einer PWA auf einem Webserver mit HTTPS und Aktualisierung ausgelieferter Versionen über den Angular Service Worker.
Empfehlungen für Entwicklung, Optimierung und Bereitstellung zusammenführen
Dauer/zeitlicher Ablauf:
2 Tage
Zielgruppe:
Das Seminar richtet sich an Sie, wenn Sie Webanwendungen oder Software entwickeln und PWAs mit Angular erstellen oder optimieren möchten.
Teilnahmevoraussetzungen
Sie benötigen Grundkenntnisse in Angular und JavaScript.
Wir setzen Analyse-Cookies ein, um Ihre Zufriedenheit bei der Nutzung unserer Webseite zu verbessern.
Diese Cookies werden nicht automatisiert gesetzt.
Wenn Sie mit dem Einsatz dieser Cookies einverstanden sind, klicken Sie bitte auf Akzeptieren.
Weitere Informationen finden Sie hier.
