1.178,10 € – 1.773,10 €

Advanced Angular Workshop, Frankfurt: Enterprise Anwendungen und Architektu...

Eventinformationen

Dieses Event teilen

Datum und Uhrzeit

Veranstaltungsort

Veranstaltungsort

Hotel NH Frankfurt Niederrad

Lyoner Str. 5

60528 Frankfurt

Germany

Karte anzeigen

Rückerstattungsrichtlinien

Rückerstattungsrichtlinien

Keine Rückerstattungen

Beschreibung des Events

Beschreibung

Beschreibung

In diesem interaktiven Seminar erfahren Sie von Manfred Steyer, O'Reilly-Autor und Angular Team Member und Google Developer Expert, wie sich mit Angular große und robuste Unternehmensanwendungen entwickeln lassen. Basierend auf einem vollständigen Projekt und vielen Beispielen werden zahlreiche Architekturansätze und Best Practices diskuiert. Am Ende liegt eine Vorlage für Ihre eigenen Projekte vor.

Highlights

  • Angular 8: Was ist neu?
  • Moderne Architekturen mit Angular Ivy
  • Domain Driven Design mit Angular
  • Microfrontends mit Angular
  • Web Components mit Angular Elements
  • npm Packages for Angular
  • Monorepos, the new CLI and Nrwl Nx
  • Progressive Web Apps
  • Performance
  • Statemanagement mit Redux/ @ngrx/store & Co.

Didaktischer Ansatz

In insgesamt neun Modulen wechseln sich kurze Theorie-Phasen mit Live-Coding und Übungen ab.

Vorbedingungen

Sie sollten erste Projekterfahrung mit Angular haben.

Übungen

Für die Übungen bringen Sie bitte Ihren Laptop mit und installieren Sie die folgenden Software-Pakete:

  • NodeJS (https://nodejs.org/en/) -- We test with the current LTS version
  • Visual Studio Code (free, https://code.visualstudio.com/) or IntelliJ/WebStorm/PhpStorm (commercial)
  • Angular CLI: npm i -g @angular/cli

Öffentliches Training vs. In-House Schulung

Nehmen Sie mit uns Kontakt auf, falls Sie mehr als 3 Teilnehmer anmelden wollen. Wir können dann gemeinsam entscheiden, ob eine für Sie angepasste In-House-Variante günstiger ist. Je nach Auslastung gewähren wir in solchen Fällen auch Kollegenrabatt für öffentliche Trainings. Sie erreichen uns unter office@angular-college.com.

Detaillierte Inhalte

Struktur für große Anwendungen: Monorepos und Microfrontends

  • Architekturen mit Domain Driven Design (DDD) planen
  • CLI Workspaces und Monorepos mit Nx (Nrwl Extensions)
  • Wiederverwendbare npm-Pakete entwickeln und verteilen
  • Anpassbare Bibliotheken mit erweiterten DI-Mustern und Content Projection
  • Microfrontends mit Angular
  • Das Open/Closed-Principle in Angular

Moderne Architekturen mit Ivy und Angular Elements

  • Web Components mit Ivy und Angular Elements
  • Komponenten zur Laufzeit erzeugen
  • Dynamisches Laden von Komponenten
  • Zone-less Change Detection
  • Higher Order Components
  • Eine Zukunft ohne NgModules
  • Micro Apps mit Web Components und Alternativen
  • Architekturvorgaben erzwingen

State Management Patterns

  • Der State-Layer und DDD
  • Den Redux-Ansatz mit NGRX nutzen
  • Building-Blocks mit Schematics generieren
  • Entitäten mit @ngrx/entities verwalten
  • Praktikabler Umgang mit Immutables
  • Fassaden als Dreh- und Angelpunkt
  • NGRX: Wann, wann nicht und Alternativen?
  • NGRX und Lazy Loading von Modulen

Performance Tuning

  • Lazy Loding mit und ohne Router
  • Data Binding Performance mit OnPush
  • Tree-Shakables Providers
  • Differential Serving
  • AOT und Tree Shaking
  • Serverside Rendering
  • Service Worker Caching
  • Web Worker und die CLI

Customization und Cross Cutting Concerns

  • (Kundenspezifische) Anpassungen zur Runtime und Compiletime
  • Optionien für Konfiguration
  • Routen mit Guards schützen
  • Globale Warnmeldungen
  • Anfragen und Antworten mit HttpInterceptoren global bearbeiten
  • Direktiven für Cross Cutting Concerns
  • Globales Error-Handling
  • Router Events

Moderne Security-Lösungen mit Login und Single Sign on

  • Existierende Identity-Lösungen wie Active Directory anbinden
  • Social Login (Login with Facebook etc.)
  • OAuth 2 und OpenId Connect
  • JSON Web Tokens (JWT)
  • Token Refresh
  • Single Sign out
  • Aktuelle Empfehlungen der OAuth 2 Working Group und Konsequenzen

Reaktive Architekturen mit RxJs

  • Reaktives Denken und reaktiver Entwurf
  • Chaining/ Piping von Operatoren
  • Higher-Order Observables
  • Implizites und Explizites Schließen
  • Cold und Hot Observables
  • Subjects nutzen
  • Fehlerbehandlung
  • Debugging

Mobile Architekturen und Offlinefähige Web-Anwendungen mit PWAs

  • Offlinefähige Web-Anwendungen
  • Service Worker
  • Web App Manifest
  • Browser-Datenbanken
  • Push-Notifications
  • Background-Sync

Internationalisierung

  • I18N Pipes
  • Übersetzungen mit dem Angular Compiler (Runtime I18N)
  • Übersetzungen mit ngx-translate
  • I18N und Eingaben

Weitere Details

Weitere Details auf den Seiten des Anbieters.

Ihre Trainer

Manfred Steyer: Bekannter internationaler Experte mit with Fokus auf Angular. Google Developer Expert (GDE). Schreibt für O'Reilly, das Java Magazine, windows.developer und Heise. Spricht regelmäßig auf Konferenzen. Inhaber von softwarearchitekt.at.

Mit Freunden teilen

Datum und Uhrzeit

Veranstaltungsort

Hotel NH Frankfurt Niederrad

Lyoner Str. 5

60528 Frankfurt

Germany

Karte anzeigen

Rückerstattungsrichtlinien

Keine Rückerstattungen

Dieses Event speichern

Event gespeichert