TypeScript von Grund auf im Jahr 2025: Vollständiger Leitfaden für Anfänger

Einführung in TypeScript: Wo man 2025 anfängt

Im Jahr 2025 behauptet TypeScript souverän seine Position als eine der gefragtesten Programmiersprachen in der Webentwicklung. Wenn Sie bereits mit JavaScript vertraut sind und auf das nächste Level wechseln möchten, oder gerade erst Ihren Weg in die Programmierung beginnen – TypeScript wird Ihr zuverlässiges Fundament sein. In diesem Artikel schauen wir uns an, wo man 2025 mit dem Lernen von TypeScript beginnt, richten die Entwicklungsumgebung ein und schreiben die ersten Programme.

TypeScript ist ein streng typisierter Overlay über JavaScript, entwickelt von Microsoft. Es fügt dem Code statische Typisierung, Interfaces, Generics und viele andere moderne Funktionen hinzu, die die Entwicklung sicherer und vorhersehbarer machen.

Warum sollte man gerade 2025 TypeScript lernen?

TypeScript ist zum De-facto-Standard für große Projekte geworden. Giganten wie Google, Microsoft, Airbnb und viele andere nutzen es aktiv in ihren Produkten. Hier sind einige Gründe, warum es sich lohnt, genau jetzt zu beginnen:

• Stabilität des Ökosystems – TypeScript Version 5.x ist ein vollständig ausgereiftes und zuverlässiges Werkzeug.
• Hohe Marktnachfrage – Stellen für TypeScript-Entwickler gehören zu den bestbezahlten.
• Hervorragende Tool-Unterstützung – VS Code, WebStorm, ESLint, Prettier arbeiten "out of the box" mit TypeScript.
• Niedrige Einstiegshürde – Wenn Sie JavaScript können, kennen Sie bereits 80% von TypeScript.

Schritt 1: Installation und Einrichtung der Umgebung

Für die Arbeit mit TypeScript benötigen Sie Node.js (Version 18 oder höher). Installieren Sie es von der offiziellen Website nodejs.org. Überprüfen Sie nach der Installation die Version im Terminal:

node -vnpm -v

Installieren Sie nun TypeScript global über npm:

npm install -g typescript

Überprüfen Sie die Installation:

tsc -v

Sie sollten eine Versionsnummer sehen, z.B. Version 5.5.0. Herzlichen Glückwunsch, Ihre Umgebung ist bereit!

Schritt 2: Erstes Programm in TypeScript

Erstellen Sie einen Ordner für das Projekt und eine Datei hello.ts:

mkdir my-first-tscd my-first-tstouch hello.ts

Öffnen Sie die Datei im Editor und schreiben Sie:

function greet(name: string): string {    return `Hallo, ${name}! Willkommen in der Welt von TypeScript 2025.`;}

const userName: string = "Alexej";console.log(greet(userName));

Beachten Sie die Typannotationen : string – das ist der Hauptunterschied zu JavaScript. Kompilieren wir nun den Code in JavaScript:

tsc hello.ts

Im Ordner erscheint eine Datei hello.js. Führen Sie sie aus:

node hello.js

Sie sehen: Hallo, Alexej! Willkommen in der Welt von TypeScript 2025.

Schritt 3: Grundlagen der Typisierung – Datentypen und Interfaces

TypeScript bietet ein reichhaltiges Typsystem. Betrachten wir die grundlegenden Typen:

// Primitive Typenlet isReady: boolean = true;let count: number = 42;let message: string = "TypeScript";

// Arrayslet numbers: number[] = [1, 2, 3];let names: Array<string> = ["Anna", "Iwan"];

// Tuplelet pair: [string, number] = ["Alter", 30];

// Enumenum Direction {    North,    East,    South,    West}let dir: Direction = Direction.North;

Interfaces sind ein mächtiges Werkzeug zur Beschreibung von Objektstrukturen:

interface User {    id: number;    name: string;    email: string;    isActive?: boolean; // optionale Eigenschaft}

function createUser(user: User): void {    console.log(`Benutzer erstellt: ${user.name} (${user.email})`);}

const newUser: User = {    id: 1,    name: "Maria",    email: "maria@example.com"};

createUser(newUser);