Seminare
Seminare
  • Seminare
  • Anbieter
  • 5 km
  • 10 km
  • 25 km
  • 50 km
  • 100 km
  • 150 km
  • 200 km
  • 300 km

Angular Signals - Reaktive State-Management in Angular

Webinar - GFU Cyrus AG

Die Teilnehmer erlangen umfassende praktische Fähigkeiten im Einsatz von Angular Signals für moderne State-Management-Lösungen. Sie lernen Signals zu erstellen und zu verwalten, komplexe abgeleitete States mit computed() zu implementieren und Side Effects mit effects() zu handhaben. Der Fokus liegt auf praxisnahen Patterns für reale Anwendungsfälle, Performance-Optimierung und Integration in bestehende Angular-Architekturen. Nach dem Seminar können die Teilnehmer eigenständig Signal-basierte Anwendungen entwickeln, bestehende Codebasen migrieren und die Vorteile des reaktiven Programming-Modells vollständig ausschöpfen
Termin Ort Preis*
22.06.2026- 23.06.2026 online 1.630,30 €
22.06.2026- 23.06.2026 Köln 1.630,30 €
05.10.2026- 06.10.2026 Köln 1.630,30 €
05.10.2026- 06.10.2026 online 1.630,30 €

Alle Termine anzeigen

*Alle Preise verstehen sich inkl. MwSt.

Detaillierte Informationen zum Seminar

Inhalte:
  • 1. Einführung in Angular Signals
    • Was sind Signals?
      : Revolutionäres Reaktivitätsmodell in Angular ab Version 16
    • Grundprinzipien
      : Reaktive Programmierung mit automatischem Change Detection
    • Vergleich zu bestehenden Lösungen
      : Unterschiede zu RxJS, BehaviorSubject und klassischem State Management

  • 2. Signals Grundlagen und Syntax
    • Signal-Erstellung
      : signal(), computed(), effect() - Wann welche Funktion verwenden?
    • Signal-Werte lesen und schreiben
      : .()-Syntax vs. .set()/.update() Methoden
    • Typisierung und TypeScript
      : Vollständige Type Safety mit Generics in Signals

  • 3. Computed Signals und abgeleitete Werte
    • Abgeleitete State
      : Automatische Berechnungen basierend auf anderen Signals
    • Performance-Optimierung
      : Vermeidung redundanter Berechnungen durch Caching
    • Komplexe Abhängigkeiten
      : Verschachtelte computed Signals und Best Practices

  • 4. Effects und Seiteneffekte
    • Effect-Funktionen
      : Automatische Ausführung bei Signal-Änderungen
    • Use Cases für Effects
      : DOM-Manipulation, Logging, externe API-Calls
    • Effect-Lifecycle
      : Cleanup, Destroy und Memory Management

  • 5. Integration in Komponenten
    • Signals in Templates
      : Direkte Verwendung mit {{ signal() }} Syntax
    • Change Detection Optimierung
      : OnPush Strategy mit Signals
    • Two-Way-Binding
      : Integration mit ngModel und Formularen

  • 6. Signals mit Services und Dependency Injection
    • Global State Management
      : Signals in Services für app-weiten State
    • Service-Kommunikation
      : Signal-basierte Kommunikation zwischen Komponenten
    • Testing Strategies
      : Einfacheres Testing von Services mit Signals

  • 7. Migration von bestehenden Lösungen
    • RxJS zu Signals
      : Migration von Observables und Subjects
    • NgRx/NGXS Replacement
      : Wann Signals State-Libraries ersetzen können
    • Hybride Ansätze
      : Kombination von Signals mit RxJS für komplexe Szenarien

  • 8. Performance und Best Practices
    • Memory Management
      : Vermeidung von Memory Leaks in großen Applications
    • Lazy Evaluation
      : Optimierte Berechnungsstrategien für performante Apps
    • Debugging und DevTools
      : Debugging von Signal-basierten Applications

  • 9. Praxisübung: Todo-App mit Signals
    • Aufgabe
      : Implementierung einer vollständigen Todo-Applikation mit Angular Signals
    • Bonus
      : Integration mit Backend-API und Offline-Fähigkeit




Dauer/zeitlicher Ablauf:
2 Tage
Zielgruppe:
  • Angular-Entwickler mit Grundkenntnissen in Angular
  • Frontend-Architekten und Tech Leads
  • Web-Developer mit Interesse an modernem State Management



Seminarkennung:
R92702
Nach unten
Nach oben
Wir setzen Analyse-Cookies ein, um Ihre Zufriedenheit bei der Nutzung unserer Webseite zu verbessern. Diese Cookies werden nicht automatisiert gesetzt. Wenn Sie mit dem Einsatz dieser Cookies einverstanden sind, klicken Sie bitte auf Akzeptieren. Weitere Informationen finden Sie hier.
Akzeptieren Nicht akzeptieren









Um Spam abzuwehren, geben Sie bitte die Buchstaben auf dem Bild in das Textfeld ein:

captcha



Bei der Verarbeitung Ihrer personenbezogenen Daten im Zusammenhang mit der Kontaktfunktion beachten wir die gesetzlichen Bestimmungen. Unsere ausführlichen Datenschutzinformationen finden Sie hier. Bei der Kontakt-Funktion erhobene Daten werden nur an den jeweiligen Anbieter weitergeleitet und sind nötig, damit der Anbieter auf Ihr Anliegen reagieren kann.







Um Spam abzuwehren, geben Sie bitte die Buchstaben auf dem Bild in das Textfeld ein:

captcha