Teil der JavaScript-JourneyBeliebtJourneyTypeScript lernen
Ein kostenloser, interaktiver TypeScript-Kurs, der auf JavaScript aufbaut. In jeder Lektion schreibst du TS - Typannotationen, Interfaces, Generics, Unions, Narrowing - mit KI-Hinweisen, wenn du nicht weiterkommst, und einem Zertifikat zum Abschluss. Teil der größeren JavaScript-Lernreise, sodass der JS-Kontext, der TypeScript verständlich macht, gleich zur Hand ist.
257,728+ codders eingeschrieben
- Anfängerfreundlich
KI-gestützte Coding-Hilfe
Praktische, interaktive Lektionen
Audio-Erzählung in jeder Lektion
Quizfragen zum Wissenstest
Kostenloses Abschlusszertifikat
Lehrplan
Dieser Abschnitt ist Teil der JavaScript-Journey. Der vollständige Lehrplan enthält weitere Abschnitte - klicke unten auf eine Vorschau, um sie auf der Journey-Seite anzusehen.
- Abschnitt 1Grundlagen77 Lektionen
- Abschnitt 2Logik & Ablauf65 Lektionen
Abschnitt 3
Einführung in TypeScript
Abschnitt startenStartenAusklappenEinklappenEinführung in TypeScript nach dem Erlernen von JavaScriptErste Schritte mit TS
5 Lektionen232- 01Was ist TypeScript?Quiz
- 02Warum TypeScript verwenden?Quiz
- 03Dein erster TypeScript-CodeAufgabeQuiz
- 04Kompilierungsprozess & FehlerQuiz
- 05Zusammenfassung: Einführung in TSAufgabe
Basis-Typen
7 Lektionen748- 01Basis-Typen: str, num, booleanAufgabeQuiz
- 02Der 'any'-Typ: Der NotausgangAufgabeQuiz
- 03Der 'unknown'-TypAufgabeQuiz
- 04Arbeiten mit 'null' & 'undef'AufgabeQuiz
- 05Typinferenz in der PraxisAufgabeQuiz
- 06Explizite Typ-AnnotationenAufgabeQuiz
- 07Zusammenfassung: Übung zu Basis-TypenAufgabe
Datenstruktur: Arrays & Tupel
9 Lektionen862- 01Typisierte ArraysAufgabeQuiz
- 02'readonly'-Modifikator für ArraysAufgabeQuiz
- 03Was ist ein Tupel?Quiz
- 04Deklarieren von und Zugriff auf TupelAufgabeQuiz
- 05Destrukturierung von TupelnAufgabeQuiz
- 06Readonly-TupelAufgabeQuiz
- 07Mehrdimensionale typisierte ArraysAufgabeQuiz
- 08Spread-Operator mit ArraysAufgabeQuiz
- 09Zusammenfassung: Arrays und TupelAufgabe
Arbeiten mit Funktionen
8 Lektionen855- 01Typisierung von Parametern & RückgabewertenAufgabeQuiz
- 02Typisierung von Arrow-FunktionenAufgabeQuiz
- 03Der Rückgabetyp 'void'AufgabeQuiz
- 04Optionale Parameter mit '?'AufgabeQuiz
- 05Standard-ParameterwerteAufgabeQuiz
- 06Typisierung von Rest-ParameternAufgabeQuiz
- 07Definieren von FunktionstypenAufgabeQuiz
- 08Zusammenfassung: Typisierte Funktionen erstellenAufgabe
Typen: Aliase, Unions & Intersections
7 Lektionen751- 01Typ-Aliase für primitive DatentypenAufgabeQuiz
- 02Union-Typen ('|')AufgabeQuiz
- 03Arbeiten mit Union-TypenAufgabeQuiz
- 04Literal-TypenAufgabeQuiz
- 05Intersection-Typen ('&')AufgabeQuiz
- 06Kombinieren von Typ-AliasenAufgabeQuiz
- 07Zusammenfassung: Fortgeschrittene Typ-KombinationenAufgabe
Typisierung von Objekten und Interfaces
8 Lektionen757- 01Inline-Typanmerkungen für ObjekteAufgabeQuiz
- 02Type-Aliase für ObjekteAufgabeQuiz
- 03Einführung in InterfacesAufgabeQuiz
- 04Interfaces vs. Type-AliaseQuiz
- 05Optionale & Readonly-EigenschaftenAufgabeQuiz
- 06Erweitern von Interfaces und TypenAufgabeQuiz
- 07Methoden zu Interfaces hinzufügenAufgabeQuiz
- 08Zusammenfassung: Objektstrukturen definierenAufgabe
Projekt: Eine einfache Aufgabenliste
Projekt6 Lektionen18- 01Projekt: Task-Struct definierenAufgabeQuiz
- 02Funktion zum Hinzufügen einer AufgabeProjekt
- 03Funktion zum Ändern des AufgabenstatusProjekt
- 04Funktion: Aufgaben nach Status auflistenProjekt
- 05Funktion: Aufgabenübersicht ausgebenProjekt
- 06Alles zusammenfügenProjekt
Enums
6 Lektionen638- 01Was ist ein numerisches Enum?AufgabeQuiz
- 02Numerische Enums verwendenAufgabeQuiz
- 03Was ist ein String-Enum?AufgabeQuiz
- 04String-Enums verwendenAufgabeQuiz
- 05Heterogene EnumsAufgabeQuiz
- 06Zusammenfassung: Enums verwendenAufgabe
Generics: Ein erster Blick
6 Lektionen537- 01Das Problem, das Generics lösenQuiz
- 02Erstellen einer generischen Identity-FunktionAufgabeQuiz
- 03Verwenden einer generischen FunktionAufgabeQuiz
- 04Generische ArraysAufgabeQuiz
- 05Generische InterfacesAufgabeQuiz
- 06Zusammenfassung: Praxis mit generischen FunktionenAufgabe
Projekt: Bestandsverwaltung
Projekt5 Lektionen18- 01Projekt: Generisches Inventar-ElementAufgabeQuiz
- 02Funktion: Elemente zum Inventar hinzufügenProjekt
- 03Funktion zum Finden eines Elements nach IDProjekt
- 04Spezifischen Inventartyp erstellenProjekt
- 05Funktion zum Abrufen von ElementdetailsProjekt
Fortgeschrittene Themen
6 Lektionen642- 01Type AssertionsAufgabeQuiz
- 02Type Guards: in & instanceofAufgabeQuiz
- 03Der 'never'-TypAufgabeQuiz
- 04Nullable Types ('strictNull')AufgabeQuiz
- 05Index-Signaturen für ObjekteAufgabeQuiz
- 06Recap: Typen verfeinernAufgabe
- Abschnitt 4Objektorientierte Programmierung56 Lektionen
Warum TypeScript mit Coddy lernen
- Schreibe TypeScript direkt im Browser. Keine
tsc-Installation, kein Editor-Setup, keinetsconfig.json, mit der du dich herumschlagen musst. Editor und Ausgabe stehen nebeneinander, sodass du sofort siehst, was jeder Typ bewirkt. - Modernes TypeScript: Typannotationen, Interfaces, Generics, Union- und Intersection-Typen, Narrowing, Utility-Typen und wie sich TS über reines JavaScript legt, ohne zu verändern, was zur Laufzeit ausgeführt wird.
- KI-Hinweise helfen dir, TypeScript-Fehlermeldungen zu verstehen - die berüchtigt langen - ohne die Lösung zu verraten, sodass du das mentale Modell aufbaust, das künftigen TS-Code leichter schreiben lässt.
- Kostenloses TypeScript-Zertifikat, wenn du den Abschnitt abschließt. Ein glaubwürdiger Nachweis, dass du idiomatisches TS lesen und schreiben kannst - nicht bloß JavaScript mit ein paar verstreuten Typen.
Häufig gestellte Fragen zum TypeScript-Lernen
Was ist TypeScript?
TypeScript ist ein Superset von JavaScript, das optionale statische Typisierung hinzufügt. Gültiges JavaScript ist gültiges TypeScript, aber mit TS kannst du Variablen, Funktionsparameter und Rückgabewerte mit Typen annotieren - der Compiler erkennt Fehler dann, bevor dein Code ausgeführt wird. Zur Laufzeit wird TypeScript zu reinem JavaScript kompiliert.
Ist TypeScript schwer zu lernen?
Wenn du mit JavaScript vertraut bist, sind die Grundlagen von TypeScript schnell verstanden - du fügst ein paar Variablen
: string oder : number hinzu und schreibst bereits TS. Die kniffligeren Teile (Generics, Conditional Types, Mapped Types, Narrowing) brauchen länger, und dieser Kurs führt sie in kleinen Schritten mit praxisnahen Beispielen ein.Muss ich JavaScript können, bevor ich TypeScript lerne?
Ja. TypeScript ist JavaScript mit Typen obendrauf, daher ist die Sprache, die du eigentlich lernst, JS. Genau deshalb ist dieser TypeScript-Abschnitt Teil der JavaScript-Lernreise - du kannst zuerst die JS-Abschnitte durchgehen oder direkt zu TS springen, wenn du mit modernem JavaScript bereits vertraut bist.
Was ist der Unterschied zwischen TypeScript und JavaScript?
JavaScript ist dynamisch typisiert - eine Variable kann heute einen String und morgen eine Zahl enthalten, und du merkst es erst zur Laufzeit. TypeScript fügt eine statische Typebene hinzu, die zur Build-Zeit läuft und Typkonflikte erkennt, bevor der Code ausgeliefert wird. Die kompilierte Ausgabe ist weiterhin reines JavaScript und läuft daher überall, wo auch JS läuft.
Kann ich TypeScript online kostenlos lernen?
Ja. Der interaktive TypeScript-Abschnitt ist kostenlos - vollständige Lektionen, Programmierübungen, Quizze und ein Zertifikat. Der Editor läuft mit eingebautem TS-Compiler in deinem Browser, sodass du weder
tsc, Node noch sonstige Tools installieren musst, um mit dem Schreiben von TypeScript zu beginnen.Bekomme ich nach dem TypeScript-Kurs ein Zertifikat?
Ja. Der Abschluss des TypeScript-Abschnitts verschafft dir ein kostenloses Abschlusszertifikat, das du auf LinkedIn teilen oder in deinen Lebenslauf aufnehmen kannst. Ein nachprüfbares Signal, dass du dich durch strukturiertes, praxisnahes TypeScript-Material gearbeitet hast - und nicht nur Tutorials angeschaut hast.
