Nach dem Seminar können Sie TypeScript zur statischen Typisierung Ihrer React- und Next.js-Anwendungen einsetzen. Sie können Variablen, Funktionen, Arrays und Objekte typisieren und Type Aliases, Interfaces sowie Generics verwenden. Darüber hinaus wissen Sie, wie Sie React-Komponenten, Props, State und Events mit Typen versehen. Sie verstehen die Grundlagen testgetriebener Entwicklung und können Tests nach dem Prinzip Arrange, Act und Assert strukturieren. Mit Jest und Cypress können Sie erste funktionale Tests beziehungsweise End-to-End-Tests erstellen. Sie kennen außerdem die Einsatzmöglichkeiten von Snapshots, Mocking und Spies beim automatisierten Testen.
TypeScript als statisch typisierte Erweiterung von JavaScript einordnen
Statische und dynamische Typisierung unterscheiden
Typdeklarationen für Variablen, Funktionen, Arrays und Objekte
Grundlegende Datentypen verwenden
Type Aliases und Interfaces zur Beschreibung von Typen einsetzen
Generics für wiederverwendbare Typdefinitionen kennenlernen
Typisierung von React-Komponenten, Props, State und Events
Automatisiertes Testen mit Jest und Cypress
Assertionsbasierte und interaktionsorientierte Teststile unterscheiden
Grundlagen und Vorgehen der testgetriebenen Entwicklung kennenlernen
Arrange, Act, Assert: die drei Phasen eines Tests
Tests vorbereiten, Aktionen ausführen und Ergebnisse überprüfen
Einführung in das funktionale Testen mit Jest
Einführung in End-to-End-Tests mit Cypress
Snapshots, Mocking und Spies kennenlernen und einordnen
Workshop: Testen von React-Komponenten
Die vermittelten Testgrundlagen auf React-Komponenten anwenden
Tests anhand der Phasen Arrange, Act und Assert strukturieren
Erwartetes Komponentenverhalten durch automatisierte Prüfungen absichern
Dauer/zeitlicher Ablauf:
2 Tage
Zielgruppe:
Das Seminar richtet sich an Webentwickler mit React- und Next.js-Grundkenntnissen, die ihre Anwendungen mit TypeScript entwickeln und automatisierte Tests einsetzen möchten. Es eignet sich als Fortsetzung des Seminars „React und Next.js - Grundlagen“.
Teilnahmevoraussetzungen
Sie benötigen praktische Kenntnisse in HTML, CSS und JavaScript.
Sie sollten mit den Grundlagen von React und Next.js sowie mit Komponenten, Props, State und Hooks vertraut sein.
Sie benötigen Kenntnisse entsprechend dem Seminar „React und Next.js - Grundlagen“.
Vorkenntnisse in TypeScript, Jest und Cypress sind nicht erforderlich.
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.
