TypeScript de zéro à PRO : les meilleures chaînes YouTube et cours en 2024

Pourquoi TypeScript est un must-have en 2024 ?

Avez-vous déjà écrit du code JavaScript qui fonctionnait « plutôt bien », puis qui plantait soudainement avec l'erreur undefined is not a function ? Si oui — vous savez à quel point c'est agaçant. TypeScript résout ce problème une fois pour toutes. Il ajoute un typage strict à JavaScript, rend le code prévisible et évite les bugs stupides dès la phase de compilation.

Mais il y a un hic : apprendre TypeScript avec une documentation ennuyeuse — c'est mortel. C'est bien plus rapide et intéressant de regarder des chaînes YouTube et cours TypeScript, où tout est expliqué avec des exemples concrets. Nous avons rassemblé pour vous les meilleures ressources pour passer de zéro à développeur confirmé.

D'ailleurs, si vous travaillez déjà avec Python (comme beaucoup de lecteurs de PythonLib), vous serez agréablement surpris : TypeScript a repris beaucoup de bonnes idées du typage statique que vous connaissez avec mypy ou pydantic. Sauf qu'ici, tout est intégré « nativement ».

Top des chaînes YouTube TypeScript

YouTube est le meilleur ami de l'autodidacte. On y trouve aussi bien des leçons gratuites que des playlists complètes. Voici les chaînes qui valent votre temps.

1. TypeScript — la chaîne officielle

Oui, oui, TypeScript a sa propre chaîne YouTube. On y trouve des enregistrements de conférences, des annonces de nouvelles versions et des présentations techniques approfondies par les créateurs du langage. Ce n'est pas pour les débutants, mais pour ceux qui veulent comprendre « comment ça marche sous le capot ».

\n
• Que regarder : la playlist « What's new in TypeScript » — ils y détaillent les fonctionnalités de chaque nouvelle version.
\n
• Niveau : Intermédiaire+
\n
• Avantages : source fiable, informations de première main.
\n
• Inconvénients : peu de pratique, beaucoup de théorie.
\n

2. Web Dev Simplified

La chaîne de Kyle est une mine d'or pour les débutants. Il explique des concepts complexes avec des mots simples, en utilisant des exemples visuels. Il a une excellente playlist TypeScript où il aborde les types, les génériques, les types utilitaires et bien plus.

Exemple de code tiré de sa leçon :

// Un générique simple qui prend un tableau et retourne le premier élément\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 montre comment TypeScript déduit automatiquement le type et explique pourquoi c'est génial.

\n
• Que regarder : la playlist « TypeScript Tutorial for Beginners ».
\n
• Niveau : Junior
\n
• Avantages : vidéos courtes (10-15 minutes), beaucoup de pratique.
\n
• Inconvénients : manque de sujets complexes comme les types conditionnels.
\n

3. Fireship

Si vous voulez « rafraîchir » rapidement vos connaissances ou découvrir une nouvelle fonctionnalité en 100 secondes — Fireship est fait pour vous. Son style : des vidéos ultra-dynamiques avec des mèmes et un montage rapide. Il a sa vidéo culte « TypeScript in 100 Seconds » et des analyses plus approfondies.

Exemple tiré de sa vidéo sur les types utilitaires :

interface User {\n    id: number;\n    name: string;\n    email: string;\n    password: string;\n}\n\n// Mise à jour partielle de l'utilisateur (tous les champs sont optionnels)\ntype PartialUser = Partial<User>;\n\n// Lecture seule\ntype ReadonlyUser = Readonly<User>;\n\n// Sélection des champs souhaités\ntype PublicUser = Pick<User, 'id' | 'name' | 'email'>;

Fireship explique comment ces types utilitaires font gagner des heures de développement.

\n
• Que regarder : « TypeScript - The Basics » et « TypeScript Advanced Tricks ».
\n
• Niveau : de Junior à Senior
\n
• Avantages : très visuel