typescript-playground.de

Grundlagen

TypeScript Playground umwandeln in Erstes TypeScript-Programm schreiben

Ein erstes TypeScript-Programm zu schreiben ist einfacher als viele denken. TypeScript ist eine Obermenge von JavaScript, das bedeutet: Gültiges JavaScript ist immer auch gültiges TypeScript. Der Unterschied liegt in den Typ-Annotationen, die du optional hinzufügen kannst. Mit einem einfachen Beispiel lernst du, wie Variablen deklariert werden, wie Typen angegeben werden und wie du eine Ausgabe erzeugst. Das Grundprinzip bleibt überall gleich, egal ob du lokal oder im Browser arbeitest. Nach diesem ersten Schritt verstehst du, worin der Mehrwert von TypeScript gegenüber reinem JavaScript liegt.

Schritt für Schritt

  1. 1 Öffne den Playground auf typescript-playground.de und lösche den vorhandenen Beispielcode.
  2. 2 Deklariere eine typisierte Variable: 'const begruessung: string = "Hallo, TypeScript!";'
  3. 3 Gib die Variable aus: 'console.log(begruessung);'
  4. 4 Füge eine Zahl hinzu: 'const zahl: number = 42; console.log("Die Antwort ist:", zahl);'
  5. 5 Versuche, der String-Variable eine Zahl zuzuweisen: 'const begruessung: string = 123;' - TypeScript zeigt sofort einen Fehler.
  6. 6 Korrigiere den Fehler und führe das Programm aus.
  7. 7 Sieh dir die Ausgabe im rechten Bereich an und vergleiche sie mit deinen Erwartungen.

Schneller im Browser

Auf typescript-playground.de siehst du Typfehler sofort im Editor, ohne einen Build-Schritt anstoßen zu müssen. Perfekt für das Lernen.

TypeScript Playground Converter öffnen

Weitere Anleitungen

TypeScript im Browser nutzen

TypeScript Playground umwandeln

TypeScript im Browser nutzen

TypeScript Playground umwandeln

TypeScript lokal installieren

TypeScript Playground umwandeln

Mehr Hintergrund zu Formaten und Qualität findest du in unseren Ratgebern.