settings
OTEX_BIGISTQB®
Süddeutsche Zeitung Institut Auszeichnung
Alle Angular Schulungen

Schulung Modernes Angular: Signals, SignalStore und API-first mit OpenAPI (ab Angular 22)

Angular-Anwendungen strukturiert entwickeln, APIs integrieren und durchgängig testen
4 Tage / S7450
Neues Seminar

Schulungsformen

Offene Schulung


  • Dritter Mitarbeitende kostenfrei
  • Learning & Networking in einem. Garantierte Durchführung ab 1 Teilnehmenden.
Präsenz Online

Inhouse-/Firmenschulung

  • 4 Tage - anpassbar
  • Termin nach Wunsch
  • In Ihrem Hause oder bei der GFU
  • Preis nach Angebot

  • Lernumgebung in der Cloud
  • Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
Präsenz Online Hybrid

Individualschulung

  • 4 Tage - anpassbar
  • Termin nach Wunsch
  • In Ihrem Hause oder bei der GFU
  • Preis nach Angebot

  • Lernumgebung in der Cloud
  • 1 Teilnehmender = Fokus aufs Fachliche und maximaler Raum für individuelle Fragen.
Präsenz Online Hybrid

Beschreibung

In diesem Seminar bauen Sie eine Angular-Anwendung für den Unternehmenseinsatz auf: API-first mit einer OpenAPI-Spezifikation, daraus generiertem Client, durchgängiger Zustandsverwaltung mit NgRx SignalStore, Unit Tests mit Vitest und End-to-End-Tests mit Playwright. Grundlage ist modernes Angular ab Version 22 mit Standalone Components, Signals und Signal Forms.
Der rote Faden folgt einer klaren Struktur: Der Generator erzeugt Typen und Services aus der Spezifikation, der SignalStore ruft ausschließlich diesen Client auf, und die Komponenten kommunizieren mit dem Store. Sie lernen, Features in nachvollziehbare Schichten zu gliedern und Abhängigkeiten gezielt zu steuern. Dabei berücksichtigen Sie auch Fehlerbehandlung, Berechtigungen und Konfiguration.
Neben den Angular-Grundkonzepten beschäftigen Sie sich mit der Bewertung von OpenAPI-Spezifikationen, der Einbindung der Code-Generierung in den Build und dem Umgang mit Änderungen am API-Vertrag. Sie entwickeln Stores für synchrone und asynchrone Abläufe und sichern Komponenten, Services und Zustandsverwaltung durch Tests ab.
Das Seminar ist durchgehend praxisorientiert. Sie arbeiten mit einem vorbereiteten Übungsprojekt und verfügbaren Code-Zwischenständen, damit Sie sich auf die Konzepte und deren Anwendung konzentrieren können. Am Ende steht ein funktionierendes Projekt mit generiertem API-Client, SignalStore und automatisierten Tests.

Erweitern Sie Ihr Wissen mit einem weiteren Angular Kurs.

Schulungsziel

Nach dem Seminar entwickeln Sie Angular-Anwendungen mit Standalone Components, Signals und funktionalem Routing. Sie generieren aus einer OpenAPI-Spezifikation einen typsicheren Client und binden ihn in den Build ein. Sie verwalten Zustand konsequent mit SignalStore und strukturieren Features nach klaren Schichten und Abhängigkeitsregeln. Komponenten, Stores, Services, Guards und Interceptoren testen Sie mit Vitest. Zentrale Abläufe prüfen Sie mit Playwright end-to-end.

Details

