TypeScript, ou l'art de typer JavaScript de manière plus stricte.
TypeScript a été créé par des gens qui n'aimaient pas 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 classique.
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 cette formation TypeScript en ligne ?
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 événements
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.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Si tout ça te fait envie et si tu as besoin d'apprendre TypeScript, rendez-vous de l'autre côté pour commencer à coder.
Table des matières de cette formation TypeScript (durée : 4h05m)
-
Introduction
- Introduction gratuit 00:03:40
- Éditeur et conseils gratuit 00:04:43
-
Les bases de TypeScript
- Installation gratuit 00:09:42
- Les types de base 00:08:00
- Les tableaux et les objets 00:10:30
- Les fonctions 00:10:48
- Unions et types 00:06:15
- Tuple et Enum 00:04:56
- Les Interfaces 00:06:41
- DOM 00:13:08
- TSConfigutation 00:13:41
-
Projet clone de Trello
- Introduction au Projet 00:02:22
- Partie HTML 00:07:06
- Partie CSS 00:11:07
- Détruire un élément 00:11:22
- Ajouter le Toggle 00:12:05
- Ajouter un item et le détruire 00:11:35
- Ajouter un nouveau container 00:11:51
- Le système de drag and drop partie 1 00:09:10
- Le système de drag and drop partie 2 00:08:16
-
TypeScript Avancé
- Des astuces avec les types personnalisés et les interfaces 00:11:18
- Les opérateurs 00:09:53
- Overloads 00:04:26
- Generics 00:08:23
-
Les classes et TypeScript
- Les classes de base 00:09:08
- Les champs et le raccourci 00:05:57
- Interfaces et classes 00:05:03
-
Utiliser TypeScript avec React
- React + typescript installation 00:03:23
- Utiliser des props 00:03:42
- Utiliser une liste, des refs, des events ... 00:07:12
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Enzo Ustariz
-
Très bon tuto. Bons exemples. Direct et efficace.
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissé