Schulung · Workshop · Coaching · Beratung

Angular Testen und Debuggen Schulung: Unit- und E2E-Tests

Angular Testen und Debuggen: Fehler finden und Anwendungen absichern

Dauer: ab 1 Tag (8 UE) | Preis: ab 900 EUR (netto) | Live online oder vor Ort | Termin nach Vereinbarung

Sie lesen Angular-Fehlermeldungen sicher, finden Ursachen mit Angular DevTools und Debugger und sichern Ihre Anwendung mit Unit- und Komponententests sowie E2E-Suiten ab, die auch bei wachsender Codebasis zuverlässig bleiben.

Gesamtpreis für bis zu 3 Teilnehmende · Unverbindliche Anfrage · Keine Vorkasse

NullInjectorError oder „No pipe found“: Was Angular mit seinen Fehlern sagt

Angular Testen und Debuggen beginnt bei der Fehlermeldung selbst. Angular meldet Probleme mit Fehlercodes und recht genauen Hinweisen, doch wer die typischen Muster nicht kennt, sucht trotzdem lange nach der Ursache – fehlender Provider, Pipe nicht importiert, Observable ohne Fehlerbehandlung. Mit Erfahrung werden daraus Fehler, die Sie in Minuten beheben, und Tests, die verhindern, dass sie wiederkommen.

Im ersten Teil geht es um Fehler und ihre Behandlung: Fehlermeldungen lesen, einen eigenen ErrorHandler schreiben, die Rolle von zone.js verstehen und wissen, was sich im zonenlosen Betrieb ändert. An kleinen Übungen mit einem Speicher-Service, einer eigenen Pipe und REST-Abfragen arbeiten Sie die häufigsten Syntax-, DI-, Pipe- und Async-Fehler durch und verfolgen sie mit Angular DevTools, Browser-Debugger und Source Maps. Der zweite Teil gehört den Tests: Services, Pipes und Komponenten mit dem aktuellen Test-Runner, HTTP-Aufrufe mit dem HttpTestingController, Komponententests mit Harnesses aus dem CDK und Browser-Szenarien in Playwright, alternativ Cypress. ESLint und EditorConfig sorgen dafür, dass viele Fehler gar nicht erst entstehen.

Bestandsprojekte mit Karma und Jasmine oder alten Protractor-Tests sind ausdrücklich vorgesehen: Sie lernen, diese Konfigurationen zu lesen und den Umstieg auf Vitest und Playwright zu planen. Ein allgemeiner Angular-Kurs ist das Seminar nicht – Grundlagen behandelt Angular für Einsteiger.

Für die Fehlersuche ist Claude Code im Terminal eine gute Ergänzung, weil es Build-Ausgaben, Testläufe und Stacktraces direkt liest. Entscheidend ist die Reihenfolge: zuerst ein fehlschlagender Test, der den Fehler reproduziert, dann der Fix. Mit dem Playwright-MCP-Server kann der Agent zusätzlich im Browser nachvollziehen, ob ein E2E-Szenario wirklich funktioniert.

Wir arbeiten an einem Teamverzeichnis mit Standortfilter, in das gezielt Fehler eingebaut sind. Eigene Fehlermeldungen oder hartnäckige Testprobleme aus Ihren Projekten sind willkommen – sie werden in die Übungen eingebaut.

Ein Test, der nach einer Fehlerbehebung geschrieben wird, prüft meistens das, was man gerade repariert hat – und sonst wenig. Ich lasse in Workshops konsequent andersherum arbeiten: erst den Fehler als roten Test festhalten, dann suchen. Das zwingt dazu, das Problem wirklich zu verstehen, und es bleibt ein Test zurück, der genau diesen Fehler nie wieder durchlässt. Bei Angular kommt hinzu, dass viele vermeintlich rätselhafte Fehler aus der Dependency Injection stammen und im TestBed schneller sichtbar werden als im Browser.

Was Sie danach können

  • Sie ordnen Angular-Fehlermeldungen ihrer Ursache zu und beheben typische Syntax-, DI-, Pipe- und Async-Fehler.
  • Sie schreiben einen eigenen ErrorHandler und wissen, wie sich Fehler mit und ohne zone.js verhalten.
  • Sie verfolgen Fehlerursachen im Komponentenbaum der Angular DevTools, im Browser-Debugger und über Source Maps.
  • Sie testen Komponenten, Services und Pipes mit dem aktuellen Test-Runner, HTTP-Aufrufe mit dem HttpTestingController und Komponenten mit Harnesses.
  • Sie schreiben wartbare E2E-Suiten in Playwright mit Seitenobjekten und halten den Code mit ESLint und EditorConfig sauber.

Zielgruppe und Voraussetzungen

  • Angular-Entwickler:innen und Teams mit wachsender Codebasis
  • Teams mit Bestandsprojekten auf Karma, Jasmine oder Protractor, die ihre Tests modernisieren
Themen und Inhalte für Ihre Beratung, Coaching, Workshop, Training, Schulung und Weiterbildung:

Angular Testen und Debuggen: Fehler finden und Anwendungen absichern

Fehlermeldungen und Fehlerbehandlung
  • Fehlerbehandlung in Angular: Compiler-, Template-, Laufzeit- und HTTP-Fehler unterscheiden
  • Fehlermeldungen mit NG0…-Codes lesen und in der Fehlerreferenz nachschlagen
  • Zonen in Angular-Apps verstehen: wie zone.js asynchrone Aufrufe und Fehler verfolgt
  • Fehlersuche im zonenlosen Betrieb: Stacktraces und globale Fehler-Listener im Browser
  • Neue Dateien mit ng generate anlegen statt von Hand: weniger Fehler bei Selektoren und Imports
  • Eigene Fehlerbehandlungsklasse auf Basis von ErrorHandler schreiben und als Provider registrieren
  • Fehler mit Kontext an ein Monitoring melden, ohne personenbezogene Daten zu übertragen
Häufige Syntax-, DI- und Pipe-Fehler
  • Übung: lokalen Speicherdienst für localStorage hinzufügen und SSR-sicher machen
  • Fehler bei der Injektion von Abhängigkeiten beheben: NullInjectorError und fehlende Provider
  • inject() außerhalb des Injection Context und zirkuläre Abhängigkeiten erkennen
  • Daten im lokalen Speicher abrufen und setzen, JSON-Parsing-Fehler abfangen
  • Eigene Angular-Pipe hinzufügen und im imports-Array der Komponente bekannt machen
  • Suchbegriffe mit regulären Ausdrücken finden, Sonderzeichen korrekt escapen
  • HTML-Inhalte per Pipe ändern: Sanitizing durch Angular und DomSanitizer mit Bedacht
  • Häufige Pipe-Fehler: „No pipe found“, falsche Parameter, unreine Pipes
  • Angular-Dekoratoren verstehen und Fehlerquellen beim Wechsel zu input() und output()
  • Übung: Benutzerliste nach locationId filtern, Typfehler mit strictTemplates aufdecken
Häufige Async-Fehler
  • Daten per REST mit HttpClient abrufen: Fehler bei URLs, Typen und fehlendem provideHttpClient
  • Daten mit put und patch aktualisieren, optimistische Änderungen bei Fehlern zurückrollen
  • Mit Observables arbeiten: vergessenes Abonnement, doppelte Anfragen und Speicherlecks
  • ExpressionChangedAfterItHasBeenCheckedError verstehen und sauber beheben
  • Fehler aus einem Observable abfangen mit catchError und retry, Fehlerzustand im Template
Fehlersuche mit Werkzeugen
  • Angular DevTools: Komponentenbaum, Eigenschaften und Injector-Hierarchie untersuchen
  • Breakpoints im Browser-Debugger und in VS Code mit Source Maps setzen
  • Debug-APIs in der Konsole wie ng.getComponent() im Entwicklungsmodus
Unit-Tests in Angular
  • Überblick über das Testen: Unit-, Komponenten-, Integrations- und End-to-End-Tests
  • Vitest mit ng test: Watch-Modus, Testumgebung im Browser oder mit jsdom
  • Grundlegende Karma-Konfiguration im Bestand lesen und Umstieg auf Vitest planen
  • Dienste testen: TestBed.inject und Abhängigkeiten durch Test-Doubles ersetzen
  • HTTP-Aufrufe testen mit provideHttpClientTesting und HttpTestingController
  • Fehler bei der Injektion von Abhängigkeiten im TestBed beheben
  • Pipes testen, inklusive Randfällen und Locale-Einstellungen
  • Komponenten testen: Fixture, detectChanges und whenStable mit und ohne zone.js
  • Komponententests mit Harnesses aus dem Angular CDK statt fragiler CSS-Selektoren
  • Benutzerdefinierten Testbett-Wrapper für wiederkehrende Provider und Testdaten schreiben
End-to-End-Tests
  • Playwright für Angular einrichten: Konfiguration, Browser und Start des Entwicklungsservers
  • Cypress als Alternative und Protractor-Bestand ablösen
  • End-to-End-Tests ohne Seitenobjekte: Locator nach Rolle, Beschriftung und Text
  • End-to-End-Tests mit Seitenobjekten für wartbare Testsuiten
  • Filtereingaben testen: Eingabe, Verzögerung und erwartete Trefferliste
  • Netzwerk im Test kontrollieren mit page.route und stabilen Testdaten