Inhalt

  • Ziele und Erwartungen der Teilnehmenden
    • Klärung individueller Lernziele und Erwartungen für ein praxisnahes und relevantes Seminar
  • Angular im Überblick
    • Werkzeuge: Node.js, Angular CLI und IDE
    • Projektstruktur, Standalone Components und Bootstrapping
    • Templates, Data Binding und Control Flow (@if, @for, @switch)
    • Signals: signal, computed und effect
  • Komponenten
    • Kommunikation mit input(), output() und model()
    • Lifecycle und Styles
    • Direktiven und Pipes: eingebaute und eigene
  • Dependency Injection
    • Services, inject() und Gültigkeitsbereiche: root, Route und Komponente
  • HTTP und Router
    • HTTP-Client, funktionale Interceptoren, RxJS-Grundlagen und die Brücke zu Signals
    • Router: Navigation, Parameter, Lazy Loading, funktionale Guards und Resolver
  • Formulare
    • Signal Forms als neuer Standard, Reactive Forms im Überblick
  • Unit Tests mit Vitest
    • Vitest in Angular: Konfiguration, TestBed und Aufbau guter Tests
    • Komponenten testen: Signal-Inputs, DOM und Component Harnesses
    • Services, funktionale Guards, Resolver und Interceptoren testen
    • Abhängigkeiten über Provider austauschen
  • Architektur und Projektstruktur
    • Features und Schichten: feature, data-access, ui und util
    • Abhängigkeitsregeln und öffentliche API je Bibliothek
    • Container- und Präsentationskomponenten
    • Querschnitt: Fehlerbehandlung, Berechtigungen über Guards und Konfiguration
  • OpenAPI und Code-Generierung
    • OpenAPI 3.x lesen und bewerten: paths, components/schemas, Parameter, Antworten und Fehlerformat
    • Qualität der Spezifikation prüfen, etwa mit Spectral
    • Code-Generierung mit einem zum Backend passenden Generator
    • Alternativen im Überblick: OpenAPI Generator (typescript-angular), ng-openapi-gen, openapi-typescript und Orval
    • Generierung im Build: npm-Skript und generierter Client in der data-access-Schicht
    • Generierten Code einchecken oder bei jedem Build erzeugen
    • Versionierung der Spezifikation
    • Generierten Client verwenden: Basis-URL, Interceptoren und Fehlerbehandlung
    • Generierte Typen direkt nutzen oder abbilden
    • Änderungen der Spezifikation: Breaking Changes früh über Typfehler erkennen
    • Mock-Server auf Basis der Spezifikation
  • Einstieg in SignalStore
    • Warum SignalStore: Abgrenzung zu Services mit Signals
    • signalStore, withState und patchState
    • withComputed und withProps
    • withMethods samt privaten Members und Reihenfolge der Features
    • withHooks: onInit und onDestroy
    • Stores bereitstellen und verwenden: root, Route oder Komponente
  • SignalStore im Projekt
    • Store-Design: ein Store pro Feature, Zuschnitt und abgeleiteter Zustand
    • Sammlungen mit withEntities
    • Asynchrone Aufrufe mit rxMethod und tapResponse über den generierten Client
    • Lade- und Fehlerzustand
    • Eigene Store-Features mit signalStoreFeature und withFeature, etwa für Request-Status oder Paginierung
    • Globale und Feature-Stores: Lebensdauer an Routen und Kommunikation zwischen Stores
    • Stores testen: Zustand, Methoden und rxMethod
    • Den generierten Client durch einen Mock ersetzen
  • Qualität und Auslieferung
    • API-Vertrag absichern: Tests gegen den Mock-Server
    • End-to-End-Tests mit Playwright: zentrale Abläufe absichern
    • Pipeline: Generierung, Lint inklusive Prüfung der Abhängigkeitsregeln, Tests und Build

Das Seminar richtet sich an Entwicklerinnen und Entwickler, die eine Angular-Anwendung nicht nur schreiben, sondern langfristig tragfähig strukturieren möchten.
Teilnahmevoraussetzungen
Sie benötigen sichere Kenntnisse in TypeScript sowie Grundkenntnisse in HTML und CSS.
Rudimentäre Angular-Kenntnisse sind hilfreich.


In Präsenz

Online
Lernmethode

Ausgewogene Mischung aus Theorie und praktischen Übungen auf persönlichem Schulungs-PC.

Wie auch bei unseren Präsenz-Seminaren: Ausgewogene Mischung aus Theorie und praktischen Übungen. Trainer durchgehend präsent.

Unterlagen

Seminarunterlagen oder Fachbuch inklusive. Das Fachbuch wählt der Trainer passend zum Seminar aus - Ihren individuellen Buch-Wunsch berücksichtigen wir auf Nachfrage gerne.

Seminarunterlagen oder Fachbuch inklusive (via DHL). Das Fachbuch wählt der Trainer passend zum Seminar aus - Ihren individuellen Buch-Wunsch berücksichtigen wir auf Nachfrage gerne.

Arbeitsmaterialien

DIN A4 Block, Notizblock, Kugelschreiber, USB-Stick, Textmarker, Post-its

Teilnahmezertifikat

Nach Abschluss des Seminars erhalten Sie das Teilnahmezertifikat inkl. Inhaltsverzeichnis per E-Mail als PDF.


