Seminar TypeScript Professional – Grundlagen und Sprachpraxis

Das Seminar vermittelt TypeScript als Werkzeug für nachvollziehbare und wartbare JavaScript-Anwendungen. Ausgangspunkt ist vorhandene Programmiererfahrung. Darauf aufbauend werden Typen so eingesetzt, dass fachliche Annahmen sichtbar und typische Fehler früh erkennbar werden. Die Übungen wachsen von einzelnen Funktionen zu einer kleinen modularen Anwendung.

Compiler, Editor und Laufzeit werden konsequent auseinandergehalten. Dadurch wird verständlich, weshalb ein erfolgreicher Type Check externe JSON-Daten noch nicht validiert und weshalb eine Type Assertion keinen Wert umwandelt. Ein gemeinsames Übungsprojekt verbindet Sprachgrundlagen mit Fehlersuche, automatisierten Prüfungen und einer ersten sicheren Schnittstelle.

Lernziele

• Ein TypeScript-Projekt mit Editor, Compiler und nachvollziehbaren Prüfschritten verwenden.
• Funktionen und Datenmodelle mit passender Typinferenz und gezielten Annotationen formulieren.
• Optionale Werte und unterschiedliche Zustände mit Union Types und Narrowing behandeln.
• Module, einfache Generics und asynchrone Funktionen in einer Anwendung kombinieren.
• Compilerdiagnosen auswerten und statische Fehler von Laufzeitfehlern unterscheiden.

Zielgruppe

JavaScript-Entwickler aus Frontend und Backend sowie Entwickler anderer Sprachen mit sicherer moderner JavaScript-Praxis.

Voraussetzungen

Praktische JavaScript-Kenntnisse: Variablen, Funktionen, Objekte, Arrays, Destructuring, ES-Module und grundlegende Promises. Allgemeine Programmierung oder JavaScript-Einstieg sind nicht Teil des Seminars.

Inhaltsübersicht

1. Projektstart und Arbeitsweise
2. Grundtypen, Inferenz und Funktionen
3. Objekte, Interfaces und Klassen
4. Union Types und sichere Fallunterscheidung
5. Generics, Module und Asynchronität
6. Anwendungsprojekt und Qualität

Seminarinhalte

Projektstart und Arbeitsweise

• TypeScript im JavaScript-Ökosystem sowie Compiler, Transpilation und Laufzeit einordnen.
• Ein vorbereitetes Projekt mit Paketverwaltung und lokal festgelegter Compiler-Version öffnen.
• tsconfig, strict-Prüfung, Ein- und Ausgabedateien sowie unabhängige Typprüfung nachvollziehen.
• Editorhinweise, Compilerdiagnosen und Debugger an kleinen Fehlerbeispielen einsetzen.

Grundtypen, Inferenz und Funktionen

• Primitive Typen, Arrays, Tupel und Literaltypen sachgerecht auswählen.
• Typinferenz nutzen und Annotationen an sinnvollen Vertragsgrenzen ergänzen.
• Parameter, Rückgaben, optionale Werte und Callback-Funktionen typisieren.
• any, unknown und Type Assertions anhand ihrer jeweiligen Risiken unterscheiden.

Objekte, Interfaces und Klassen

• Objektmodelle mit type und interface definieren und strukturelle Kompatibilität untersuchen.
• Optionale und readonly-Eigenschaften sowie verschachtelte Datenstrukturen modellieren.
• Klassen, Konstruktoren und Sichtbarkeiten in vorhandener JavaScript-Semantik einordnen.
• Klassenbasierte und funktionsorientierte Lösungen für dieselbe kleine Anforderung vergleichen.

Union Types und sichere Fallunterscheidung

• Nullable-Werte ohne ungesicherte Non-Null-Assertions behandeln.
• typeof, in und explizite Prüfungen zum Eingrenzen unbekannter Werte einsetzen.
• Diskriminierte Unions für Lade- oder Bearbeitungszustände entwickeln.
• Einfache Laufzeitprüfungen vor der Verarbeitung externer Daten ergänzen.

Generics, Module und Asynchronität

• Einfache generische Funktionen mit Beziehung zwischen Eingabe und Ausgabe schreiben.
• ES-Module sowie Wert- und Typimporte nachvollziehbar strukturieren.
• Promises und async/await mit passenden Rückgabetypen und Fehlerpfaden einsetzen.
• Modulauflösung und JavaScript-Ausführung am konkreten Projektmodell prüfen.

Anwendungsprojekt und Qualität

• Eine kleine Datenverarbeitung in fachliche und technische Module aufteilen.
• Eingabefehler, optionale Werte und ungültige Zustände gezielt behandeln.
• Erste Laufzeittests und negative Typprüffälle für die Kernfunktionen ergänzen.
• Build, Typprüfung und Debugging nutzen, um eine vollständige Änderung zu überprüfen.

Praxisprojekt

Die praktische Arbeit folgt einer zusammenhängenden Aufgabenstellung. Die folgenden Schritte werden anhand vorbereiteter Ausgangsstände umgesetzt und mit überprüfbaren Zwischenständen verbunden.

1. Das vorbereitete Repository öffnen, Abhängigkeiten installieren und die vorhandenen Prüfungen ausführen.
2. Eine JavaScript-Funktion nach TypeScript überführen und Fehler durch passende Modelle korrigieren.
3. Buchungsdaten, Statusvarianten und Ergebnisobjekte mit nachvollziehbaren Typen definieren.
4. Eine unbekannte Eingabe prüfen und gültige Daten an ein fachliches Modul übergeben.
5. Eine asynchrone Datenquelle anbinden und Erfolg sowie Fehlschlag getrennt behandeln.
6. Tests und Compilerprüfung ausführen; einen Fehler im Debugger bis zu seiner Ursache verfolgen.

Schulungsumgebung

Vorbereitetes Repository, unterstützte Node.js-LTS-Version, abgestimmte stabile TypeScript-Version und Editor mit TypeScript-Unterstützung. Die Übungen sind unabhängig von einem Frontend-Framework.

Die Schulungsumgebung wird vom Kunden nach der vorab abgestimmten technischen Checkliste bereitgestellt. Benötigte Installationsrechte, Werkzeuge und Übungsstände werden vor Seminarbeginn geprüft.