Progressive Web Apps (PWAs) mit Angular

Seminar - GFU Cyrus AG

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.

Termin	Ort	Preis^*
firmenintern	auf Anfrage	auf Anfrage	jetzt buchen

^*Alle Preise verstehen sich inkl. MwSt.

Detaillierte Informationen zum Seminar

Inhalte:

Einführung in Progressive Web Apps
- 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

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.

Seminarkennung:

S3907

Nach unten

Nach oben

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.

Akzeptieren Nicht akzeptieren

Ihr Name:

Firma (optional):

Ihre E-Mail-Adresse:

Telefonnummer (optional):

Ihre Nachricht:

Um Spam abzuwehren, geben Sie bitte die Buchstaben auf dem Bild in das Textfeld ein:

Bei der Verarbeitung Ihrer personenbezogenen Daten im Zusammenhang mit der Kontaktfunktion beachten wir die gesetzlichen Bestimmungen. Unsere ausführlichen Datenschutzinformationen finden Sie hier. Bei der Kontakt-Funktion erhobene Daten werden nur an den jeweiligen Anbieter weitergeleitet und sind nötig, damit der Anbieter auf Ihr Anliegen reagieren kann.

Progressive Web Apps (PWAs) mit Angular

Detaillierte Informationen zum Seminar

Anbieterinformationen