typescript kursbild

Schaffe in kürzester Zeit den praktischen Einstieg in TypeScript

... und lerne, wie du JavaScript mit TypeScript um statische Typen erweitern kannst, sodass du Fehler vermeiden bzw. diese schon früh in der Entwicklungszeit finden und beheben kannst.

Jetzt deinen Premium Account aktivieren

Laufzeit des Kurses

ca. 8 Stunden

Benötigte Vorkenntnisse

JavaScript Grundkenntnisse

JavaScript ist heutzutage eine der beliebtesten Programmiersprachen überhaupt. Bei größeren Projekten wird aber die fehlende Typisierung in JavaScript oftmals als Nachteil angeführt.

Mit TypeScript kannst du dieses Problem fortan lösen, denn TypeScript erweitert JavaScript um statische Typen, sodass du Fehler vermeiden bzw. diese schon frühzeitig in der Entwicklungszeit finden und beheben kannst.

In diesem Kurs wirst du den Umgang mit TypScript von 0 an kennenlernen, sodass du danach in der Lage bist, deine eigenen TypeScript Projekte zu erstellen und zu konfigurieren.

Im Verlauf des Kurses wirst du unteranderem lernen:

  • Wie man TypeScript in seinem Projekt installiert und konfiguriert
  • Type Annotations für einfache und komplexe Typen
  • Kombinieren von Typen
  • Utility-Typen
  • TypeScript Dateien kompilieren und vieles mehr...

Wenn du also deine eigenen TypeScript Projekte erstellen, konfigurieren und generell die ganzen Vorteile der Typsicherheit und der verbesserten Developer-Experience nutzen möchtest, dann ist dieser Kurs perfekt für dich geeignet.

Jetzt deinen Premium Account aktivieren

Inhaltsverzeichnis des Kurses

Modul 1: Einführung

typescript modul 1

In diesem Modul erhältst du eine detaillierte Einführung in diesen Kurs. Zudem setzen wir das Initialprojekt des Kurses gemeinsam auf.

Diese Lektionen erwarten dich:

  • [Text] Kursübersicht und Voraussetzungen
  • [Video 1] Warum TypeScript?
  • [Video 2] Wie funktioniert TypeScript?
  • [Video 3] TypeScript installieren
  • [Video 4] TypeScript Projekt mit ViteJS anlegen

Modul 2: Grundlagen der Typisierung

typescript modul 2

In diesem Modul lernst du alle wichtigen Grundlagen der Typisierung.

Diese Lektionen erwarten dich:

  • [Video 1] Erste Type-Annotation
  • [Video 2] TypeScript kompilieren
  • [Video 3] Praktisches Beispiel Taschenrechner
  • [Video 4] Type-Annotations bei Funktionen
  • [Video 5] Type-Annotations bei Funktionen II
  • [Video 6] Typen bei Arrow-Funktionen
  • [Video 7] Never-Typ bei Funktionen
  • [Video 8] Typautomatik - Type Inference
  • [Video 9] Der Typ any
  • [Video 10] Array als Typ
  • [Video 11] Tupel als spezieller Array-Typ
  • [Video 12] Objekt-Typen
  • [Video 13] Eigene komplexe Typen
  • [Video 14] Typen kombinieren
  • [Video 15] Typ-Union
  • [Video 16] Typ-Union mit Arrays
  • [Video 17] Typ-Literale und Typ-Union
  • [Video 18] Typ-Literale zur Typ-Ableitung nutzen
  • [Video 19] Enums
  • [Video 20] Funktionen als Typen
  • [Video 21] Der Typ unkown
  • [Video 22] Interfaces Einführung
  • [Video 23] Ein bestehendes Interface erweitern
  • [Video 24] Neues Interface mit bestehendem kombinieren (extends)

Modul 3: Der TypeScript-Compiler (tsc)

typescript modul 3

In diesem Modul lernst du alle wichtige über den TypeScript-Compiler (tsc).

Diese Lektionen erwarten dich:

  • [Video 1] Projekt mit tsc --init aufsetzen
  • [Video 2] Mehrere Dateien kompilieren
  • [Video 3] Explizites Angeben der Dateien
  • [Video 4] outdir verwenden
  • [Video 5] Weitere Optionen in der tsconfig

Modul 4: Klassen in TypeScript

typescript modul 4

In diesem Modul lernst alles über Klassen in TypeScript.

Diese Lektionen erwarten dich:

  • [Video 1] Einführung Schlüsselwort class
  • [Video 2] Der Constructor
  • [Video 3] Schreibschutz für Member mit readonly
  • [Video 4] Öffentliche und private Member mit public und private
  • [Video 5] Getters und Setters
  • [Video 6] Kurzform für Memberdeklaration
  • [Video 7] Vererbung mit extends
  • [Video 8] Mit protected bleibt ein Member in der Familie
  • [Video 9] Interfaces implementieren
  • [Video 10] Interface ableiten mit Klassen
  • [Video 11] Automatische Interfaces mit Structural-Typing
  • [Video 12] Abstrakte Klassen mit abstract
  • [Video 13] Statische Member

Modul 5: Generics (Typ-Parameter)

typescript modul 5

In diesem Modul lernst du das Thema Generics (Typ-Parameter) im Detail kennen.

Diese Lektionen erwarten dich:

  • [Video 1] Einführung in Generics
  • [Video 2] Generics bei Funktionen verwenden
  • [Video 3] Erste eigene generische Funktion
  • [Video 4] Typparameter bei Arrow-Funktionen
  • [Video 5] Automatische Ableitung eines generischen Typs
  • [Video 6] Typ-Einschränkungen und Default-Typen
  • [Video 7] Generische Klassen

Modul 6: Weitere Themen

typescript modul 6

In diesem Modul sehen wir uns weitere wichtige Themen in Bezug auf TypeScript an.

Diese Lektionen erwarten dich:

  • [Video 1] Type-Guard mit instanceof
  • [Video 2] Type-Guard mit in
  • [Video 3] Type-Casts
  • [Video 4] Mit as const Objekte und Arrays schreibschützen
  • [Video 5] Modules in TypeScript
  • [Video 6] Typinformationen importieren
  • [Video 7] TypeScript und React
  • [Video 8] Utility-Type Partial
  • [Video 9] Utility-Type Required
  • [Video 10] Utility-Type Readonly
  • [Video 11] Utility-Types Pick und Omit
  • [Video 12] Mit typeof Typen von Objekten erzeugen
  • [Video 13] Mit dem TypeScript Type-Checker JS-Dateien checken lassen
  • [Video 14] Eigene Typen in JSDoc definieren
Jetzt deinen Premium Account aktivieren