What You Will Learn!
- Apprendre à utiliser TypeScript
- Apprendre à typer ses variables avec TypeScript
- Aprendre à utiliser les Types spéciaux de TS
- Apprendre à utiliser TypeScript avec des classes
- Apprendre à mettre en place TypeScript + React
Description
TypeScript, ou l'art de typer JavaScript de manière plus stricte.
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 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
etc ...
2. Projet Cloner Trello
Cloner les fonctionnalités du site Trello
Drag and drop
Création d'éléments
Supprimer des éléments
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 et typer des props
Utiliser des refs
Retourner une liste
Utiliser des évenements
Pour ce qui est du cours en lui même nous allons utiliser VS Code,mais on peut le suivre avec n'importe quel éditeur de code.
Nous allons créer des dossiers contenant le code source de chaque leçon, de façon à ce que tu puisses revenir dessus même lorsque sera terminé, en lisant tes notes et en regardant les exemples proposés.
Si tout ça tefait envie,et si tu as besoind'apprendre TypeScript,rendez-vous de l'autre côté pour commencer à coder.
Who Should Attend!
- Developpeur Front-End
- Étudiants en Développement web
- Développeur Back / Full-Stack
- Reconversion pro
