TypeScript de A à Z
ERROR
00:00
00:00

TUTO TypeScript de A à Z

Enzo Ustariz
Promo -52% Jusqu'au 31 mars, 23:00
16,00€33,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction
Chapitre 2
Les bases de TypeScript
Chapitre 3
Projet clone de Trello
Chapitre 4
TypeScript Avancé
Chapitre 5
Les classes et TypeScript
Chapitre 6
Utiliser TypeScript avec React

Plan détaillé du cours

Chapitre 1 : Introduction
08m23s
 
Leçon 1Introduction
Leçon 2Éditeur et conseils
Chapitre 2 : Les bases de TypeScript
1h23m
 
Leçon 1Installation
Leçon 2Les types de base
Leçon 3Les tableaux et les objets
Leçon 4Les fonctions
Leçon 5Unions et types
Leçon 6Tuple et Enum
Leçon 7Les Interfaces
Leçon 8DOM
Leçon 9TSConfigutation
Chapitre 3 : Projet clone de Trello
1h24m
 
Leçon 1Introduction au Projet
Leçon 2Partie HTML
Leçon 3Partie CSS
Leçon 4Détruire un élément
Leçon 5Ajouter le Toggle
Leçon 6Ajouter un item et le détruire
Leçon 7Ajouter un nouveau container
Leçon 8Le système de drag and drop partie 1
Leçon 9Le système de drag and drop partie 2
Chapitre 4 : TypeScript Avancé
34m
 
Leçon 1Des astuces avec les types personnalisés et les interfaces
Leçon 2Les opérateurs
Leçon 3Overloads
Leçon 4Generics
Chapitre 5 : Les classes et TypeScript
20m08s
 
Leçon 1Les classes de base
Leçon 2Les champs et le raccourci
Leçon 3Interfaces et classes
Chapitre 6 : Utiliser TypeScript avec React
14m17s
 
Leçon 1React + typescript installation
Leçon 2Utiliser des props
Leçon 3Utiliser une liste, des refs, des events ...

Avis des apprenants

Détail des avis
13
Apprenants
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Beweb
Beweb
Publié le 23/12/2021
Très bon tuto. Bons exemples. Direct et efficace.

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données