Icône de l’application Apprendre TypeScript: Cours

Apprendre TypeScript: Cours

Éducation · Gratuit · iOS & Android · CoddyKit

Apprendre TypeScript: Cours — Apprenez TypeScript avec un vérificateur de types dans votre poche

Apprendre TypeScript: Cours est une application gratuite pour iOS et Android qui vous permet d’apprendre TypeScript en écrivant du code. Le compilateur s’exécute sur l’appareil : les erreurs de typage sont donc soulignées au fur et à mesure de la saisie, et les 101 cours vous accompagnent de votre première annotation jusqu’aux unions, aux génériques et aux types conditionnels, puis à React, Node.js et tRPC. Un Mentor IA explique en langage clair chaque message du compilateur.

App Store — Télécharger gratuitementGoogle Play — Télécharger gratuitement
Prix
Gratuit, mise à niveau Pro
Plateformes
iOS et Android
Langues
22
Âge recommandé
4+
Configuration requise
iOS 15.1 ou version ultérieure
App Store
3.0 ★ (1)
Écran d’accueil de TypeScript Academy avec le parcours d’apprentissage, un bouton « Start First Lesson » et un objectif quotidienPage du cours Introduction to TypeScript avec la progression globale et la première leçon indiquée comme gratuite
101Cours allant des premiers types jusqu’au niveau C2
En temps réelVérification des types dans l’éditeur
24Énigmes Type Gym
Pour apprendre les types rapidement, rien de tel que de voir le soulignement rouge apparaître.

Toute la raison d’être de TypeScript repose sur cette boucle de rétroaction : écrivez quelque chose d’incorrect, voyez exactement où et pourquoi c’est incorrect, puis corrigez-le. L’éditeur vérifie vos types pendant la saisie et Type Explorer affiche le type attribué à une valeur par le compilateur : les concepts sont ainsi présentés avec les erreurs qu’ils permettent d’expliquer.

Ce que c’est

Apprendre TypeScript: Cours est une application gratuite pour iOS et Android qui vous apprend TypeScript avec un véritable compilateur exécuté sur le téléphone. Ses 101 cours et 352 leçons, de niveau A1 à C2, couvrent les types de base, les interfaces, les unions, le narrowing, les génériques, les types conditionnels et mappés, le mot-clé infer, le mode strict et tsconfig, ainsi que des projets concrets avec React, Node.js, Zod, Jest et tRPC. L’éditeur souligne les erreurs de typage pendant la saisie, tandis que les énigmes, les projets guidés, les missions de programmation, le simulateur d’entretien et un Mentor IA vous offrent davantage de pratique.

Dans l’application

À quoi elle ressemble

Écran d’accueil de TypeScript Academy avec le parcours d’apprentissage, un bouton « Start First Lesson » et un objectif quotidien
Parcours d’apprentissageL’écran d’accueil avec votre parcours d’apprentissage, un bouton « Start First Lesson » et un objectif quotidien.
Page du cours Introduction to TypeScript avec la progression globale et la première leçon indiquée comme gratuite
Présentation du coursIntroduction to TypeScript avec ses leçons, comme What is TypeScript et Setting Up TypeScript, ainsi qu’une barre de progression.
Leçon sur les interfaces et les alias de type avec un exemple de code TypeScript modifiable
Leçon avec du codeUne leçon sur les interfaces et les alias de type, avec un exemple que vous pouvez modifier et exécuter.
Écran de discussion avec l’IA et des suggestions de questions sur TypeScript Academy
Mentor IALa discussion avec l’IA propose des questions pour expliquer les concepts clés, obtenir des conseils d’apprentissage, répondre à un quiz ou suivre une feuille de route.
Écran d’accueil avec le parcours d’apprentissage, l’objectif quotidien, une carte de demande de fonctionnalité et le Skill Hub
Objectif quotidien et Skill HubObjectif quotidien, demandes de fonctionnalité et Skill Hub sur l’écran d’accueil.

Le cours

Ce que couvre le cours TypeScript

101 cours dans la liste de cours de l’application, classés de A1 à C2. Voici les principaux axes, avec les vrais noms des cours.

  1. Types et variables pour commencer

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

  2. Fonctions, objets et types du quotidien

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

  3. Narrowing, classes et generics

    Type Narrowing and Type Guards, Classes and Access Modifiers, Generics Basics, Index Signatures, ainsi que les opérateurs typeof et keyof.

  4. Utility types et code fiable

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

  5. Types avancés

    Advanced Generics with Constraints and Conditional Types, Mapped Types and Template Literal Types, Discriminated Unions and Exhaustiveness, ainsi que l’opérateur satisfies.

  6. TypeScript dans des projets réels

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

  7. Migration et outils

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

  8. Programmation au niveau des types

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

Fonctionnement

Déroulement d’une leçon TypeScript

