Angular Advanced Enterprise Architecture

Eine wachsende Angular-Anwendung so strukturieren, dass zehn Entwickler daran arbeiten können, ohne sich in die Quere zu kommen.

2 Tage
Experten
Remote oder Inhouse
Deutsch & Englisch

Training anfragen Zur Agenda

Für wen

Erfahrene Angular-Entwickler und Tech Leads
Teams, deren Anwendung schneller gewachsen ist als ihre Struktur
Teams, die ein Monorepo oder eine Migration zu Nx planen

Danach kann euer Team

Eine Anwendung in Libraries mit klaren Grenzen und Abhängigkeitsregeln schneiden
Entscheiden, wo State hingehört, und ihn mit NgRx oder dem Signal Store umsetzen
Typisierte, validierte Formulare für komplexe Geschäftsfälle bauen
Einen Nx-Workspace mit Affected Builds, Linting und Tests aufsetzen

Voraussetzungen

Mindestens ein Jahr praktische Angular-Erfahrung
Vertrautheit mit RxJS-Grundlagen und der Angular CLI
Idealerweise: Zugriff auf eure eigene Codebasis, um echte Beispiele zu besprechen

Die meisten Angular-Anwendungen scheitern nicht an Angular – sie scheitern an der Struktur: alles in einem Modul, State über Components verteilt, Formulare, die niemand mehr anfassen will. Dieser Workshop gibt eurem Team die Patterns, um das zu beheben: Component Communication, Standalone Components, fortgeschrittene Formulare, Testing, State Management mit NgRx, Libraries und Nx-Workspaces.

Der letzte Block ist für euer Projekt reserviert: Bringt eure Fragen und euren Code mit, und wir arbeiten sie gemeinsam durch. Teams gehen meist mit einem konkreten Plan für die nächsten Refactoring-Schritte nach Hause.

Nx project graph of an Angular workspace with feature, domain, UI and util libraries

Agenda

Reihenfolge und Tiefe der Blöcke passen wir an euer Team an – was ihr schon beherrscht, lassen wir weg, eure Fragen bekommen die Zeit.

01
Komponentenkommunikation
- Entdecken Sie Input-/Output-Properties für eine effektive Parent-Child-Interaktion zwischen Komponenten.
- Nutzen Sie die EventEmitter-Klasse, um eigene Events auszulösen und zu abonnieren.
02
Standalone Components
- Erstellen Sie Features, um gemeinsame Services und Abhängigkeiten effizient zu verwalten.
- Setzen Sie Lazy Loading ein, um die Ressourcennutzung zu optimieren.
03
Fortgeschrittene Formulare mit Cross Field Validation
- Erstellen Sie fortgeschrittene Formulare mit Template-driven Forms und Reactive Forms.
- Implementieren Sie eigene Validators, um die Datenintegrität sicherzustellen.
- Lernen Sie Techniken der Cross-Field-Validierung für komplexe Formularszenarien.
04
Testing
- Meistern Sie Testing-Methoden mit Vitest für umfassende Unit Tests.
- Setzen Sie Playwright für das End-to-End Testing von Angular-Anwendungen ein.
05
State Management mit NgRx
- Implementieren Sie effizientes State Management nach den Prinzipien von NgRx.
- Werden Sie zum Experten für Actions, Reducers, Effects und Selectors für eine skalierbare Architektur.
06
Arbeiten mit Libraries und Nx
- Erstellen und veröffentlichen Sie wiederverwendbare Libraries mit dem Angular Package Format (APF).
- Maximieren Sie Wiederverwendbarkeit und Wartbarkeit des Codes über mehrere Projekte hinweg.
07
Nx Workspaces
- Entdecken Sie die Vorteile von Nx Workspaces, um mehrere Projekte in einem einzigen Workspace zu verwalten.
- Nutzen Sie fortgeschrittene Funktionen wie Code-Generierung, Linting, Testing und Module Boundaries.
08
Individuelle Fragen zu Ihrem Projekt
- Erhalten Sie persönliche Beratung und massgeschneiderte Lösungen für die Herausforderungen Ihres Projekts.
- Überwinden Sie Hindernisse und kommen Sie mit Experten-Support zum Erfolg.

Euer Trainer

Fabian Gosebrink
Microsoft MVP, Google Developer Expert
Baut jede Woche mit Teams Angular-Anwendungen und hat 120+ Konferenzvorträge zu Angular, State Management und Architektur gehalten.
Ganzes Profil →