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

Tags

Diese Seite weiterempfehlen