TypeScript from Zero to PRO: Best YouTube Channels and Courses in 2024

Why TypeScript is a Must-Have in 2024?

Have you ever written JavaScript code that worked "sort of fine," and then suddenly crashed with an error undefined is not a function? If so — you know how infuriating it is. TypeScript solves this problem once and for all. It adds strict typing to JavaScript, makes code predictable, and saves you from silly bugs at compile time.

But there's a catch: learning TypeScript from boring documentation is a drag. It's much faster and more interesting to watch YouTube channels and courses on TypeScript where everything is explained with real examples. We've gathered the best resources for you to level up from zero to a confident developer.

By the way, if you already work with Python (like many PythonLib readers), you'll be pleasantly surprised: TypeScript has adopted many good ideas from static typing, familiar to you from mypy or pydantic. Only here, everything is built-in "out of the box."

Top YouTube Channels on TypeScript

YouTube is a self-learner's best friend. You can find both free lessons and full playlists there. Here are channels worth your time.

1. TypeScript — Official Channel

Yes, TypeScript has its own YouTube channel. It features conference recordings, announcements of new versions, and deep technical talks from the language's creators. It's not for beginners, but for those who want to understand "how it works under the hood."

\n
• What to watch: the "What's new in TypeScript" playlist — they break down features of each new version.
\n
• Level: Middle+
\n
• Pros: authoritative source, first-hand information.
\n
• Cons: little practice, lots of theory.
\n

2. Web Dev Simplified

Kyle's channel is a goldmine for beginners. He explains complex things in simple terms using clear examples. He has an excellent TypeScript playlist where he covers types, generics, utility types, and much more.

Code example from his lesson:

// A simple generic that takes an array and returns the first element\nfunction getFirstElement<T>(arr: T[]): T | undefined {\n    return arr[0];\n}\n\nconst numbers = [1, 2, 3];\nconst firstNumber = getFirstElement(numbers); // type: number | undefined\n\nconst strings = ['a', 'b', 'c'];\nconst firstString = getFirstElement(strings); // type: string | undefined

Kyle shows how TypeScript automatically infers the type and explains why that's cool.

\n
• What to watch: the "TypeScript Tutorial for Beginners" playlist.
\n
• Level: Junior
\n
• Pros: short videos (10-15 minutes), lots of practice.
\n
• Cons: lacks complex topics like conditional types.
\n

3. Fireship

If you want to quickly "refresh" your knowledge or learn about a new feature in 100 seconds — Fireship is your choice. His style is super-dynamic videos with memes and fast editing. He has the iconic video "TypeScript in 100 Seconds" and more in-depth breakdowns.

Example from his video on utility types:

interface User {\n    id: number;\n    name: string;\n    email: string;\n    password: string;\n}\n\n// Partially update the user (all fields optional)\ntype PartialUser = Partial<User>;\n\n// Read-only\ntype ReadonlyUser = Readonly<User>;\n\n// Pick only the needed fields\ntype PublicUser = Pick<User, 'id' | 'name' | 'email'>;

Fireship explains how these utility types save hours of development.

\n
• What to watch: "TypeScript - The Basics" and "TypeScript Advanced Tricks".
\n
• Level: from Junior to Senior
\n
• Pros: very visual