Les leçons sont courtes et le compilateur intervient dans chacune d’elles.

  1. Lisez une courte explication

    Chaque leçon dure cinq à dix minutes et associe une explication claire à un petit exemple, comme la différence entre une interface et un alias de type.

  2. Écrivez du code et observez les types

    Saisissez votre code dans l’éditeur : les erreurs sont soulignées en temps réel. Type Explorer affiche le type à l’emplacement du curseur, y compris les membres d’une union, et vous pouvez exécuter le programme pour voir son résultat.

  3. Mettez vos connaissances en pratique, puis demandez de l’aide si nécessaire

    Des questions et de petites tâches de programmation clôturent chaque thème, avec des énigmes dans Type Gym et du code défectueux à réparer dans Debug Arena. Si une contrainte générique ou un message du compilateur vous semble confus, le Mentor IA vous l’explique.

Contenu

Ce que l’application comprend

101

Cours allant des premiers types jusqu’au niveau C2

352 leçons de niveau A1 à C2, de l’importance des types et des types de base jusqu’à l’API du compilateur TypeScript et la création d’analyseurs à typage sûr.

En temps réel

Vérification des types dans l’éditeur

Les erreurs de typage sont soulignées pendant la saisie, Type Explorer affiche le type sous le curseur et les outils IA peuvent analyser votre programme et suggérer une correction que vous pouvez appliquer.

24

Énigmes Type Gym

24 énigmes de typage, plus une énigme du jour, ainsi qu’une Debug Arena où vous devez réparer du code défectueux avant la fin du temps imparti.

20

Projets guidés et 60 missions

De petits programmes construits étape par étape, chaque étape étant vérifiée lors de son exécution, ainsi que 60 missions de programmation réparties sur trois niveaux, de Hello World aux algorithmes.

30

Simulateur d’entretien

Un ensemble chronométré de 30 questions avec un rapport évalué, complété par 50 questions d’entretien avec leurs réponses et un radar des points faibles indiquant les thèmes auxquels vous répondez encore incorrectement.

IA

Mentor IA

Posez une question sur une erreur du compilateur ou une contrainte générique et obtenez une explication en langage clair.

Contexte

Pourquoi apprendre TypeScript quand vous connaissez déjà JavaScript ?

TypeScript est JavaScript auquel on a ajouté un système de typage statique. Vous décrivez la structure de vos données, le compilateur vérifie chaque utilisation avant l’exécution du code, puis les types sont supprimés lors de la compilation vers du JavaScript classique. C’est pourquoi React, Angular et Node utilisent si souvent TypeScript : vous gardez le même langage, avec une autocomplétion de l’éditeur qui connaît votre code, et toute une catégorie de bugs du type « undefined is not a function » détectés lors du build. Si vous savez lire du JavaScript, vous connaissez déjà l’essentiel pour commencer.

Annotations et inférence de typescommencez ici

Vous pouvez annoter une variable ou un paramètre de fonction avec un type, et TypeScript en déduit automatiquement de nombreux types à partir de la valeur que vous affectez. Savoir quand écrire un type et quand laisser l’inférence s’en charger est la première compétence pratique à acquérir.

Unions et narrowingle pilier du quotidien

Un type union indique qu’une valeur peut être de plusieurs types. Le narrowing, obtenu grâce aux vérifications typeof, aux égalités et aux type guards personnalisés, indique au compilateur lequel s’applique dans une branche. Les unions discriminées permettent ensuite de vérifier que tous les cas sont traités.

Génériquesflexibles, mais toujours sûrs

Les génériques permettent à une fonction ou à un type de fonctionner avec de nombreux types sans recourir à any. Les contraintes, avec le mot-clé extends, indiquent ensuite ce qu’un paramètre de type doit être capable de faire.

Types utilitaires, mappés et conditionnelslà où le système de types devient expressif

Partial, Pick, Omit et Record sont construits à partir de types mappés et conditionnels. Une fois ces notions comprises, avec le mot-clé infer, vous pouvez écrire vos propres types utilitaires au lieu de les copier.

tsconfig et mode strictle niveau de rigueur du compilateur

Les options du compilateur déterminent le niveau de signalement de TypeScript. Activer le mode strict rend les types fiables, tout en permettant de migrer progressivement un projet JavaScript existant, fichier par fichier.

Pour qui

À qui elle s’adresse — et à qui elle ne s’adresse pas

Cette application vous convient si vous

  • Écrivez en JavaScript et voyez constamment TypeScript dans les offres d’emploi et les bases de code
  • Utilisez React ou Node et voulez du code typé de bout en bout
  • Êtes débutant et préférez apprendre le langage typé dès le départ
  • Apprenez mieux grâce aux retours du compilateur et à de petites énigmes, plutôt qu’en vous contentant de lire
  • Avez un projet JavaScript et voulez le migrer fichier par fichier

