TypeScript

1. 1

   Hallo, TypeScript

   Hier ist ein kleines JavaScript-Programm, das durch und durch kaputt ist und das JavaScript trotzdem bereitwillig ausführt:

   What TypeScript isTsc compile stepRunning a .ts fileThe play button
   20 Min.
2. 2

   Type Basics

   Eine .ts-Datei kannst du bereits ausführen. Jetzt lernen wir die einfachsten Bausteine kennen: die primitiven Typen, die TypeScript mitbringt, und...

   Primitive typesStringNumberBooleanNullUndefined+3
   25 Min.
3. 3

   Arrays und Tuples

   Ein einzelner Wert reicht selten. Du hast eine Liste von Temperaturen, eine Liste von Namen, eine Liste von Preisen. Und in dem Moment, in dem du...

   Array typesReadonly arraysTuple typesFixed-length tuplesNamed tuple elements
   25 Min.
4. 4

   Object Types und Interfaces

   Mit Primitiven und Arrays kommst du weit, aber die meisten echten Daten haben eine Form: Ein Nutzer hat einen Namen und ein Alter, ein Request hat...

   Object literal typesInterface keywordRequired vs optional propertiesStructural typingExcess property checks
   25 Min.
5. 5

   Funktionen

   In Funktionen steckt der Großteil der Bugs, und dort zahlen sich Typen am meisten aus. Die Signatur einer Funktion (ihre Parameter und ihr...

   Parameter typesReturn typesVoid returnDefault parametersRest parametersFunction type expressions+1
   25 Min.
6. 6

   Union und Literal Types

   Manche Werte sind nicht nur eines. Eine Funktion, die einen Benutzer sucht, findet entweder einen oder eben nicht. Ein Formularfeld enthält entweder...

   Union typesString literal typesNumeric literal typesLiteral narrowing with as constUnion of object shapes
   25 Min.
7. 7

   Type Narrowing

   Eine Union sagt "dieser Wert ist einer von mehreren Typen". Narrowing ist der Vorgang, mit dem der Compiler herausfindet, welcher davon, und zwar...

   Typeof narrowingTruthiness narrowingEquality narrowingIn operator narrowingInstanceof narrowingDiscriminated unions+1
   30 Min.
8. 8

   Type Aliases vs Interfaces

   Bisher hast du Objektformen direkt an Ort und Stelle hingeschrieben, und das ging gut, weil die Formen klein waren. Hier nun eine Funktionssignatur...

   Type aliasesInterface declarationsExtending interfacesIntersection typesDeclaration mergingWhen to pick which
   20 Min.
9. 9

   Optional, Readonly und Nullable

   Der mit Abstand häufigste Laufzeitfehler in JavaScript liest sich so:

   Optional propertiesReadonly propertiesNon-null assertion operatorOptional chainingNullish coalescingStrictNullChecks
   25 Min.
10. 10

    Enums

    Manche Werte stammen aus einer kurzen, festen Liste. Eine Bestellung ist offen, versendet oder zugestellt. Eine Log-Zeile ist debug, info, warn oder...

    Numeric enumsString enumsConst enumsEnums vs string literal unionsReverse mapping caveats
    20 Min.
11. 11

    Generics

    Du brauchst eine Funktion, die ein Array nimmt und dessen erstes Element zurückgibt. Leicht:

    Generic functionsGeneric interfacesType parametersType inference for genericsBounded generics with extendsDefault type parameters
    30 Min.
12. 12

    Classes

    Hier ein Bankkonto als einfaches Objekt geschrieben:

    Class declarationsConstructorsInstance propertiesAccess modifiers (public, private, protected)Readonly fieldsParameter properties+1
    25 Min.
13. 13

    Vererbung und Abstract Classes

    Du hast drei Klassen für ein Zahlungssystem geschrieben: CardPayment, BankTransfer und Voucher. Alle drei haben einen amount, eine currency und ein...

    Extends keywordSuper callsMethod overrideAbstract classesAbstract methodsImplements with interface
    25 Min.
14. 14

    Module

    Jede TypeScript-Datei ist ihr eigenes Modul. In dem Moment, in dem eine Datei ein import oder export enthält, sind ihre Namen auf oberster Ebene...

    ES module syntaxNamed exportsDefault exportType-only importsRe-exportsModule resolution basics
    25 Min.
15. 15

    Utility Types

    TypeScript bringt eine kleine Sammlung generischer Typen mit, die einen Typ entgegennehmen und einen umgeformten Typ zurückgeben. Ihre Namen sind...

    Partial<T>Required<T>Readonly<T>Pick<T, K>Omit<T, K>Record<K, V>+2
    30 Min.
16. 16

    Mapped und Conditional Types

    Die Utility Types, die du gerade benutzt hast (Partial, Pick, Record, ReturnType), sind alle aus zwei Sprachfeatures gebaut: Mapped Types, um Keys...

    Keyof operatorMapped types syntaxKey remapping with asConditional typesInfer keywordDistributive conditional types
    30 Min.
17. 17

    Declaration Files und Libraries

    Du installierst eine Bibliothek, importierst sie, und der Editor liefert sofort Autovervollständigung, Parameterhinweise und die exakte Form jedes...

    .d.ts filesDefinitelyTyped (@types packages)Ambient declarationsDeclare moduleTypeRoots and types option
    25 Min.
18. 18

    tsconfig und der Compiler

    tsconfig.json ist die Datei, die der TypeScript-Compiler liest, um herauszufinden, was er kompilieren soll und wie. Es gibt über hundert Optionen,...

    Tsconfig.jsonStrict modeTarget and libModule and moduleResolutionOutDir and rootDirIncremental and watch+1
    30 Min.

Jede Lektion, jedes Quiz und jede Tutor-Antwort erscheint in deiner Sprache. Der KI-Tutor antwortet in der Sprache, in der du fragst.

See how hiring teams interview engineers on TypeScript, in production-like environments.