Angular Architektur

Das Seminar "Angular Architektur" ist seitens des Herstellers nicht mehr verfügbar, bzw. abgekündigt. Wir können Ihnen diese Schulung in Form eines Workshops in Ihrem Unternehmen oder in unserem Schulungszentrum anbieten.

Seminarinformationen

Seminar - Ziel

In diesem 4-tägigen Seminar "Angular Architektur" erlernen Sie eine stabile und skalierbare Angular-Architektur zu entwickeln, die sich durch eine unkomplizierte Refaktorisierung und Wartung auszeichnet. Zudem werden Methoden zur Kommunikation zwischen Komponenten, zur Verwaltung des Zustands, zur Strukturierung des Codes, bewährte Vorgehensweisen, Performance-Überlegungen und weitere relevante Themen behandelt.

Teilnehmer - Zielgruppe

• Web-Entwickler
• Softwareentwickler
• Programmierer

Kurs - Voraussetzungen

• Sehr gute Erfahrung mit Angular und TypeScript

Seminardauer

• 4 Tage
• 09:00 Uhr bis 17:00 Uhr

Schulungsunterlagen

• nach Absprache

Seminar-Inhalt / Agenda

Architekturplanung & skalierbare Projektstruktur

• Langfristige Architektur in wachsenden Anwendungen
• Architecture Planning Template + aktualisierter Angular Style Guide (Standalone & Signals-first)
• Domain-Driven Design Light:
  • Bounded Contexts,
  • Vertical Slicing
• Monorepo mit Nx:
  • Workspace-Struktur,
  • Library-Typen,
  • klare Boundaries
• Abhängigkeitsregeln (ESLint + custom rules)

Hands-on: Projekt-Setup

• Übung: Erstellen einer neuen Nx-Workspace mit sauberer Schichtenstruktur (Core / Shared / Features / Domains)
• Implementierung erster Dependency-Regeln und Visualisierung der Architektur

Modulare Organisation & modernes Komponenten-Design

• Standalone Components als Standard - Core-, Shared- und Feature-Libraries
• Vermeidung von Zyklen und schlechten Abhängigkeiten
• Smart vs. Dumb Components mit Signals (Input/Output/Model Signals, computed, effect)
• Change Detection im Signals-Zeitalter (OnPush + zone-less Ansätze)
• Composition statt Vererbung

Hands-on: Refactoring

• Übung: Refactoring einer bestehenden klassischen Angular-App zu Standalone + Signals-basiertem Komponenten-Design
• Umstellung von @Input/@Output auf Signal-Inputs und Model Signals

Kommunikation, State Management & fortgeschrittene Themen

• Moderne Kommunikation primär mit Signals
• Leichtgewichtige Signal Stores (Service + Signals oder Signal Store Pattern)
• RxJS nur noch gezielt einsetzen
• State-Management-Entscheidungshilfe 2026 (Signal Store vs. NgRx Signals)
• Build-Performance in Monorepos (Affected, Caching)
• Micro-Frontends Light (Native Federation mit Nx)
• Signal Forms, httpResource, moderne Security-Patterns

Hands-on: State & Skalierung

• Übung: Umstellung eines RxJS-basierten State-Managements auf ein reines Signals-basiertes Modell
• Implementierung eines leichten Signal Stores und Integration von httpResource

Abschluss & Review

• Architektur-Review-Techniken
• Architecture Decision Records (ADR)
• offene Fragen
• persönliche Takeaways

Weitere Schulungen zu Thema Angular