App-Symbol von TypeScript Lernen: Kurs

TypeScript Lernen: Kurs

Bildung · Kostenlos · iOS & Android · CoddyKit

TypeScript Lernen: Kurs — Lerne TypeScript mit einem Type Checker in deiner Tasche

TypeScript Lernen: Kurs ist eine kostenlose iOS- und Android-App, in der du TypeScript lernst, indem du selbst Code schreibst. Der Compiler läuft auf dem Gerät, sodass Type-Fehler bereits während der Eingabe unterstrichen werden. 101 Kurse führen dich von deiner ersten Typannotation über Unions, Generics und Conditional Types bis hin zu React, Node.js und tRPC. Ein KI-Mentor erklärt jede Meldung des Compilers in verständlicher Sprache.

App Store — Kostenlos herunterladenGoogle Play — Kostenlos herunterladen
Preis
Kostenlos, Pro-Upgrade
Plattformen
iOS und Android
Sprachen
22
Altersfreigabe
4+
Erfordert
iOS 15.1 oder neuer
App Store
3.0 ★ (1)
Startbildschirm der TypeScript Academy mit Lernpfad, einer Schaltfläche „Erste Lektion starten“ und einem TageszielKursseite „Introduction to TypeScript“ mit Gesamtfortschritt und der als kostenlos markierten ersten Lektion
101Kurse von den ersten Typen bis C2
LiveLive-Typprüfung im Editor
24Rätsel im Type Gym
Am schnellsten lernst du Typen, wenn du siehst, wie die rote Unterstreichung erscheint.

Der Kern von TypeScript ist die Feedbackschleife: Du schreibst etwas Falsches, siehst genau, wo und warum es falsch ist, und korrigierst es. Der Editor prüft deine Typen während der Eingabe, und Type Explorer zeigt dir, welchen Typ der Compiler einem Wert zuweist. So lernst du die Konzepte direkt anhand der Fehler, die sie erklären.

Was es ist

TypeScript Lernen: Kurs ist eine kostenlose iOS- und Android-App, mit der du TypeScript lernst – mit einem echten Compiler, der auf deinem Smartphone läuft. Die 101 Kurse und 352 Lektionen auf den Niveaustufen A1 bis C2 behandeln grundlegende Typen, Interfaces, Unions, Narrowing, Generics, Conditional und Mapped Types, das Schlüsselwort infer, den Strict Mode und tsconfig sowie echte Projekte mit React, Node.js, Zod, Jest und tRPC. Der Editor unterstreicht Type-Fehler während der Eingabe, während Rätsel, geführte Projekte, Coding-Missionen, ein Interview-Simulator und ein KI-Mentor für zusätzliche Übung sorgen.

In der App

So sieht es aus

Startbildschirm der TypeScript Academy mit Lernpfad, einer Schaltfläche „Erste Lektion starten“ und einem Tagesziel
LernpfadDer Startbildschirm mit deinem Lernpfad, einer Schaltfläche „Erste Lektion starten“ und einem Tagesziel.
Kursseite „Introduction to TypeScript“ mit Gesamtfortschritt und der als kostenlos markierten ersten Lektion
Kursübersicht„Introduction to TypeScript“ mit Lektionen wie „What is TypeScript“ und „Setting Up TypeScript“ sowie einem Fortschrittsbalken.
Lektion über Interfaces im Vergleich zu Type Aliases mit einem bearbeitbaren TypeScript-Codebeispiel
Lektion mit CodeEine Lektion über Interfaces im Vergleich zu Type Aliases mit einem Beispiel, das du bearbeiten und ausführen kannst.
KI-Chatbildschirm mit vorgeschlagenen Eingaben zur TypeScript Academy
KI-MentorDer KI-Chat bietet Eingaben an, etwa zum Erklären wichtiger Konzepte, Lerntipps, ein Quiz und einen Lernfahrplan.
Startbildschirm mit Lernpfad, Tagesziel, Karte für Feature-Anfragen und Skill Hub
Tagesziel und Skill HubTagesziel, Feature-Anfragen und der Skill Hub auf dem Startbildschirm.

Der Kurs

Das bietet der TypeScript-Kurs