In Präsenz

Online
Teilnehmendenzahl

min. 1, max. 8 Personen

Garantierte Durchführung

Ab 1 Teilnehmenden*

Schulungszeiten
4 Tage, 09:00 - 16:00 Uhr
Ort der Schulung
GFU Schulungszentrum oder Virtual Classroom
GFU Schulungszentrum
Am Grauen Stein 27
51105 Köln-Deutz

oder online im Virtual Classroom oder europaweit bei Ihnen als Inhouse-Schulung

Um ein optimales Raumklima zu gewährleisten, haben wir das Schulungszentrum mit 17 hochmodernen Trotec TAC V+ Luftreinigern ausgestattet. Diese innovative Filtertechnologie (H14 zertifiziert nach DIN EN1822) sorgt dafür, dass die Raumluft mehrfach pro Stunde umgewälzt wird und Schadstoffe zu 99.995% im HEPA-Filter abgeschieden und infektiöse Aerosole abgetötet werden.

Zusätzlich sind alle Räume mit CO2-Ampeln ausgestattet, um jederzeit eine hervorragende Luftqualität sicherzustellen.

Räumlichkeiten

Helle und modern ausgestattete Räume mit perfekter Infrastruktur

Bequem aus dem Homeoffice von überall

Preisvorteil

Dritter Mitarbeitende nimmt kostenfrei teil.
(Nicht mit anderen Rabatten kombinierbar.)

Eventuell anfallende Prüfungskosten für den dritten Teilnehmenden werden zusätzlich berechnet - auch bei Seminaren inkl. Prüfungsgebühr.

Hinweis: Um den Erfolg der Schulung zu gewährleisten, sollte auch der dritte Teilnehmende die erwarteten Vorkenntnisse mitbringen.

KOMPASS — Förderung für Solo-Selbstständige

Solo-Selbstständige können für dieses Seminar eine Förderung via KOMPASS beantragen.

Ausführliche Informationen dazu finden Sie hier.

All-Inclusive

Gebäck, Snacks und Getränke ganztägig, Mittagessen im eigenen Restaurant, täglich 6 Menüs, auch vegetarisch

Eine Auswahl unserer Frühstücks-Snacks und Nervennahrungs-Highlights senden wir Ihnen mit den Seminarunterlagen via DHL zu.

Barrierefreiheit

Das GFU-Schulungszentrum (Am Grauen Stein 27) ist barrierefrei

-
Rechnungsstellung

Erst nach dem erfolgreichen Seminar. Keine Vorkasse.

Stornierung

Kostenfrei bis zum Vortag des Seminars

Vormerken statt buchen

Sichern Sie sich unverbindlich Ihren Seminarplatz schon vor der Buchung - auch wenn Sie selbst nicht berechtigt sind zu buchen


In Präsenz

Online
  • Eigener Shuttle-Service
  • Reservierte Parkplätze
  • Hotelreservierung
  • Technik-Sofort-Support

Buchungsmöglichkeiten

Online oder in Präsenz teilnehmen

Sie können sowohl Online als auch in Präsenz am Seminar teilnehmen. Klicken Sie bei Ihrer Buchung oder Anfrage einfach die entsprechende Option an.

Weiterbildung Modernes Angular: Signals, SignalStore und API-first mit OpenAPI (ab Angular 22)

TerminOrtPreis
2027
22.02.-25.02.2027
Plätze vorhanden
Köln / Online 2.660,00
Köln / Online 2.660,00 Buchen Vormerken
26.04.-29.04.2027
Plätze vorhanden
Köln / Online 2.660,00
Köln / Online 2.660,00 Buchen Vormerken
28.06.-01.07.2027
Plätze vorhanden
Köln / Online 2.660,00
Köln / Online 2.660,00 Buchen Vormerken
30.08.-02.09.2027
Plätze vorhanden
Köln / Online 2.660,00
Köln / Online 2.660,00 Buchen Vormerken
01.11.-04.11.2027
Plätze vorhanden
Köln / Online 2.660,00
Köln / Online 2.660,00 Buchen Vormerken
  • Buchen ohne Risiko
  • Keine Vorkasse
  • Kostenfreies Storno bis zum Vortag des Seminars
  • Rechnung nach erfolgreichem Seminar
  • All-Inclusive-Preis
  • Garantierter Termin und Veranstaltungsort
  • Preise pro Person zzgl. Mehrwertsteuer
  • Dritter Mitarbeitende kostenfrei (Nicht mit anderen Rabatten kombinierbar.)
