MODERN ANGULAR

Masterclass
Von Signals bis Agentic UI
Angular auf dem Stand von morgen.

MODERN ANGULAR

MASTERCLASS
Von Signals bis Agentic UI
Angular auf dem Stand von morgen.

Angular ohne Altlasten: Vergiss Workarounds und historische Patterns. In dieser Masterclass baust du Angular-Anwendungen mit Signals, Resource API, SignalStore und modernen Testing-Ansätzen – sauber, reaktiv, zukunftssicher.

Architektur statt Copy-Paste: Du lernst, wann Signals sinnvoll sind – und wann RxJS. Wie State sauber geschnitten wird. Wie Formulare skalieren. Wie Testing schnell und stabil bleibt. Kein Dogma. Kein Hype. Klare Architekturentscheidungen.

Angular trifft AI: Tool Calling. Structured Output. Dynamische Komponenten. Du lernst, wie LLMs echte UI steuern – ohne Chaos im Code. Agentic UI nicht als Buzzword, sondern als umsetzbares Architekturkonzept.

Nächster Termin: 01. – 03. Juni, Berlin
Frühbucherrabatt: Bis 16.04. anmelden und bis zu 200 € sparen!
Teamrabatt:
Min. 3 Kolleg:innen anmelden und 100 € pro Ticket sparen!
 

Trainingsinhalte Tag 1

Modernes Projektsetup

Modernes Projektsetup

 

.

Reaktives Angular mit Signals

Reaktives Angular mit Signals
    • Reaktives Design und Denken mit Signals
    • Signals und die Resource API
    • Effects - Does und Don’ts
    • Input Signals und Model Signals
    • RxJS-Interop
    • Signals und Zone-less
    • Signals vs. RxJS – Wann nimmt man was?

 
Advanced: Wiederverwendbare Komponenten

Advanced: Wiederverwendbare Komponenten

 
    • Content Projection
    • Signal Queries
    • View Containers
    • Templates
    • Strukturelle Direktiven

Trainingsinhalte Tag 2

State Management mit Signals und dem SignalStore

State Management mit Signals und dem SignalStore
    • Resource API und Mutation API im Store
    • Entitäten und Normalisierung
    • RxJS-Interop mit rxMethod
    • Redux und Flux mit der Event-API
    • Smart vs. Dumb Components und State
    • Custom Features für wiederkehrende Anforderungen

 
Signal Forms

Signal Forms

 
    • Arbeiten mit Schemas
    • Standard Schema mit Zod
    • Große Formulare auf Unterformulare herunterbrechen
    • Komplexe Formulare mit Arrays und Gruppen
    • Custom Validation: Sync, Async, Multi
    • Bedingte Validierungen
    • Formulare Absenden
    • Mit Metadaten arbeiten
    • Custom Controls
    • Interop mit Reactive Forms
 

Trainingsinhalte Tag 3

Modern Testing mit Vitest

Modern Testing mit Vitest
    • Komponententests mit Vitests
    • Mit Locators und Events arbeiten
    • Abhängigkeiten mocken
    • HTTP-Anfragen mocken
    • Grey Box Testing mit Spies
    • Asynchronität und Debouncing
    • Fake Timers

 
Generative & Agentic UI

Generative & Agentic UI

 
    • LLMs anbinden
    • Tool Calling im Frontend
    • Kontext über Stores und Services anbieten
    • Structured Output
    • Dynamisch Komponenten anbieten
    • Natural Language Queries

Trainer der Masterclass

 

 

Manfred Steyer – Google Developer Expert (GDE), Berater, Trainer, Speaker auf (inter-)nationalen Konferenzen und Trusted Collaborator im Angular-Team
 

 

André Wilke ist Angular-Entwickler der ersten Stunde und war in den letzten Jahren an zahlreichen Software-Projekten beteiligt. Als technischer Projektleiter verantwortet er die Technologieauswahl, Architektur sowie das Empowerment seiner Projektkollegen.
 

5 Gründe für deine Teilnahme

Moderne Angular Praxis statt Legacy-Denken

check icon
check icon

Signals wirklich verstehen – nicht nur verwenden

State-Management ohne Overengineering

check icon
check icon

Testing, das schnell ist und Spaß macht (Vitest)

AI-Integration mit klarer Architektur – kein Spielzeug

check icon
 

Zielgruppe

  • Entwickler:innen mit Erfahrung in Angular, die nun Angular auf eine moderne und zukunftssichere Weise nutzen wollen
  • Entwickler:innen die nun mit Angular beginnen und möglichst effizient produktiv werden wollen
DIDAKTIK
Präsentationen
Diskussionen
Live-Coding
Anknüpfen an Vorwissen
PRAXISBEZUG
hoher Übungsanteil
Bonusübungen
vollständige Anwendung
gute Vorlage für eigene Anwendungen
MATERIALIEN
aktuelle Folien
Beispiele & Fallstudien
Übungsblätter
Musterlösungen
 

Formate

INTENSE – Vor Ort

3 Tage Seminar

✓ Intensiver Wissensinput
✓ Durchgängige Fallstudie
✓ Kleine Lerngruppe
✓ 1. Abend Get-together
✓ Teilnahmezertifikat
✓ Schriftliche Unterlagen zur Nachbereitung
✓ Inkl. leckerem Mittagsbuffet & Snack
 

Zum Ablauf

INTENSE – Online

3 Tage Seminar

✓ Intensiver Wissensinput
✓ Durchgängige Fallstudie
✓ Kleine Lerngruppe
✓ Ortsunabhängigkeit
✓ Teilnahmezertifikat
✓ Schriftliche Unterlagen zur Nachbereitung
✓ Zeit & geldsparend
 

Zum Ablauf

 

Nächste Termine

Angular Masterclass

Angular Basic - intensiv über 3 Tage

Angular Basic - flexibel über 4 Wochen

Angular Deep Dive - intensiv über 3 Tage

Angular Deep Dive - flexibel über 4 Wochen

Auf die Warteliste
 
Gerne sichern wir dir kostenfrei und unverbindlich einen Platz zu der gewünschten Veranstaltung.
 
Kein passender Termin dabei?
 
Lass dich per E-Mail benachrichtigen, sobald neue Termine feststehen. 
 
Auch als Inhouse buchbar
 
Ab 8 Teilnehmenden lohnt sich für dich auch eine Inhouse-Schulung. Einfach unverbindlich anfragen!
 

ALLE NEWS ZUM ANGULAR CAMP!