101 Kurse in der eigenen Kursliste der App, eingestuft von A1 bis C2. Dies sind die wichtigsten Themenbereiche, mit den echten Kursnamen.

  1. Zuerst Types und Variablen

    Introduction to TypeScript, TypeScript vs JavaScript: Why Types Matter, Basic Types (string, number, boolean, any, unknown) und Types and Variables Essentials.

  2. Funktionen, Objekte und Typen für den Alltag

    Functions and Type Annotations, Arrays, Tuples and Enums, Interfaces and Type Aliases, Union and Intersection Types, Literal Types and const Assertions sowie Optional Chaining and Nullish Coalescing.

  3. Narrowing, Klassen und Generics

    Type Narrowing and Type Guards, Classes and Access Modifiers, Generics Basics, Index Signatures sowie die Operatoren typeof und keyof.

  4. Utility Types und sicherer Code

    Utility Types (Partial, Required, Pick, Omit, Record), Error Handling Patterns, Strict Mode and tsconfig Best Practices sowie Runtime Validation with Zod.

  5. Fortgeschrittene Types

    Advanced Generics with Constraints and Conditional Types, Mapped Types and Template Literal Types, Discriminated Unions and Exhaustiveness sowie der satisfies Operator.

  6. TypeScript in echten Projekten

    TypeScript with React: Props and Hooks, TypeScript with Node.js and Express, Testing TypeScript with Jest, Type-Safe API Clients, tRPC, GraphQL und Next.js.

  7. Migration und Tools

    Migration: JavaScript to TypeScript, Build and Bundlers, Monorepo Setup with TypeScript und Authoring Declaration Files.

  8. Programmierung auf Type-Ebene

    The infer Keyword and Complex Conditional Types, Writing Custom Utility Types, Recursive and Self-Referential Types sowie the TypeScript Compiler API.

So funktioniert es

So läuft eine TypeScript-Lektion ab

Die Lektionen sind kurz, und der Compiler ist in jeder einzelnen dabei.

  1. Lies eine kurze Erklärung

    Jede Lektion dauert fünf bis zehn Minuten und verbindet eine verständliche Erklärung mit einem kleinen Beispiel, etwa dem Unterschied zwischen einem Interface und einem Type Alias.

  2. Schreibe Code und beobachte die Typen

    Gib Code im Editor ein, und Fehler werden sofort unterstrichen. Type Explorer zeigt den Typ an der Cursorposition einschließlich der Member einer Union. Anschließend kannst du das Programm ausführen und seine Ausgabe sehen.

  3. Übe das Gelernte und frag nach, wenn etwas unklar ist

    Fragen und kleine Coding-Aufgaben schließen jedes Thema ab. Im Type Gym warten Rätsel auf dich, und in der Debug Arena reparierst du fehlerhaften Code. Wenn eine generische Constraint oder eine Compiler-Meldung verwirrend ist, erklärt sie dir der KI-Mentor.

Was steckt drin

Das bietet die App

101

Kurse von den ersten Typen bis C2

352 Lektionen auf den Niveaustufen A1 bis C2 – von der Bedeutung von Typen und grundlegenden Typen bis zur TypeScript Compiler API und der Erstellung typsicherer Parser.

Live

Live-Typprüfung im Editor

Type-Fehler werden während der Eingabe unterstrichen, Type Explorer zeigt den Typ unter dem Cursor, und KI-Tools können dein Programm prüfen und eine anwendbare Korrektur vorschlagen.

24

Rätsel im Type Gym

24 Typ-Rätsel plus ein Rätsel des Tages sowie eine Debug Arena, in der du fehlerhaften Code reparierst, bevor die Zeit abläuft.

20

Geführte Projekte und 60 Missionen

Kleine Programme, die du Schritt für Schritt erstellst und deren Schritte beim Ausführen jeweils geprüft werden, plus 60 Coding-Missionen auf drei Niveaus – von Hello World bis zu Algorithmen.

30

Interview-Simulator

Eine zeitlich begrenzte Auswahl von 30 Fragen mit bewerteter Auswertung sowie 50 Interviewfragen mit Antworten und ein Schwächen-Radar, das dir zeigt, welche Themen dir noch Schwierigkeiten bereiten.

KI

KI-Mentor

Frag nach einem Compiler-Fehler oder einer generischen Constraint und erhalte eine verständliche Erklärung.

Hintergrund

Warum TypeScript lernen, wenn du JavaScript bereits kennst?