Inhouse-/Firmenschulung
  • Lernumgebung in der Cloud
  • Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
Präsenz Online Hybrid
Individualschulung
  • Lernumgebung in der Cloud
  • 1 Teilnehmender = Fokus aufs Fachliche und maximaler Raum für individuelle Fragen.
Präsenz Online Hybrid

So haben GFU-Kunden gestimmt

Zu diesem Seminar wurden noch keine Bewertungen abgegeben.

FAQ für Offene Schulungen
  • Alle folgenden Schulungsformen können auch Online als Virtual Classroom durchgeführt werden.
  • Eine Offene Schulung findet zu einem festgelegten Zeitpunkt im voll ausgestatteten Schulungszentrum oder Online/Remote statt. Sie treffen auf Teilnehmende anderer Unternehmen und profitieren vom direkten Wissensaustausch.
  • Eine Inhouse-/Firmen-Schulung geht auf die individuellen Bedürfnisse Ihres Unternehmens ein. Sie erhalten eine kostenfreie Beratung von Ihrem Seminarleiter und können Inhalte und Dauer auf Ihren Schulungsbedarf anpassen. Inhouse-Schulungen können Europaweit durchgeführt werden.
  • Bei einer Individual-Schulung erhalten Sie eine 1-zu-1 Betreuung und bestimmen Inhalt, Zeit und Lerntempo. Der Dozent passt sich Ihren Wünschen und Bedürfnissen an.

Sie können unsere Schulungen auch als Remote Schulung im Virtual Classroom anfragen.

In drei Schritten zum Online Seminar im Virtual Classroom:

  1. Seminar auswählen und auf "Buchen" klicken
  2. Wählen Sie bei "Wie möchten Sie teilnehmen?" einfach "Online" aus.
  3. Formular ausfüllen und über den Button "Jetzt buchen" absenden.

Unser Kundenservice meldet sich bei Ihnen mit der Buchungsbestätigung.

Unsere Online Schulungen finden im Virtual Classroom statt. Ein Virtual Classroom bündelt mehrere Werkzeuge, wie Audio-Konferenz, Text-Chat, Interaktives Whiteboard, oder Application Sharing.

Vorteile von Virtual Classroom:

  • Sie erhalten 1 zu 1 die gleiche Lernumgebung, die Sie auch vor Ort bei uns vorfinden
  • Die technische Vorbereitung wird von den GFU-Technikern vorgenommen
  • Sie erhalten remote Zugriff auf Ihren persönlichen Schulungs-PC im GFU-Seminarraum
  • Die Virtual Classroom Lösung lässt sich auch im Browser betreiben
  • Die GFU-Technik leistet wie gewohnt Soforthilfe bei Problemen
  • Die Schulungsunterlagen bekommen Sie via DHL zugeschickt
  • Sie sparen Reisekosten und Zeit
  • 22. Feb. - 25. Feb. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
  • 26. Apr. - 29. Apr. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
  • 28. Jun. - 01. Jul. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
  • 30. Aug. - 02. Sep. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
  • 01. Nov. - 04. Nov. ✓ Noch einige Plätze frei ▶ Köln + Online/Remote
  • Auch als Inhouse-Schulung, bundesweit mit Termin nach Wunsch und individuellen Inhalten
  • Buchen ohne Risiko! Kostenfreie Stornierung bis zum Vortag des Seminars
Das GFU-Sorglos-Paket

Die Seminare der GFU finden in angenehmer Atmosphäre statt und sind perfekt organisiert. Profitieren Sie von dem Rundum-Service der GFU!

Shuttle-Service

Machen Sie sich keinen Kopf um die Anreise! Unser Shuttle fährt Sie. Oder Sie parken einfach auf einem extra für Sie reservierten Parkplatz.

Hotelreservierung

Hotelzimmer gesucht? Wir organisieren Ihnen eins. Ihr Vorteil: Sie sparen Zeit und Geld!

Kostenfreies Storno

Stornierung bei offenen Seminaren kostenfrei bis einen Tag vor Schulungsbeginn.

Technik-Support

Unsere Techniker sind immer zur Stelle, egal ob online oder vor Ort.

aegallianzaxaElement 1deutsche-bankdeutsche-postlufthansamercedessonyzdf