TypeScript de A à Z

TypeScript, ou l'art de 'typer' JavaScript

TypeScript a été créé pour pallier à la trop grande liberté qu'impliquait JavaScript.En effet, contrairement à d'autres langages, JavaScript est beaucoup plus libre au niveau du typage de ses variables, paramètres, classes, etc ...

Le but de TS

Le but de TS est donc de rajouter des fonctionnalités qui nous permettront de coder de manière plus stricte, évitant donc des erreurs en amont, au moment du développement .

Car ce qu'il faut bien comprendre, c'est qu'on n'envoie pas de fichiers typescript sur les serveurs, il faut au préalable les compiler en fichiers JavaScript classiques.

C'est pour ça qu'on appelle TypeScript un "superset", un langage au dessus de JavaScript, qui se traduit ensuite en JS.

De quoi va se composer le cours ?

1. Découverte de TypeScript

• Installation et compilation
• Utiliser les types de base (number/string/boolean...)
• Gérer les objets et les tableaux
• Comprendre les "Enums"
• Utiliser les "Tuples"
• Les types personnalisés
• Les unions
• Les interfaces
• Le DOM

2. Projet  Cloner Trello

• Cloner les fonctionnalités du site Trello
• Drag and drop
• Création d'éléments
• Supprimer des éléments
• Utiliser les "Tuples"
• Etc ...

3. Astuces et fonctionnalités avancées avec TypeScript

• Les "Generics"
• Overloads
• Comprendre les opérateurs
• Unions discriminantes, merging, etc ...

4. Utiliser les classes avec TypeScript

• Utiliser une classe de base (champs, constructeurs)
• Les champs spéciaux
• Utiliser les interfaces avec les classes
• etc ..

5. Utiliser TypeScript avec React

• Mettre en place une app React + TS
• Utiliser des refs
• Retourner une liste
• Utiliser des évenements

Besoin d'aide ?

Rejoignez la communauté sur Discord, ou suivez les tutoriels de l'École du Web sur Youtube.