Angular Architektur
Classroom Schulung | Deutsch | Anspruch
Schulungsdauer: 4 Tage
Ziele
In diesem Kurs zur Angular Architektur lernen die Beteiligten kennen, wie sie eine robuste und skalierbare Angular-Architektur aufrichten, die einfach zu refaktorisieren und zu warten ist. Die Teilnehmer lernen außerdem Techniken zur Komponentenkommunikation, Zustandsverwaltung, Codeorganisation, allgemeine Best Practices, Performance-Betrachtungen und mehr.
Zielgruppe
Sehr gute Erfahrung mit Angular und TypeScript
Voraussetzungen
Web-Entwickler, Softwareentwickler, Programmierer
Agenda
Einführung
Planung der Anwendungsarchitektur
- Architecture Überlegungen
- Architecture Planning Template
- Der Angular Style Guide
Organisieren von Funktionen und Modulen
- Organisieren von Funktionen und Modulen
- Core und Shared Module
- Verhindern des Reimports von Core
- Überprüfen der Modulorganisation
- Benutzerdefinierte Bibliotheken
Komponenten strukturieren
- Container- und Präsentationskomponenten
- Passing State mit Input- und Output-Properties
- Change Detection Strategien
- ngOnChanges: Reference vs. value
- Klon-Techniken
- Komponentenvererbung
Komponentenkommunikation
- Techniken der Komponentenkommunikation
- RxJS-Themen
- Erstellen eines Event Bus Service
- Erstellen eines Observable Service
- Abmelden von Observables
State Management
- Die Notwendigkeit von State Management
- Optionen für State Management
- Dienste verwenden
- NgRx verwenden
- Verwendung von ngrx-data
- Verwendung von Observable Store
- Überprüfung der Optionen für die Zustandsverwaltung
Zusätzliche Betrachtungen
- Interfaces, Klassen und Enums
- Functions vs. Pipes
- Hinzufügen eines Memo Decorators
- HttpClient- und RxJS-Operatoren
- Verwendung von Interceptors
Ziele
In diesem Kurs zur Angular Architektur lernen die Beteiligten kennen, wie sie eine robuste und skalierbare Angular-Architektur aufrichten, die einfach zu refaktorisieren und zu warten ist. Die Teilnehmer lernen außerdem Techniken zur Komponentenkommunikation, Zustandsverwaltung, Codeorganisation, allgemeine Best Practices, Performance-Betrachtungen und mehr.
Zielgruppe
Sehr gute Erfahrung mit Angular und TypeScript
Voraussetzungen
Web-Entwickler, Softwareentwickler, Programmierer
Agenda
Einführung
Planung der Anwendungsarchitektur
- Architecture Überlegungen
- Architecture Planning Template
- Der Angular Style Guide
Organisieren von Funktionen und Modulen
- Organisieren von Funktionen und Modulen
- Core und Shared Module
- Verhindern des Reimports von Core
- Überprüfen der Modulorganisation
- Benutzerdefinierte Bibliotheken
Komponenten strukturieren
- Container- und Präsentationskomponenten
- Passing State mit Input- und Output-Properties
- Change Detection Strategien
- ngOnChanges: Reference vs. value
- Klon-Techniken
- Komponentenvererbung
Komponentenkommunikation
- Techniken der Komponentenkommunikation
- RxJS-Themen
- Erstellen eines Event Bus Service
- Erstellen eines Observable Service
- Abmelden von Observables
State Management
- Die Notwendigkeit von State Management
- Optionen für State Management
- Dienste verwenden
- NgRx verwenden
- Verwendung von ngrx-data
- Verwendung von Observable Store
- Überprüfung der Optionen für die Zustandsverwaltung
Zusätzliche Betrachtungen
- Interfaces, Klassen und Enums
- Functions vs. Pipes
- Hinzufügen eines Memo Decorators
- HttpClient- und RxJS-Operatoren
- Verwendung von Interceptors