Premiers pas avec TypeScript pour les débutants

TypeScript est un sur-ensemble puissant de JavaScript qui ajoute le typage statique et d'autres fonctionnalités avancées au langage. Il aide les développeurs à détecter les erreurs plus tôt, à écrire du code plus propre et à gérer plus efficacement les bases de code volumineuses. Dans ce guide, nous vous expliquerons les bases de TypeScript et vous aiderons à vous lancer, même si vous êtes complètement débutant.

Qu'est-ce que TypeScript ?

TypeScript est un langage de programmation open source développé par Microsoft. Il s'appuie sur JavaScript en ajoutant des types statiques, qui peuvent aider à identifier les erreurs au moment de la compilation plutôt qu'à l'exécution. Cela facilite l'écriture de code fiable et maintenable. Le code TypeScript doit être compilé en JavaScript avant de pouvoir être exécuté dans un navigateur ou un environnement Node.js.

Pourquoi utiliser TypeScript ?

• Amélioration de la qualité du code et détection précoce des bugs grâce au typage statique
• De meilleurs outils et des fonctionnalités de saisie semi-automatique dans les IDE modernes
• Lisibilité et maintenabilité améliorées pour les grandes bases de code
• Prend en charge les dernières fonctionnalités JavaScript et les futures normes

Comment installer TypeScript

Avant de pouvoir commencer à utiliser TypeScript, vous devez l'installer sur votre machine. Vous aurez besoin d'installer Node.js et npm (Node Package Manager). Si vous ne les avez pas installés, téléchargez-les depuis le site Web Node.js.

1. Ouvrez votre terminal ou votre invite de commande.
2. Exécutez la commande suivante pour installer TypeScript globalement:

npm install -g typescript

Cette commande installera TypeScript globalement sur votre système, le rendant accessible depuis n'importe quel dossier.

Créer votre premier programme TypeScript

Une fois TypeScript installé, vous pouvez créer votre premier fichier TypeScript. Suivez ces étapes:

1. Créez un nouveau dossier pour votre projet et accédez-y à l'aide du terminal:

mkdir my-first-typescript-app
cd my-first-typescript-app

2. Créez un nouveau fichier TypeScript nommé app.ts:

echo "console.log('Hello, TypeScript!');" > app.ts

Cela crée un fichier TypeScript simple qui enregistre « Bonjour, TypeScript ! » dans la console.

Compilation de TypeScript en JavaScript

Le code TypeScript ne peut pas être exécuté directement par les navigateurs ou Node.js; il doit d'abord être compilé en JavaScript. Vous pouvez compiler votre fichier TypeScript en exécutant la commande suivante dans votre terminal:

tsc app.ts

Cette commande génère un fichier JavaScript nommé app.js dans le même répertoire. Vous pouvez maintenant exécuter le fichier JavaScript compilé à l'aide de Node.js:

node app.js

Vous devriez voir Bonjour, TypeScript ! imprimé sur la console.

Comprendre les types de base dans TypeScript

TypeScript introduit plusieurs types de base qui vous aident à définir la forme et la structure de vos données. Voici quelques types courants:

• Nombre: Représente des valeurs numériques.
• String: Représente des valeurs de texte.
• Booléen: Représente les valeurs vraies ou fausses.
• Tableau: représente une collection de valeurs du même type.
• Tuple: Représente un tableau avec un nombre fixe d'éléments de types différents.
• Enum: représente une collection de constantes nommées.
• Any: représente un type dynamique qui peut contenir n’importe quelle valeur.

Exemple: Utilisation des types dans TypeScript

Regardons un exemple simple qui démontre l’utilisation de différents types dans TypeScript:

let age: number = 30;
let name: string = "John Doe";
let isStudent: boolean = true;
let hobbies: string[] = ["Reading", "Gaming", "Traveling"];
let person: [string, number] = ["Jane", 25];

enum Color {
  Red,
  Green,
  Blue,
}

let favoriteColor: Color = Color.Green;

console.log(age, name, isStudent, hobbies, person, favoriteColor);

Dans cet exemple, nous définissons des variables avec des types spécifiques comme number, string, boolean, array, tuple et enum. Le compilateur TypeScript s'assurera que les variables sont affectées aux types corrects, offrant ainsi une couche de sécurité que JavaScript vanilla n'offre pas.

Conclusion

TypeScript est un excellent choix pour les développeurs qui cherchent à écrire du code plus robuste et plus facile à gérer. En ajoutant des types statiques à JavaScript, TypeScript peut vous aider à détecter les erreurs plus tôt et à fournir une meilleure prise en charge des outils. Dans ce didacticiel, vous avez appris les bases de TypeScript, comment l'installer, écrire un programme simple et utiliser certains de ses types de base. Au fur et à mesure que vous continuez à explorer TypeScript, vous découvrirez de nombreuses autres fonctionnalités puissantes qui peuvent vous aider à améliorer votre flux de travail de développement.