Moderne Angular-Architekturen
Strukturiere deine Angular-Anwendung zukunftssicher und skalierbar!
- 4 Lektionen, 3 Experten
- Experten-Strategien für Fortgeschrittene
- Praxisnahes und direkt umsetzbares Wissen
Architekturkonzepte von morgen
Angular ist eines der mächtigsten Frontend-Frameworks, doch große Projekte erfordern mehr als nur Komponenten und Module. In diesem praxisorientierten Tutorial lernst du, wie du deine Anwendungen technisch und strukturell so aufstellst, dass sie langfristig wartbar, erweiterbar und performant bleiben.
Von Signals bis Nx: Das Fundament moderner Angular-Projekte
In diesem Tutorial lernst du, wie moderne Architekturentscheidungen dein Angular-Projekt langfristig erfolgreich machen.
Wir kombinieren aktuelle Framework-Features wie Signals, den Signal Store und Native Federation mit bewährten Architekturprinzipien wie Domain-Driven Design (DDD), vertikalen Architekturen und Monorepo-Strategien mit Nx.
Dabei erfährst du, wie du Micro Frontends gezielt einsetzt, Build-Zeiten optimierst und die Wartbarkeit deiner Anwendung systematisch analysierst und verbesserst, für skalierbare, performante und zukunftssichere Enterprise-Projekte.
Lektions-Übersicht
Lektion 1: Struktur und Monorepos
In der ersten Lesson lernst du die Grundlagen einer modularen Software-Architektur mit Domain-Driven Design (DDD) und Strategic Design. Wir zeigen dir, wie Monorepos mithilfe von Nx effizient strukturiert werden können. Außerdem werden Tools wie Sheriff vorgestellt, mit denen du die Code-Qualität und Architektur-Regeln in großen Projekten sicherstellst. Praktische Demos veranschaulichen die Anwendung dieser Konzepte in realen Projekten.
Lektion 2: Micro Frontends
In der zweiten Lesson geht es um den Aufbau skalierbarer Frontend-Architekturen durch Micro Frontends. Wir erklären die Prinzipien von Modul- und Native Federation und zeigen anhand einer Demo, wie einzelne Frontend-Module unabhängig entwickelt, bereitgestellt und integriert werden können, um eine flexible und wartbare Anwendung zu schaffen.
Lektion 3: Signals
In dieser Lesson liegt der Fokus auf reaktiven Programmierkonzepten mit Signals. Es werden grundlegende und fortgeschrittene Features vorgestellt, darunter OnPush-Strategien, Computed-Werte, Resource APIs, Effekte und die Integration mit RxJS. Die Lesson vermittelt Best Practices und Architektur-Regeln für den effizienten Einsatz von Signals in modernen Anwendungen.
Lektion 4: State Management mit dem Signal Store
Die vierte Lesson behandelt die Verwaltung von Anwendungszustand mit dem Signal Store. Es wird gezeigt, wie Signal Stores aufgebaut und erweitert werden können, einschließlich Custom Extensions und Entity Management. Zusätzlich werden klassische State-Management-Konzepte wie Redux und Flux vorgestellt, und die Event-API des Signal Stores wird praxisnah demonstriert.
Dieses Tutorial hilft...
Angular-Entwickler:innen, die bestehende Projekte modernisieren möchten.
- Softwarearchitekt:innen und Lead Developern, die die technische Basis ihrer Projekte stärken wollen.
Softwareteams, die Angular-Anwendungen strukturieren, skalieren oder neu aufsetzen wollen.
Nach diesem Tutorial kannst du:
- mit Nx modulare, skalierbare Projektstrukturen aufbauen.
- Signals und den Signal Store effektiv einsetzen.
- Micro Frontends und Native Federation für größere Teams nutzen.
- DDD-Strategien auf Angular-Projekte übertragen.
- Wartbarkeit, Build Performance und Codequalität nachhaltig sichern.
Expertenwissen aus erster Hand
Michael Egger-Zikes
Selbstständig
Experte für Enterprise-Architekturen mit Angular
Manfred Steyer
ANGULARarchitects.io
Experte für strategische Angular-Architekturen und Framework-Weiterentwicklung
Rainer Hahnekamp
ANGULARarchitects.io
Experte für moderne Angular-Patterns und Framework-Neuerungen
Mach den nächsten Schritt
mit der Fullstack Membership!
- FREE Ticket für den entwickler Summit 2026
- Wöchentlich interaktive Live-Events
- Neueste Kurse zu Software und AI-Themen
- Jede Woche eine neue Tutorial-Lektion
- Zugriff auf +12 000 Artikel und Magazinarchiv
- 6 Monate Zugriff auf deine Konferenzsession
- 3 Monate Zugriff auf Live-Event Aufzeichnungen
- 50 Anfragen an entwickler intelligence im Monat
- Rabatte auf Konferenz und Trainings-Events
Teams mit 3-15 Nutzern
ab 116,60 € im Jahr*
*Preis pro Nutzer zzgl. MwSt.
Jetzt Fullstack Member werden
Du bist bereits ein Fullstack Member? Dann logge dich auf entwickler.de ein und starte sofort dein nächstes Tutorial! Jetzt starten!