Statisches Code-Linting und Editor-Einstellungen
  • ESLint mit angular-eslint per ng add installieren und ausführen
  • Grundlegende ESLint-Konfiguration im Flat-Config-Format eslint.config.js
  • Lint-Fehler beheben, automatisch mit --fix und gezielt per Regel
  • EditorConfig im Projekt installieren und in der IDE aktivieren
  • Grundlegende EditorConfig-Konfiguration: Einrückung, Zeilenenden und Zeichensatz
Fehlersuche und Tests mit Coding-Agenten
  • Agent hält einen gemeldeten Angular-Fehler zuerst als fehlschlagenden Vitest-Test fest, dann folgt der Fix
  • Fehlercode und Stacktrace dem Agenten mit Verweis auf die Angular-Fehlerreferenz übergeben
  • Playwright-MCP-Server: Agent bedient die Anwendung im Browser und prüft E2E-Szenarien
  • Vom Agenten geänderte Tests prüfen: keine abgeschwächten Erwartungen, kein skip, keine gelöschten Fälle
Praxisprojekt: Teamverzeichnis mit Standortfilter absichern
  • Eingebaute Fehler finden: fehlender Provider, falsch registrierte Pipe, unbehandelte HTTP-Fehler
  • Zentraler Fehlerhandler mit Benutzerhinweis und Protokollierung
  • Unit-Tests für Service, Filter-Pipe und Listenkomponente mit Harness
  • E2E-Suite mit Seitenobjekten für Suche und Standortfilter, Lauf in der Pipeline

*) Die Inhalte werden individuell abgestimmt und mit Praxisbeispielen abgerundet.

Ein Symbol für einen Kalender.

Offene Termine

Kostenlose Reservierung
Ein Symbol für Angebot erhalten.

Unser Angebot

Individuelle Schulung für Einzelpersonen und Teams – live online oder vor Ort.

Dauer

Ein Symbol für Dauer.
ab 1 Tag (8 UE)

Die Dauer richtet sich nach Ihren Inhalten.

Preis

Ein Symbol für Preis.
ab 900 EUR (Nettopreis)
ab 1.071 EUR (Bruttopreis)

Die Preise verstehen sich bei Unternehmern gemäß § 14 BGB zzgl. MwSt. Der dargestellte Ab-Preis gilt für firmeninterne Veranstaltungen und entspricht dem niedrigsten Gesamtpreis für Veranstaltungen mit bis zu drei (3) Teilnehmenden.

Termin

Ein Symbol für einen Kalender.
Ganztägig + halbtägig
nach Vereinbarung

Ganztägig oder halbtägig nach Vereinbarung, live online oder vor Ort.

Ihre Vorteile

Ein Symbol für ein Vorgespräch durchführen.
Persönliches Vorgespräch
Ein Symbol für die individuelle Vorbereitung.
Individuelle Vorbereitung
Ein Symbol für Experten aus der Praxis.
Experten aus der Praxis
Ein Symbol für ein Zertifikat.
Inklusive Zertifikat

Unsere Garantien

1. Relevanz-Garantie

Wir passen den Inhalt spezifisch an die Bedürfnisse jedes Teilnehmers an. Irrelevante Themen werden ausgespart, um den größtmöglichen Nutzen zu garantieren.

2. Qualitäts-Garantie

Durch regelmäßiges Feedback optimieren wir unsere Schulungen kontinuierlich und garantieren Ihnen ein Lernerlebnis der Extraklasse.

3. Zufriedenheits-Garantie

Unsere Zufriedenheitsgarantie spricht für sich – bei Unzufriedenheit entstehen Ihnen keine Kosten.

Wir helfen gerne weiter!

Rufen Sie uns an, schreiben eine E-Mail oder nutzen das Kontaktformular.

Schulung anfragen

Unverbindlich · Keine Vorkasse

Einige Unternehmen, für die wir tätig waren

Brox IT-Solutions GmbH

Boehringer Ingelheim Pharma GmbH & Co. KG

SAS Institute GmbH

Teilnehmer

Feedback

Herr Hecker ist sehr gut auf individuelle Wünsche, Fragen und Anregungen eingegangen. Eine sehr informative, interessante und gelungene Veranstaltung.
Teilnehmer

Feedback

Herr Hecker hat das Thema sehr anschaulich dargestellt und ist auf alle Fragen eingegangen. Ich fühle mich jetzt gut vorbereitet, um durchzustarten.
Teilnehmer

Feedback

Die gelassene, professionelle Art hat mir gut gefallen. Kompetent, engagiert, professionell. Gute Beispiele, sympathisches Auftreten. Eigene Themenideen wurden aufgegriffen.
Unser Angebot für Ihre firmeninterne Beratung, Coaching, Workshop, Training und Weiterbildung

Lösungen für Ihren Bedarf an Coaching, Workshop, Training, Schulung und Weiterbildung

