Full Stack mit KI · Modul 2: JavaScript & TypeScript

Lektion 2 von 4Übung 18 Min.

Was ist TypeScript? Der Unterschied zu JavaScript

Worum es geht: TypeScript ist heute der Standard für professionelle Webentwicklung – und gerade für die Arbeit mit KI besonders wertvoll. Sie lernen, was TypeScript von JavaScript unterscheidet, warum Typen Fehler früh sichtbar machen und probieren es direkt aus.

1. Was ist TypeScript?

TypeScript ist JavaScript mit Typen. Jeder gültige JavaScript-Code ist auch TypeScript. Dazu kommt die Möglichkeit, festzuschreiben, welche Art Wert eine Variable, ein Parameter oder ein Rückgabewert haben soll. Ein Werkzeug – der TypeScript-Compiler – prüft das, bevor der Code läuft, und übersetzt ihn anschließend in normales JavaScript.

2. Der Unterschied zu JavaScript

JavaScriptTypeScript
Typenergeben sich erst beim Ausführenwerden beim Schreiben festgelegt und geprüft
Fehler wie "5" + 3fallen erst zur Laufzeit auf – oder gar nichtwerden sofort im Editor markiert
Ausführungdirekt im Browser oder in Node.jswird vorher zu JavaScript übersetzt
Editor-HilfeeingeschränktAutovervollständigung und Hinweise für jede Eigenschaft
Einsatzkleine Skripte, schnelle TestsAnwendungen, Teams, langfristige Projekte

3. Selbst erleben

Das Code-Labor zeigt den Unterschied in vier Schritten. Hinweis: Für die Übung nutzen wir einen vereinfachten Typprüfer, der die typischen Fehler dieser Aufgaben erkennt – der echte TypeScript-Compiler prüft deutlich mehr.

Code-Labor: Von JavaScript zu TypeScript
Schritt 1 von 4
Das Problem in JavaScript
Dieser Code sieht harmlos aus – aber das Ergebnis ist 53 statt 8, weil "5" ein Text ist. Führen Sie ihn aus und reparieren Sie dann den Aufruf, sodass 8 herauskommt.
uebung.ts
Ausgabe
Noch nichts ausgeführt.

4. Warum Typen für KI-Code so wichtig sind

KI-Agenten schreiben Code schnell – und machen dabei dieselben Fehler wie Menschen: falsche Datenformate, vergessene Felder, verwechselte Parameter. Typen sind hier eine automatische Leitplanke:

  • Der Agent bekommt sofort Rückmeldung. Der Typprüfer meldet Fehler, bevor jemand den Code ausführt – der Agent kann sie selbst korrigieren.
  • Interfaces sind präziser Kontext. Ein gutes Interface sagt einer KI mehr über Ihre Daten als ein Absatz Beschreibung.
  • Änderungen werden sicherer. Ändert sich ein Datenformat, zeigt TypeScript jede Stelle, die angepasst werden muss.
Im Modul Harness Engineering kommen wir darauf zurück: Typen und Tests sind die Leitplanken, mit denen KI-Agenten verlässlich arbeiten.

Übung

  1. Läuft TypeScript direkt im Browser?
  2. Nennen Sie einen Vorteil von Interfaces in der Zusammenarbeit mit KI.
Lösungshinweise
  1. Nein. TypeScript wird vorher in JavaScript übersetzt; die Typen verschwinden dabei.
  2. Sie beschreiben die Form der Daten präzise – die KI erzeugt passenderen Code, und Abweichungen fallen sofort auf.

Stand: September 2026. Die Übungen laufen vollständig in Ihrem Browser – es wird nichts gespeichert oder übertragen.

Kostenlos mitlernen

Lektion abhaken und das Wichtigste nie wieder vergessen.

  • Fortschritt je Kurs speichern
  • 4 Kernideen als Karteikarten
  • Teilnahme dokumentiert