Ce n’est pas le bon outil si vous

  • N’avez jamais écrit de code et voulez découvrir un premier langage expliqué depuis zéro, puisque les leçons supposent que vous savez lire du code
  • Devez développer un grand projet dans un IDE complet, ce qui nécessite toujours un ordinateur portable
  • Pensez que tout devrait être gratuit, car le premier cours est gratuit et Pro débloque le reste
  • Voulez suivre un cours officiel de Microsoft, puisque l’application est indépendante

Questions

Foire aux questions

Quelle est la meilleure façon d’apprendre TypeScript sur un téléphone ?

Utilisez un outil qui vérifie réellement vos types, plutôt que de vous proposer uniquement du texte à lire. Apprendre TypeScript: Cours exécute le compilateur sur l’appareil, souligne les erreurs de type pendant la saisie et associe 101 cours à des énigmes de types, des projets guidés et un mentor IA. L’application est gratuite au démarrage sur iOS et Android, dans 22 langues.

Puis-je apprendre TypeScript sans connaître JavaScript ?

Oui, mais il est utile de commencer par lire un peu de JavaScript, car TypeScript est JavaScript avec des types. Apprendre TypeScript: Cours commence par expliquer l’importance des types et les types de base, puis un cours compare TypeScript à JavaScript dès le début. Les débutants qui veulent apprendre le langage typé dès le premier jour font partie des publics auxquels l’application s’adresse.

Quelle est la différence entre TypeScript et JavaScript ?

TypeScript ajoute un système de types statique à JavaScript. Le compilateur vérifie votre code par rapport aux types que vous déclarez ou qu’il déduit, puis les supprime : le code exécuté est donc du JavaScript classique. Cela permet de détecter les erreurs plus tôt et d’obtenir une meilleure saisie automatique dans l’éditeur, au prix d’une étape de build et de quelques règles de syntaxe supplémentaires à apprendre.

L’application vérifie-t-elle mon TypeScript avec un vrai compilateur ?

Oui. Le compilateur TypeScript s’exécute sur l’appareil : l’éditeur souligne donc les erreurs de type pendant la saisie, et Type Explorer affiche le type à l’emplacement du curseur. Vous pouvez également exécuter votre code et voir le résultat. L’application précise que TypeScript est une marque commerciale de Microsoft Corporation et qu’elle n’est pas affiliée à Microsoft.

Que sont les generics dans TypeScript et comment l’application les enseigne-t-elle ?

Les generics permettent à une fonction ou à un type de fonctionner avec de nombreux types tout en restant type-safe, plutôt que de recourir à any. L’application les enseigne progressivement : elle commence par les fonctions et types génériques, puis aborde les contraintes, les conditional types, les mapped types, les template literal types et le mot-clé infer, avec des énigmes à pratiquer dans le Type Gym.

Le cours couvre-t-il TypeScript avec React et Node.js ?

Oui. Les cours consacrés aux projets réels incluent TypeScript avec les props et les hooks de React, TypeScript avec Node.js et Express, les clients d’API type-safe, la validation à l’exécution avec Zod, les tests avec Jest, GraphQL, tRPC et Next.js. Un cours de migration montre comment adopter progressivement TypeScript dans un projet JavaScript existant.

Apprendre TypeScript: Cours est-il gratuit ?

L’application est gratuite à télécharger. La version gratuite comprend le premier cours, le premier projet guidé et le premier parcours de projet, deux missions de programmation, la pratique quotidienne dans le Lab et un quota quotidien de mentor IA, et elle affiche des publicités. Pro débloque tous les cours, projets, parcours et missions, une utilisation illimitée du mentor IA et du Lab, la liste complète des erreurs dans l’éditeur et l’examen de certification, tout en supprimant les publicités.

L’application aide-t-elle à se préparer aux entretiens TypeScript ?

Oui. Le simulateur d’entretien propose 30 questions chronométrées et se termine par un rapport évalué. Vous disposez également de 50 questions d’entretien avec leurs réponses. Un radar Weakness indique les sujets sur lesquels vous vous trompez encore, afin que vous puissiez reprendre le cours approprié.

Combien de temps faut-il pour apprendre TypeScript ?

Si vous connaissez déjà JavaScript, vous pouvez apprendre les bases des types, des interfaces et des unions en quelques semaines de courtes leçons quotidiennes. Les generics et le système de types avancé demandent davantage de temps. L’application vous aide à garder un rythme régulier grâce aux séries, à l’XP, au suivi de la progression et aux rappels quotidiens à l’heure de votre choix.

Y a-t-il un certificat ?

Oui. Pro inclut un examen de certification, et sa réussite vous permet d’obtenir un certificat de fin de formation à partager. Il atteste le travail effectué dans le cadre du cours et ne constitue pas une qualification Microsoft.

Commencer

Écrivez votre premier programme typé dès aujourd’hui

Gratuit pour commencer sur iOS et Android, en 22 langues.

App Store — Télécharger gratuitementGoogle Play — Télécharger gratuitement
Dernière vérification · Publié par CoddyKit · Politique de confidentialité
Disponible sur iOS et Android.