Progressive Web-Apps mit Angular

Anfrage für In-House-Schulung erstellen

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.

Inhalte

  • Offlinefähige Web-Anwendungen mit AppCache und Service-Worker
    • Caching-Strategien mit Service Worker implementieren
    • Service Worker mit sw-precache generieren
    • Dynamisches Verhalten von Service-Worker mit sw-toolbox umsetzen
    • Das Muster App-Shell mit Service Worker umsetzen
  • Browser-Datenbanken
    • IndexedDb als NoSQL-Lösung
    • Local Storage als persistentes Dictionary
    • WebDb als relationale Datenbank in machen Browsern
    • PouchDb 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
    • Meta-Tags als Fallback nutzen
  • Echte Push-Notifications für Web-Anwendungen
    • Service-Worker für Push-Notifications einsetzen
    • Per Push-Notifications Cache aktualisieren
  • Persistenter Anwendungszustand
    • Anwendungszustand mit mit @ngrx/store (Redux) zentralisieren
    • Zentralen Anwendungszusand persistent gestalten
  • Moderne Authentifizierungs-Szenarien
    • OAuth 2 kennen und für Web-Anwendungen einsetzen können
    • OpenId Connect als Erweiterung zu OAuth 2 nutzen können

Selected Customers

T-Systems

Siemens

UNO

Daimler

Wüstenrot

Austria Press Agency

Porsche

Universal

More Trainings

Angular Schulung: Strukturierte Einführung

In dieser Schulung erfahren Sie von bekannten Insidern und Angular Experten der ersten Stunde anhand eines durchgängigen Beispiels, welche Konzepte hinter dem modernen Single-Page-Application-Framework aus der Feder von Google stecken und lernen diese für Ihre eigenen Projekte zu nutzen. Zusätzlich werden sie selbst eine erste Angular-Anwendung zu schreiben. Diese orientiert sich an Best Practices und kann somit als Vorlage für eigene Projekte herangezogen werden. Zum Einsatz kommt die jeweils neueste Version von Angular.

Details

Advanced Angular Schulung: Enterprise-Anwendungen und Architektur

In dieser weiterführenden Intensiv-Schulung lernen Sie von namhaften Insidern, wie sich große und skalierbare Geschäftsanwendungen mit Angular entwickeln lassen. Mehrere Architekturansätze und Best Practices werden anhand einer Fallstudie aufgezeigt und diskutiert. Die Fallstudie wird in den einzelnen Übungseinheiten erweitert und kann als Vorlage für eigene Vorhaben dienen.

Details

Migration von AngularJS 1.x auf Angular (2+)

Seit der Ankündigung von Angular (2+) fragen sich Entwicklungs-Teams, welche Migrationspfade für AngularJS-1.x-Anwendungen vorliegen werden. Das im Lieferumfang von Angular enthaltene ngUpgrade bietet eine Antwort darauf. Es erlaubt einen Parallelbetrieb von AngularJS 1.x und Angular (2+) und stellt somit die Grundlage für eine schrittweise Migration dar.

Details

Progressive Web-Apps mit Angular

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. Diese Schulung zeigt anhand eines durchgehenden Beispiels was sich genau hinter diesem neuen Konzept verbirgt, wie solche Anwendungen mit Angular entwickelt werden und wie Sie in Ihren Projekten von den dahinterstehenden Ideen profitieren.

Details

Reaktive Architekturen mit Angular und Redux

Dieses interaktive Seminar vermittelt, wie Sie reaktive Anwendungen mit Angular entwickeln können.

Details

TypeScript

TypeScript gibt Ihnen alle Möglichkeiten der neuen JavaScript-Standards und zusätzlich ein statisches Typsystem, das dabei hilft, Fehler möglichst früh zu erkennen. Außerdem ist TypeScript die Grundlage für Angular. In diesem interaktiven Seminar lernen Sie diese mächtige Sprache anhand einer Fallstudie kennen.

Details