TypeScript ist JavaScript mit einem darübergelegten statischen Typsystem. Du beschreibst die Struktur deiner Daten, der Compiler prüft jede Verwendung, bevor der Code ausgeführt wird, und beim Kompilieren zu einfachem JavaScript werden die Typen entfernt. Deshalb wird TypeScript so häufig in React-, Angular- und Node-Codebasen eingesetzt: Es ist dieselbe Sprache – mit einer Autovervollständigung im Editor, die deinen Code kennt, und einer ganzen Klasse von „undefined is not a function“-Fehlern, die bereits beim Build erkannt werden. Wenn du JavaScript lesen kannst, weißt du schon fast alles, was du für den Einstieg brauchst.

Typannotationen und Inferenzfang hier an

Du kannst eine Variable oder einen Funktionsparameter mit einem Typ annotieren. Viele Typen leitet TypeScript anhand des zugewiesenen Werts selbst ab. Zu lernen, wann du einen Typ angeben solltest und wann du die Inferenz übernehmen lässt, ist die erste praktische Fähigkeit.

Unions und Narrowingdas Arbeitstier für den Alltag

Ein Union-Typ sagt aus, dass ein Wert einen von mehreren Typen haben kann. Narrowing durch typeof-Prüfungen, Vergleiche und eigene Type Guards teilt dem Compiler mit, welcher Typ innerhalb eines Zweigs vorliegt. Discriminated Unions machen diese Prüfung vollständig überprüfbar.

Genericsflexibel und trotzdem sicher

Mit Generics kann eine Funktion oder ein Typ mit vielen verschiedenen Typen arbeiten, ohne auf any zurückzufallen. Constraints mit dem Schlüsselwort extends legen anschließend fest, was ein Typparameter können muss.

Utility-, Mapped- und Conditional Typeshier wird das Typsystem ausdrucksstark

Partial, Pick, Omit und Record basieren auf Mapped und Conditional Types. Sobald du diese zusammen mit dem Schlüsselwort infer verstanden hast, kannst du deine eigenen Utility Types schreiben, statt sie zu kopieren.

tsconfig und Strict Modewie streng der Compiler sein soll

Die Compiler-Optionen bestimmen, wie viel TypeScript beanstandet. Wenn du den Strict Mode aktivierst, werden die Typen zuverlässig. Gleichzeitig kannst du so ein bestehendes JavaScript-Projekt schrittweise Datei für Datei migrieren.

Passend

Für wen es geeignet ist – und für wen nicht

Es passt zu dir, wenn du

  • Du schreibst JavaScript und siehst TypeScript ständig in Stellenausschreibungen und Codebasen
  • Du verwendest React oder Node und möchtest durchgehend typisierten Code schreiben
  • Du bist Anfänger und möchtest den typisierten Standard lieber von Anfang an lernen
  • Du lernst am besten durch Compiler-Feedback und kleine Rätsel statt nur durch Lesen
  • Du hast ein JavaScript-Projekt und möchtest es Datei für Datei migrieren

Du bist hier nicht richtig, wenn du

  • Du hast noch nie Code geschrieben und möchtest deine erste Sprache von Grund auf erklärt bekommen, da die Lektionen voraussetzen, dass du Code lesen kannst
  • Du musst ein großes Projekt in einer vollständigen IDE erstellen, wofür du weiterhin einen Laptop brauchst
  • Du erwartest, dass alles kostenlos ist, weil der erste Kurs kostenlos ist und Pro den Rest freischaltet
  • Du möchtest einen offiziellen Microsoft-Kurs, da die App unabhängig ist

Fragen

Häufig gestellte Fragen

Wie lernt man TypeScript am besten auf dem Smartphone?

Verwende etwas, das deine Types tatsächlich prüft, statt dir nur Texte zum Lesen zu geben. TypeScript Lernen: Kurs führt den Compiler auf dem Gerät aus, markiert Type-Fehler während der Eingabe und kombiniert 101 Kurse mit Type-Rätseln, geführten Projekten und einem KI-Mentor. Die App kann auf iOS und Android in 22 Sprachen kostenlos gestartet werden.

Kann ich TypeScript lernen, ohne JavaScript zu kennen?

