Schulung: Schulung: Progressive Web-Apps mit Angular

Moderne mobile Architekturen und Offlinefähigkeit

Moderne Weblösungen mit den Vorzügen nativer Anwendung

Mobile Architekturen und Offlinefähigkeit mit Progressive Web Apps

Progressive Web Apps bieten den Komfort nativer Anwendungen, indem sie auf moderne Browser APIs, wie Service Worker, setzen. Sie sind installierbar sowie offlinefähig und nutzen Hintergrundprozesse für Datensynchronisation und Push-Notifications. Falls der Browser der Wahl die genutzten APIs noch nicht unterstützt, stellen sie zumindest den Kern Ihrer Funktionalität zur Verfügung.

Diese Schulung zeigt anhand eines durchgehenden Beispiels was sich genau hinter diesem neuen Konzept verbirgt, wie solche Anwendungen mit Angular 2 entwickelt werden und wie Sie in Ihren Projekten von den dahinterstehenden Ideen profitieren.

Eckdaten

Benötigtes Vorwissen

Angular Basics

Didaktischer Ansatz

Präsentationen
Diskussionen
Live-Coding
Praxisnahe Übungen
Anknüpfen an Vorwissen

Inkludierte Leistungen

Aktuelle Folien
Beispiele und Fallstudien
Übungsblätter
Musterlösungen
Zertifikat

Praxisbezogene Übungen

Hoher Übungsanteil
Bonus-Übungen
Praxisrelevante Übungsaufgaben
Vollständigen Anwendung
Vorlage für eigene Projekte

Der Verlauf der Schulung auf einen Blick!

Offlinefähige Web-Anwendungen mit AppCache und Service-Worker

  • Caching-Strategien mit Service Worker implementieren
  • @angular/service-worker und @angular/pwa einbinden
  • Caching-Verhalten und -Strategien konfiguieren
  • NgUpdate-Service zum Aktualisieren der Web-Anwendung nutzen

App-Shell Pattern

  • Gründe für das App-Shell Pattern
  • App-Shell Pattern mit der Angular CLI und Prerendering realisieren
  • Fallstricke beim statischen Prerendering

Browser-Datenbanken

  • IndexedDb als NoSQL-Lösung
  • Local Storage als persistentes Dictionary
  • WebDb als relationale Datenbank in machen Browsern
  • PouchDb und Dexie.js als Abstraktion für IndexedDb, WebDb und Local Storage
  • Datensynchronisation im Hintergrund mit Service-Worker

Installierbare Web-Apps mit dem Web Application Manifest

  • Verhalten und Präsentation von installierten Web Apps mit dem Web Application Manifest steuern
  • Ein Web App Manifest generieren
  • Das lokale Installieren durch den Browser aktiv vorschlagen lassen

Echte Push-Notifications für Web-Anwendungen

  • Service-Worker für Push-Notifications einsetzen
  • Den NgPush-Service von @angular/service-worker nutzen
  • Security für Push und das VAPID-Protokoll verstehen
  • Auf Push-Notifications reagieren

Aktuelle Öffentliche Termine

Immer Nach Vereinbarung

Alle unsere Seminare sind jederzeit auch In-House verfügbar. Kontaktieren Sie uns für eine Terminvereinbarung

In-House bei Ihnen in der Firma

Mir hat vor allem die sehr durchdachte Vorgehensweise gefallen, aber auch die vielen anschauliche Beispiele und die Hohe Fachkompetenz. Auch Zwischenmenschlich ist der Trainer sehr angenehm!"

Teilnehmer im Mai 2019, Stuttgart

Es war eine spannende Schulung mit vielen Inhalten, anschaulichen Beispielen und einer hurmorvollen sowie sympathischen Vortragsart."

Teilnehmer im April 2019, Nürnberg

Der Trainer hat ein unglaubliches Wissen über Angular und darüber hinaus und erklärt sehr verständlich."

Teilnehmer im Juni 2019, Wien

T-Systems

Nur einen Schritt entfernt!

Stellen Sie noch heute Ihre Anfrage,
wir beraten Sie gerne!

Jetzt anfragen!