Compile Academy Jetzt lernen
TS Kurs · 63 Lektionen · ca. 422 Minuten

TypeScript lernen

TypeScript ergänzt JavaScript um Typen. Fehler fallen auf, bevor der Code läuft – und dein Editor versteht deinen Code viel besser.

TypeScript-Kurs startenCompiler öffnen
  • Typen & Compiler
  • Inferenz
  • Objekttypen
  • Interfaces
  • Union-Typen
  • Generics
  • Zod
  • Eigene Programme & Vertiefung
  • Generics: ein Typ als Platzhalter
  • readonly: Daten nur lesen
  • Discriminated Union: zwei Ergebnisformen
  • Record: Werte unter festen Schlüsseln
  • keyof: gültige Eigenschaftsnamen
  • Tupel: zwei Werte mit fester Rolle
  • unknown: erst prüfen, dann verwenden
  • Optionale Eigenschaften mit ?
  • Funktionstypen: eine Rechnung als Parameter
  • Partial: nur einige Eigenschaften ändern
  • Typschutz mit „is“
  • as const: feste Werte als Typ
  • Benannte Werte mit Record typisieren
  • Eine Liste als unveränderlich anbieten
  • Feste Positionen mit einem Tuple beschreiben
  • Ein Datenmodell mit Pick verkleinern
  • Ergebnisse anhand eines Diskriminators unterscheiden
  • Eine generische Funktion behält Elementtypen
  • Unbekannte Daten vor dem Verwenden eingrenzen
  • Eine Form mit satisfies kontrollieren
  • Union- & Intersection-Typen
  • Utility Types
  • TypeScript + JSON: Daten sicher verarbeiten

Das lernst du

  1. Kapitel 1Warum TypeScript? – Typen und der Compiler.
    Typen & Compiler
  2. Kapitel 2Primitive Typen & Inferenz – string, number, boolean – und wann TS selbst mitdenkt.
    Primitive Typen
  3. Kapitel 3Arrays, Tupel & Objekttypen – Typen für Listen und Strukturen.
    Arrays & Funktionen typisieren
  4. Kapitel 4type & interface – Eigene Objekttypen definieren.
    Interfaces
  5. Kapitel 5Deine Code-Werkstatt – Gelerntes verbinden und einen neuen Baustein entdecken.
    Mehrere erlaubte Typen
  6. Kapitel 6Werkstatt: Verstehen und selbst bauen – Neue Bausteine in kurzen Erklärungen und eigenen Programmen üben.
    Union: einer von mehreren Typen · Narrowing: den Typ eingrenzen · Boss: ein typisierter Lernstand
  7. Kapitel 7Neue Werkzeuge für eigene Ideen – Neue Konzepte verstehen, ergänzen und selbst anwenden.
    Generics: ein Typ als Platzhalter · readonly: Daten nur lesen · Discriminated Union: zwei Ergebnisformen
  8. Kapitel 8Mehr können: dein nächstes Übungskapitel – Vier neue Bausteine in kleinen Schritten verstehen und selbst anwenden.
    Record: Werte unter festen Schlüsseln · keyof: gültige Eigenschaftsnamen · Tupel: zwei Werte mit fester Rolle · unknown: erst prüfen, dann verwenden
  9. Kapitel 9Meisterkapitel: wie echte Programme gebaut sind – Fünf Bausteine aus echten Projekten – erklärt, verbunden, ergänzt und selbst geschrieben.
    Optionale Eigenschaften mit ? · Funktionstypen: eine Rechnung als Parameter · Partial: nur einige Eigenschaften ändern · Typschutz mit „is“ · as const: feste Werte als Typ
  10. Kapitel 10Projektwerkzeuge: verstehen und anwenden – Acht weitere Bausteine mit Erklärseiten und vier Übungen je Lektion.
    Benannte Werte mit Record typisieren · Eine Liste als unveränderlich anbieten · Feste Positionen mit einem Tuple beschreiben · Ein Datenmodell mit Pick verkleinern · Ergebnisse anhand eines Diskriminators unterscheiden · Eine generische Funktion behält Elementtypen · Unbekannte Daten vor dem Verwenden eingrenzen · Eine Form mit satisfies kontrollieren
  11. Kapitel 11Union- & Intersection-Typen – Erlaubte Werte festlegen, Typen kombinieren und sicher unterscheiden.
    Literal-Typen: nur erlaubte Werte · Intersection: Typen kombinieren mit & · Unterscheiden mit in · never: vollständig geprüft · Boss: Bestellstatus sicher verarbeiten
  12. Kapitel 12Generics – Baupläne mit Platzhaltern: Interfaces, Funktionen und Klassen für viele Typen.
    Generische Interfaces: Box<T> · Einschränkungen mit extends · Sicher lesen mit K extends keyof T · Generische Klassen: ein Stapel · Boss: ein generischer Speicher
  13. Kapitel 13Narrowing & Type Guards – Typen gezielt eingrenzen.
    typeof: Text oder Zahl? · Array.isArray: eins oder viele? · instanceof: Fehler sicher behandeln · Fehlende Werte: undefined ausschließen · Boss: jede Eingabe sicher auswerten
  14. Kapitel 14Utility Types – Fertige Typ-Werkzeuge: Omit, Required, Readonly, ReturnType und Kombinationen.
    Omit: Eigenschaften weglassen · Required: alles muss da sein · Readonly<T>: nur lesen · ReturnType: den Ergebnistyp übernehmen · Boss: Typen für eine Kurs-API
  15. Kapitel 15Async & API-Typen – Promises und Daten aus APIs typisieren.
    Promise<T>: was kommt später zurück? · Typen für API-Antworten · Promise.all mit Typen · Ein Ergebnis-Typ statt Ausnahmen · Boss: ein typisierter Lader
  16. Kapitel 16tsconfig & strict mode – Projekte richtig konfigurieren.
    strict: der strenge Modus · noImplicitAny: jeder Parameter braucht einen Typ · find kann undefined liefern · Das Ausrufezeichen ! – nur mit gutem Grund · Boss: Code fit für strict machen
  17. Kapitel 17TypeScript + JSON: Daten sicher verarbeiten – JSON kommt als Text aus dem Netz, TypeScript gibt ihm Form: Interfaces, unknown mit Typwächtern, Antwort-Varianten und Auswertungen.
    JSON bekommt einen Typ: interface · Erst prüfen, dann vertrauen: unknown und Typwächter · Antworten mit Varianten: Union mit Kennung · Daten zusammenfassen: Record · Boss: eine API-Antwort auswerten

Abschlussprojekt: Typisierter Aufgabenmanager

Ein kleiner Aufgabenmanager mit sauberen Typen und Validierung.

So funktioniert's

Jede Lektion beginnt mit kurzen Erklärseiten. Danach übst du mit Auswahlfragen, Lückentexten, Code ordnen und eigenem Code – mit Hinweisen und sofortigem Feedback. Kostenlos, ohne Werbung, auf Handy, Tablet und PC.

Jetzt TypeScript lernen