Moderne Angular-Architekturen:
Signals-first, AI-assisted, praxiserprobt
1120+
Firmen-Workshops
710+
Konferenz-Vorträge
358+
Fachartikel
13+
Fachbücher
Advanced Angular – Architektur Workshop
Fortgeschrittener Workshop für große, langlebige Geschäftsanwendungen
Dauer
3 Tage (oder 4 längere Nachmittage)
Level
Advanced
Ort
Remote und In-House
Sprache
Englisch / Deutsch
Preis ab
€690
Manfred Steyer, GDE
Manfred ist Google Developer Expert, hat Bücher bei O'Reilly, Microsoft Press und Hanser veröffentlicht und schreibt für Heise Online, windows.developer und das Java Magazin. Außerdem gibt er sein Wissen regelmäßig auf Konferenzen weiter
In diesem Training lernen Sie die zentralen Konzepte und Werkzeuge für große und langfristig wartbare Angular-Lösungen kennen. Wir behandeln die neuesten Angular-Features im Kontext nachhaltiger Architekturen, Signals-first Design und AI-ready Architecture.
- Architektur als ausführbarer Vertrag für Mensch und AI
- Skills, MCP, Hooks und AI-gestützte Architektur-Reviews
- Modularisierung mit vertikalen Architekturen, Domänen und Feature Slicing
- Signal-basiertes Design: State Management, Formulare und Datenzugriff
Durch die praktischen Übungen entsteht schrittweise eine Anwendung, die Sie am Ende des Workshops als Grundlage für Ihre eigenen Projekte verwenden können. Die Labs können klassisch oder mit AI-Unterstützung bearbeitet werden. Architektonische Guardrails sorgen dabei dafür, dass Entscheidungen transparent und kontrollierbar bleiben.
Optional – Remote-Workshops: Alle unsere Trainings und Beratungsleistungen können auch als Remote-Workshops gebucht werden!
Aktuelle Angular-Architekturthemen
Wir behandeln aktuelle Angular-Features und Architekturtechniken im Kontext nachhaltiger Architekturen für große, langlebige Business-Anwendungen:
- Signal-basiert von Anfang an, einschließlich Resource API und Signal Forms
- Modernes State Management mit dem NgRx Signal Store
- AI-ready Architectures: Entscheidungen explizit machen, Modularisierung bewerten und Regeln durchsetzen
- Loop Engineering: Architektur in autonomen Prozessen berücksichtigen, automatisiert prüfen und Korrekten einleiten
Bonus: Round Table mit Ihren Trainern
Alle Workshop-Teilnehmer sind zu einem Round Table mit den Trainern eingeladen. Hier wird der Workshop zur Beratung: Bringen Sie Ihre projektspezifischen Fragen mit und diskutieren Sie diese mit uns.
Natürlich können Sie während des gesamten Workshops Fragen stellen. Dieser Round Table eignet sich jedoch besonders für Themen, bei denen Sie etwas mehr Zeit benötigen, um Ihre aktuelle Projektsituation und Ihre Herausforderungen zu erläutern.
Agenda
Architekturen für Mensch und AI
- Vertikale Architekturen, Feature Slices und Domänengrenzen entwerfen, die Coding Agents verstehen und befolgen können
- Vertikale Architekturen mit Monorepos und/oder Microfrontends abbilden
- Context Management für Architekturvorgaben und ADRs: Was ist wann relevant?
- Architektur als ausführbarer Vertrag: Leitplanken für Coding Agents
- Rules, Skills, MCP und Hooks: Was setzt man wann ein?
- AI-gestützte Architekturbewertung für neue Lösungen und Legacy-Systeme
- Bestandssysteme bewerten sowie Refactorings mit AI planen und durchführen
- Architektur in AI-gestützten Entwicklungsworkflows
- Loop Engineering: Architektur automatisiert berücksichtigen und Korrekturen einleiten
Reaktive Architekturen mit Signals
- Der reaktive Graph in Ihrer Architektur
- Reaktives Denken und Design
- Konzepte und Building Blocks: Signals, computed und effect
- Resource API und httpResource
- Korrekter Einsatz von Effects
- Glitch-free Updates, Auto-Tracking und untracked
- Linked Signals mit linkedSignal
- Signals und zoneless Change Detection
- Interoperabilität mit RxJS
State Management mit dem NgRx Signal Store
- Leichtgewichtige Stores in Ihrer Architektur
- Zustände mit dem Signal Store verwalten
- Resource API integrieren und Mutationen abbilden
- View Models, Entitäten und Normalisierung
- Custom Features für wiederkehrende Anforderungen
- RxJS-basierte Seiteneffekte
- Flux und „Redux“ mit der Eventing API
- Stores mit AI generieren
- Regeln und Konventionen für Stores der AI bereitstellen und deterministisch prüfen
Signal Forms im reaktiven Datenfluss
- Signal Forms und der reaktive Graph
- Signal Forms mit dem Signal Store kombinieren
- Schemata nutzen: eigene Schemata, Zod und OpenAPI
- Eigene Validatoren: einfach, asynchron, feldübergreifend und baumbasiert
- Bedingte Validierung
- Große Formulare in Subformulare zerlegen
- Mit Gruppen und Arrays arbeiten
- Custom Controls anbinden
- Metadaten: Validierungsregeln verständlich kommunizieren
- Interoperabilität mit bestehenden Reactive Forms: schrittweise Migration
Microfrontends mit Federation und Angular Elements
- Von Strategic Design zu Microfrontends
- Vor- und Nachteile von Microfrontends
- Monorepos versus mehrere Repositories
- Microfrontends mit Module Federation und Native Federation laden
- Dynamische Module Federation
- Abhängigkeiten teilen
- Mit unterschiedlichen Versionen umgehen
- Kommunikation zwischen Microfrontends
- Frameworkübergreifende Entwicklung mit Angular Elements und Web Components
Bonus: State Management mit dem klassischen NgRx Store und Redux
- Das Redux-Muster
- Actions und Reducer
- Selectors
- Effects
- @ngrx/entity
- Fassaden als Dreh- und Angelpunkt
- Der klassische NgRx Store und Signals
Bonus: Moderne Security-Architekturen und Single Sign-on
- Bestehende Identity-Lösungen wie Active Directory oder Keycloak anbinden
- Social Login, beispielsweise mit Facebook
- Aktuelle Empfehlungen der OAuth-2-Arbeitsgruppe als Grundlage für OAuth 2.1
- OAuth 2 und OpenID Connect mit JSON Web Tokens
- Token-Speicherung und Token-Refresh
- Single Sign-out
- Tokens im Browser versus Security Gateways und Backend-for-Frontend-Architekturen
Aktuelle Termine
Alle unsere Workshops & Seminare sind jederzeit auch Remote oder In-House verfügbar. Kontaktieren Sie uns für eine Terminvereinbarung
23.11. - 25.11.2026 | 14:00 - 18:30 (CET)
Online |
Englisch
|
Manfred Steyer, GDE
ab €690
Rezensionen
Die Kombination aus Theorie und Praxis. Das direkte Anwenden des Gelernten in Labs. Die Möglichkeit jederzeit Fragen stellen zu können und fundierte Antworten...
Die Kombination aus Theorie und Praxis. Das direkte Anwenden des Gelernten in Labs. Die Möglichkeit jederzeit Fragen stellen zu können und fundierte Antworten zu bekommen. Alles in allem ein sehr runder Workshop mit den richtigen Themen und genügend Tiefgang.
Angular Migration Workshop
Die Vorgehensweise war gut strukturiert und nachvollziehbar. Zuerst wurden Grundsteine gelegt, auf die dann aufgebaut wurde, sodass jeder immer gut folgen konnte. Es...
Die Vorgehensweise war gut strukturiert und nachvollziehbar. Zuerst wurden Grundsteine gelegt, auf die dann aufgebaut wurde, sodass jeder immer gut folgen konnte. Es wurden viele wichtige Erfahrungen aus der echten Welt geteilt und Tipps für real-world use cases gegeben
Angular: Strukturierte Einführung
Beeindruckendes, umfangreiches Wissen im gesamten Themenkreis Javascript / Angular, dadurch ein sehr guter Überblick über Möglichkeiten und Stopersteine beim Testing.
Beeindruckendes, umfangreiches Wissen im gesamten Themenkreis Javascript / Angular, dadurch ein sehr guter Überblick über Möglichkeiten und Stopersteine beim Testing.
Professional Angular Testing: Cypress Edition
Die Struktur und das Vorgehen des Workshops waren wunderbar, Weiterführende Fragen konnten zufriedenstellend beantwortet werden. Alles in allem ein rundes Konzept.
Die Struktur und das Vorgehen des Workshops waren wunderbar, Weiterführende Fragen konnten zufriedenstellend beantwortet werden. Alles in allem ein rundes Konzept.
Modern Angular: Reaktive Architekturen mit Signals und der Resource API
Mir hat das tiefe Detailwissen des Trainers in Kombination mit den Übungen gefallen. Auch wenn nicht alle Übungen zeitlich abgeschlossen werden konnten, so...
Mir hat das tiefe Detailwissen des Trainers in Kombination mit den Übungen gefallen. Auch wenn nicht alle Übungen zeitlich abgeschlossen werden konnten, so hat das Nachvollziehen der Code-Änderungen und Kommandos sehr zum Verständnis beigetragen.
Micro Frontends mit Angular
Wir konnten mit ihm sehr gut über den Workshop Aufbau reden und offen Teile aus verschiedenen Workshops zusammenbauen. Der Workshop an sich wurde...
Wir konnten mit ihm sehr gut über den Workshop Aufbau reden und offen Teile aus verschiedenen Workshops zusammenbauen.
Der Workshop an sich wurde von ihm sehr professionell durchgeführt und ihm war einfach zu folgen.
Auf alle Zuhörer wurde stets geachtet und er ist auf alle Fragen und interessante Szenarien eingegangen und hat sie mit uns durchgetestet.
Mir gefällt außerdem, dass er trotz unserer komplexen (unternehmensbezogene) Fragen, die Themen mitnimmt und versucht eine Lösung zu finden.
Danke dir für die ersten 1 1/2Tage von unseres 2 tägigen Workshops :)
Advanced Angular – Architektur Workshop
Sympathisch, professionelles Auftreten, gutes Fachwissen mit interessanten Details, ansprechende Foliengestaltung und ein roten Faden der sich durch den Vortrag zieht. Man konnte sich...
Sympathisch, professionelles Auftreten, gutes Fachwissen mit interessanten Details, ansprechende Foliengestaltung und ein roten Faden der sich durch den Vortrag zieht.
Man konnte sich gut unterhalten. Über das Workshop Thema als auch Privat.
Angular: Strukturierte Einführung
Die Angular 15 Sachen haben mir gefallen weil die Migration zu standalone components im Backlog haben und mir das jetzt klar ist was...
Die Angular 15 Sachen haben mir gefallen weil die Migration zu standalone components im Backlog haben und mir das jetzt klar ist was ich erwarten muss und wo die Vorteile liegen bzw. wo Schwierigkeiten sind. Module federation ist interessant wir haben leider keinen richtigen Use Case dafür aber hat mir gut gefallen.
Advanced Angular – Architektur Workshop
Individuelle Firmenworkshops
Alle unsere Workshops & Seminare sind jederzeit auch Remote oder In-House verfügbar.
Kontaktieren Sie uns für eine Terminvereinbarung
FAQs zu unseren Workshops
Wie läuft eine Angular-Schulung bei euch ab?
Unsere Seminare sind eine Mischung aus Vortrag, Live-Coding und konkreten Übungen. Gemeinsam setzen wir das Erlernte während des Workshops direkt an einem Beispielprojekt um. Diese Mischung garantiert, dass der Kurs nie langweilig wird und statt grauer Theorie „Hands-On“ gefragt ist.
Für wen sind die Praxis Angular-Schulungen konzipiert?
Unsere Angular-Schulung Struktuiere Einführung richtet sich alle, die künftig Anwendungen mit Angular entwickeln wollen oder dies schon machen und nun die Hintergründe, Zusammenhänge und Building-Blocks des Frameworks besser verstehen wollen.
Die Teilnehmer sollten grundlegende Kenntnisse in der Web-Entwicklung haben (grundlegende Kenntnisse von HTML und JavaScript).
Für fortgeschrittene Angular-Entwickler*innen bieten wir Advanced Angular Seminare und Intensivkurse zu spezifischen Anwendungsfällen.
Wo finden die Praxis Angular-Schulungen statt?
Unsere Angular-Schulungen finden als öffentliche Workshops in Seminarräumen zentraler Hotels in Deutschland, Österreich und der Schweiz statt. In-House Schulungen finden bei euch im Büro oder Seminarraum statt.
Alle Kurse sind auch als Remote-Workshops möglich, wo wir uns online im Virtual Classroom treffen, und die Schulung via Videocalls, Screensharing und gemeinsamen Live-Coding abhalten.
Wer sind die Trainer?
Unsere Schulungen werden von erfahrenen Trainern und Software-Architekten durchgeführt. Wir haben in den letzten Jahren namhafte Firmen – u. a. bekannte Banken, Versicherungen, Industriekonzerne – in Sachen Angular betreut. Zu den Trainern gehören bekannte Konferenzsprecher, Autoren von Büchern und Fachartikeln, Blogger, Google Developer Experts und Hochschuldozenten.
Zu welchen Zeiten finden die Schulungen statt?
Gerade bei dezitierten Firmenschulungen richten wir uns gerne nach euch. Typische Zeiten sind 9:00Uhr bis 16:30/17:00Uhr.
Können wir auch Online-Schulungen buchen?
Auf jeden Fall. Seit der Pandemie ist das sogar unser Hauptgeschäftsmodell und wir haben sehr gute Erfahrungen damit gemacht. Wir nutzen eine Kombination aus Screen-Sharing, interaktiven Online-Whiteboards und verbinden uns auf Wunsch während der Übungen zur Unterstützung auch gerne auf Ihrem Rechner. Wie bei unseren On-Site-Schulungen setzen wir auch hier auf eine Kombination aus kurzen Präsentationen, Diskussionen, Live-Coding und Hands-On-Labs.
Da die Anreise wegfällt, sparen Sie auch Zeit und Geld. Außerdem können wir flexibler auf Ihre Terminwünsche reagieren.
Können wir die Schulung für unsere Zwecke anpassen?
Ja, sehr gerne. Genaugenommen ist das einer der Vorteile von dedizierten Unternehmensschulungen. Sie können gerne unsere Agada-Vorschläge gewichten, kürzen oder ergänzen. In der Regel findet auch ca. 2 Wochen vor der Schulung eine Abstimmung mit Ihrem Trainer durch. Auf Wunsch auch schon gerne früher.
Warum Angular?
Für Angular spricht unter anderem seine weite Verbreitung, aber auch die Tatsache, dass mit Google ein Internet-Gigant, der das Framework auch sehr intensiv nutzt, steht. Bei Google alleine existieren über 2600 darauf basierende Lösungen. Durch die weite Verbreitung existiert eine große Community und somit viel Know-How am Markt sowie (freie und kommerzielle) Produkte, die auf Angular abgestimmt sind. Außerdem bietet Angular vieles von dem, was Sie für große Anwendungen benötigen, ab Werk: Testautomatisierung, Formularverwaltung, Routing etc. Insofern erhalten Sie einen Stack, dessen Bestandteile aufeinander abgestimmt sind und langfristig zusammenspielen.
Wie kompensiert ihr unterschiedliches Vorwissen?
Die gute Nachricht vorweg: Teilnehmer mit unterschiedlichem Vorwissen sind in der Erwachenenbildung die Regel und nicht die Ausnahme. Deswegen finden Sie auf unseren Übungblättern optionale Hinweise zum Einblenden und Bonus-Übungen, für die, die etwas schneller sind. Natürlich unterstützen wir auch persönlich bei den Übungen.
Wie viele Teilnehmer sind empfehlenswert?
Falls Sie bei uns eine Firmenschulung buchen, überlassen wir diese Entscheidung prinzipiell Ihnen. Allerdings zeigt die Erfahrung, dass es nicht mehr als 15 Teilnehmer sein sollten, zumal ein Seminar sehr stark von Fragen, Diskussionen und praktischen Übungen lebt.
Welche Software benötigen wir?
Bitte installieren Sie die folgenden Software-Pakete auf Ihrem Rechner:
– NodeJS in aktueller Version (wir testen mit aktueller LTS-Version)
– Angular CLI (npm i -g @angular/cli)
– Git
– Visual Studio (frei) oder WebStorm/IntelliJ (kommerziell)
Ausgewählte zufriedene Kunden