Profitieren Sie von unserer langjährigen Expertise in der beruflichen Weiterbildung, modernen Lernmethoden und einem Portfolio von über 600 IT-, Online- und Digital-Beratungsleistungen.
Selbstverständlich lassen sich die einzelnen Themen kombinieren. So erhalten Sie genau die Weiterbildung, die Sie wünschen und brauchen - als Coaching, Workshop, Training, Schulung und Weiterbildung!

✓
Ein Symbol für eine einzelne Person.

Für eine Person

Training & Coaching für Einzelpersonen

  • Passgenaue Inhalte auf den einzelnen Teilnehmer zugeschnitten
  • Ein sehr effektives Format, das schnell Ergebnisse bringt
  • Individuelles Training und Coaching motivieren und wirken
Jetzt anfragen
✓
Ein Symbol für eine Gruppe von Personen.

Für eine Gruppe

Training & Workshops für Teams und Abteilungen

  • Bedarfsgerechte Inhalte auf die Herausforderung der Praxis zugeschnitten
  • Konsequente Praxisorientierung, modernste Techniken und Tools
  • Neue Fähigkeiten und Kenntnisse nachhaltig in den Arbeitsalltag integrieren
Jetzt anfragen
✓
Ein Symbol für ein Unternehmen.

Für eine Firma

Training-Komplett-Lösungen für Ihr Unternehmen‍

  • Ganzheitliche Konzepte für Ihre Mitarbeiterentwicklung
  • Individueller Skill-Katalog zur Erweiterung Ihres internen Weiterbildungsangebots
  • Nachhaltige Personalentwicklung realisieren
Jetzt anfragen

So wird daraus Ihre Firmenschulung

1. Bedarf klären: Im kostenlosen Vorgespräch besprechen wir Ziele, Vorkenntnisse und Praxisaufgaben.

2. Angebot abstimmen: Inhalte, Format (live online oder vor Ort), Dauer und Preis legen wir gemeinsam fest.

3. Schulung durchführen: Sie arbeiten an Übungen aus Ihrem Alltag oder an einem neutralen Beispiel und nehmen konkrete nächste Schritte mit.

Häufige Fragen zur Schulung

Gilt der Ab-Preis pro Person oder für die Veranstaltung?

Die 900 EUR netto sind der niedrigste Gesamtpreis für eine firmeninterne Veranstaltung mit bis zu drei Teilnehmenden. Größere Gruppen und einen anderen Umfang bieten wir individuell an. Der verbindliche Preis steht in Ihrem Angebot.

Können wir eigene Aufgaben einbringen?

Ja. Welche Aufgaben sich eignen, welche Zugänge nötig sind und wie wir die Vertraulichkeit sichern, klären wir im Vorgespräch. Alternativ arbeiten wir an einem neutralen Beispiel.

Ist die Anfrage schon eine Buchung?

Nein. Sie erhalten zuerst ein abgestimmtes Angebot und entscheiden dann über die Beauftragung. Eine Vorkasse gibt es nicht.

Ihre unverbindliche und kostenlose Schulungsanfrage zum Thema

Angular Testen und Debuggen - Beratung, Coaching, Workshop, Training, Schulung und Weiterbildung

Schildern Sie uns kurz Ihren Bedarf. Ziele, Inhalte und Termin stimmen wir persönlich mit Ihnen ab.

*) Die Angabe erfolgt freiwillig. Wir nutzen Ihre Telefonnummer ausschließlich, um Ihre Anfrage effizienter zu bearbeiten oder Rückfragen zu klären.

Ich interessiere mich für den Termin:

Termin anfragen

Das Angebot von "HECKER CONSULTING" richtet sich ausschließlich an Unternehmen und Behörden (iSv § 14 BGB). Verbraucher (§ 13 BGB) sind vom Vertragsschluss ausgeschlossen. Mit Absendung der Anfrage bestätigt der Anfragende, dass er nicht als Verbraucher, sondern in gewerblicher Tätigkeit handelt. § 312i Abs. 1 S. 1 Nr. 1-3 und S. 2 BGB (Pflichten im elektronischen Geschäftsverkehr) finden keine Anwendung.

Vielen Dank, Ihre Nachricht wurde empfangen!
Beim Absenden des Formulars ist etwas schiefgelaufen.
Beratung, Coaching, Workshop, Training, Schulung

Ähnliche Leistungen, die Sie interessieren könnten.

Wir erweitern ständig unser Beratungsportfolio. Über 600 IT-, Online-, Digital-Beratungsleistungen haben wir für Sie im Programm. Selbstverständlich lassen sich die einzelnen Themen kombinieren. So erhalten Sie genau die Beratung, die Sie wünschen und brauchen - als Coaching, Workshop, Training, Schulung und Weiterbildung!

Mehr IT-, Online-, Digital-Beratungsleistungen anzeigen >>
Nach oben