Créer des applications JavaScript à l’aide de TypeScript

Intermédiaire
Étudiant
Développeur
Azure

TypeScript offre toutes les fonctionnalités de JavaScript, ainsi qu’une couche supplémentaire : le système de type TypeScript. Dans ce parcours d’apprentissage, découvrez comment l’utilisation de TypeScript pour le développement JavaScript peut vous aider à créer du code plus fiable, à réduire les erreurs de type runtime, à tirer parti des fonctionnalités modernes avant qu’elles ne soient disponibles dans JavaScript et à améliorer la collaboration avec les équipes de développement.

Prérequis

  • Connaissances de base des langages HTML et JavaScript ES6/2015, notamment :
    • Conditions
    • Fonctions
    • Étendue
    • Tableaux
    • Boucles
    • Iterators
    • Objets
    • Classes
    • Modules
  • Logiciel installé :

Modules de ce parcours d’apprentissage

Ce module présente le langage TypeScript, explique pourquoi il a été créé et comment l’utiliser pour le développement JavaScript. Vous allez également configurer un environnement de développement TypeScript pour des exercices ultérieurs.

JavaScript est un langage dynamiquement typé. Cette caractéristique, qui facilite la déclaration des variables, peut, dans certains cas, entraîner des résultats inattendus. Le système de type statique en TypeScript vous permet de décrire la forme d’un objet, ce qui améliore la documentation et permet à TypeScript de valider le bon fonctionnement de votre code. En TypeScript, les déclarations des espaces de noms, des classes, des propriétés, des fonctions, des variables et d’autres entités de langage associent des types à ces entités. La façon dont un type est formé et associé à une entité de langage dépend de l’entité. Ce module présente certains des types disponibles et montre comment les associer à des variables. Les modules ultérieurs s’intéressent à la manière dont les interfaces, les fonctions et les classes utilisent le typage statique.

JavaScript ne prend pas en charge les interfaces. Il est donc possible qu’en tant que développeur JavaScript, vous ne soyez pas habitué à les utiliser. En TypeScript, vous pouvez utiliser des interfaces comme vous le feriez avec la programmation orientée objet traditionnelle. Vous pouvez également utiliser des interfaces pour définir des types d’objets, ce qui est le principal objectif de ce module.

Si vous savez comment écrire des fonctions en JavaScript, vous savez comment écrire des fonctions en TypeScript. Mais TypeScript ajoute de nouvelles fonctionnalités aux fonctions JavaScript standard pour faciliter leur utilisation.

Les classes dans TypeScript étendent les possibilités d’ES6 en ajoutant des fonctionnalités spécifiques à TypeScript, comme des annotations de type pour les membres de classe, des modificateurs d’accès et la possibilité de spécifier des paramètres obligatoires ou facultatifs. Un autre avantage de l’utilisation de TypeScript est que vous pouvez l’utiliser pour développer avec des classes, puis les compiler en code JavaScript qui fonctionne sur tous les principaux navigateurs et plateformes, selon les besoins.

Les génériques sont des modèles de code que vous pouvez définir et réutiliser dans votre codebase. Ils offrent un moyen d’indiquer aux fonctions, classes ou interfaces le type que vous souhaitez utiliser lorsque vous l’appelez.

TypeScript offre deux outils pour organiser le code : les espaces de noms et les modules. Ce module Learn présente les modules TypeScript (appelés « modules externes » dans les versions précédentes).

TypeScript offre deux façons d’organiser le code : les espaces de noms et les modules. Ce module explique comment organiser le code TypeScript à l’aide d’espaces de noms.