TypeScript von Null auf PRO: Die besten YouTube-Kanäle und Kurse im Jahr 2024

Warum TypeScript im Jahr 2024 ein Must-have ist?

Haben Sie schon einmal JavaScript-Code geschrieben, der „irgendwie normal“ funktionierte und dann plötzlich mit dem Fehler undefined is not a function abstürzte? Wenn ja – Sie wissen, wie nervig das ist. TypeScript löst dieses Problem ein für alle Mal. Es fügt JavaScript eine strenge Typisierung hinzu, macht den Code vorhersagbar und rettet vor dummen Bugs bereits in der Kompilierungsphase.

Es gibt jedoch einen Haken: TypeScript anhand von langweiliger Dokumentation zu lernen, ist todlangweilig. Viel schneller und interessanter ist es, YouTube-Kanäle und Kurse zu TypeScript anzusehen, wo alles anhand von realen Beispielen erklärt wird. Wir haben für Sie die besten Ressourcen zusammengestellt, die Ihnen helfen, von Null zu einem sicheren Entwickler zu werden.

Übrigens: Wenn Sie bereits mit Python arbeiten (wie viele Leser von PythonLib), werden Sie angenehm überrascht sein: TypeScript hat viele gute Ideen aus der statischen Typisierung übernommen, die Sie von mypy oder pydantic kennen. Nur ist hier alles „out of the box“ integriert.

Top YouTube-Kanäle zu TypeScript

YouTube ist der beste Freund des Selbstlerners. Dort finden Sie sowohl kostenlose Lektionen als auch vollständige Playlists. Hier sind Kanäle, die Ihre Zeit wert sind.

1. TypeScript – Offizieller Kanal

Ja, TypeScript hat einen eigenen YouTube-Kanal. Dort werden Konferenzaufzeichnungen, Ankündigungen neuer Versionen und tiefgehende technische Vorträge von den Sprachentwicklern veröffentlicht. Das ist nichts für Anfänger, aber für diejenigen, die verstehen wollen, „wie es unter der Haube funktioniert“.

\n
• Was ansehen: Playlist „What's new in TypeScript“ – dort werden die Funktionen jeder neuen Version besprochen.
\n
• Niveau: Middle+
\n
• Vorteile: maßgebliche Quelle, Informationen aus erster Hand.
\n
• Nachteile: wenig Praxis, viel Theorie.
\n

2. Web Dev Simplified

Kyles Kanal ist eine Goldgrube für Anfänger. Er erklärt komplexe Dinge mit einfachen Worten und verwendet anschauliche Beispiele. Er hat eine hervorragende Playlist zu TypeScript, in der er Typen, Generics, Utility-Typen und vieles mehr behandelt.

Codebeispiel aus seiner Lektion:

// Ein einfaches Generic, das ein Array nimmt und das erste Element zurückgibt\nfunction getFirstElement<T>(arr: T[]): T | undefined {\n    return arr[0];\n}\n\nconst numbers = [1, 2, 3];\nconst firstNumber = getFirstElement(numbers); // Typ: number | undefined\n\nconst strings = ['a', 'b', 'c'];\nconst firstString = getFirstElement(strings); // Typ: string | undefined

Kyle zeigt, wie TypeScript automatisch den Typ ableitet, und erklärt, warum das cool ist.

\n
• Was ansehen: Playlist „TypeScript Tutorial for Beginners“.
\n
• Niveau: Junior
\n
• Vorteile: kurze Videos (10-15 Minuten), viel Praxis.
\n
• Nachteile: es fehlen komplexe Themen wie Conditional Types.
\n

3. Fireship

Wenn Sie Ihr Wissen schnell „auffrischen“ oder in 100 Sekunden etwas über eine neue Funktion erfahren möchten, ist Fireship Ihre Wahl. Sein Stil sind super-dynamische Videos mit Memes und schnellem Schnitt. Er hat das Kultvideo „TypeScript in 100 Seconds“ und tiefgehendere Analysen.

Beispiel aus seinem Video über Utility Types:

interface User {\n    id: number;\n    name: string;\n    email: string;\n    password: string;\n}\n\n// Benutzer teilweise aktualisieren (alle Felder optional)\ntype PartialUser = Partial<User>;\n\n// Nur zum Lesen\ntype ReadonlyUser = Readonly<User>;\n\n// Nur die benötigten Felder auswählen\ntype PublicUser = Pick<User, 'id' | 'name' | 'email'>;

Fireship erklärt, wie diese Utility-Types Stunden an Entwicklungszeit sparen.

\n
• Was ansehen: „TypeScript - The Basics“ und „TypeScript Advanced Tricks“.
\n
• Niveau: von Junior bis Senior
\n
• Vorteile: sehr anschaulich