Ja, aber es hilft, zuerst etwas JavaScript lesen zu können, denn TypeScript ist JavaScript plus Types. TypeScript Lernen: Kurs beginnt damit, warum Types wichtig sind, und behandelt grundlegende Types. Ein früher Kurs vergleicht TypeScript mit JavaScript. Anfänger, die die typisierte Sprache vom ersten Tag an lernen möchten, gehören zu den Zielgruppen, für die die App entwickelt wurde.

Was ist der Unterschied zwischen TypeScript und JavaScript?

TypeScript ergänzt JavaScript um ein statisches Typsystem. Der Compiler prüft deinen Code anhand der Types, die du deklarierst oder die er ableitet, und entfernt sie anschließend, sodass gewöhnliches JavaScript ausgeführt wird. Die Vorteile sind eine frühere Fehlererkennung und eine bessere Autovervollständigung im Editor. Der Nachteil sind ein Build-Schritt und zusätzliche Syntax, die du lernen musst.

Prüft die App mein TypeScript mit einem echten Compiler?

Ja. Der TypeScript-Compiler läuft auf dem Gerät. Dadurch zeigt der Editor Type-Fehler während der Eingabe unterstrichen an, und der Type Explorer zeigt den Type an der Cursorposition. Du kannst deinen Code außerdem ausführen und die Ausgabe sehen. Die App weist darauf hin, dass TypeScript eine Marke der Microsoft Corporation ist und keine Verbindung zu Microsoft besteht.

Was sind Generics in TypeScript und wie bringt die App sie bei?

Generics ermöglichen es einer Funktion oder einem Type, mit vielen Types zu arbeiten und dabei typsicher zu bleiben, statt auf any zurückzufallen. Die App vermittelt sie schrittweise: von generischen Funktionen und Types über Constraints und anschließend Conditional Types, Mapped Types, Template Literal Types und das infer-Schlüsselwort. Im Type Gym kannst du das Ganze mit Rätseln üben.

Behandelt die App TypeScript mit React und Node.js?

Ja. Die Kurse zu echten Projekten umfassen TypeScript mit React Props und Hooks, TypeScript mit Node.js und Express, typsichere API-Clients, Runtime Validation mit Zod, Testing mit Jest, GraphQL, tRPC und Next.js. Ein Migrationskurs zeigt, wie du TypeScript schrittweise in ein bestehendes JavaScript-Projekt übernimmst.

Ist TypeScript Lernen: Kurs kostenlos?

Die App kann kostenlos heruntergeladen werden. Die kostenlose Version umfasst den ersten Kurs, das erste geführte Projekt und den ersten Projektpfad, zwei Coding-Missionen, tägliche Lab-Übungen und ein tägliches Kontingent für den KI-Mentor und zeigt Werbung an. Pro schaltet alle Kurse, Projekte, Pfade und Missionen, unbegrenzten KI-Mentor und unbegrenzte Lab-Übungen, die vollständige Fehlerliste im Editor sowie die Zertifikatsprüfung frei und entfernt die Werbung.

Hilft die App bei TypeScript-Interviews?

Ja. Der Interview-Simulator besteht aus 30 zeitlich begrenzten Fragen und endet mit einem bewerteten Bericht. Außerdem gibt es 50 Interviewfragen mit Antworten. Ein Schwächenradar zeigt, welche Themen du noch falsch beantwortest, damit du zum passenden Kurs zurückkehren kannst.

Wie lange dauert es, TypeScript zu lernen?

Wenn du JavaScript bereits kennst, kannst du die Grundlagen von Types, Interfaces und Unions in einigen Wochen mit kurzen täglichen Lektionen lernen. Generics und das fortgeschrittene Typsystem brauchen länger. Die App unterstützt ein gleichmäßiges Lerntempo mit Streaks, XP, Fortschrittsverfolgung und täglichen Erinnerungen zu der von dir gewählten Zeit.

Gibt es ein Zertifikat?

Ja. Pro umfasst eine Zertifikatsprüfung. Wenn du sie bestehst, erhältst du ein Abschlusszertifikat, das du teilen kannst. Es dokumentiert die von dir absolvierten Kursinhalte und ist keine Microsoft-Qualifikation.

Loslegen

Schreib heute dein erstes typisiertes Programm

Kostenlos starten auf iOS und Android – in 22 Sprachen.

App Store — Kostenlos herunterladenGoogle Play — Kostenlos herunterladen
Zuletzt geprüft · Veröffentlicht von CoddyKit · Datenschutzerklärung
Verfügbar auf iOS und Android.