TypeScript En Partant De Zéro | Udemy

TypeScript En Partant De ZéroRating: 4.6 out of 54.6(370 ratings)1,387 studentsDevelopmentWeb DevelopmentTypescriptPreview this courseTypeScript En Partant De Zéro'Typez' votre JavaScriptCreated byEnzo Ustariz - Web SchoolLast updated 11/2025FrenchFrench [Auto],Preview this course

What you'll 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

Explore related topics

Course content

7 sections • 36 lectures • 4h 5m total lengthExpand all sections

Introduction3 lectures • 9min

• IntroductionPreview3:40
• Éditeur et conseils4:43
• Ressources0:09

Les bases de TypeScript10 lectures • 1hr 24min

• Installation9:42
• Les types de basePreview7:59
• Les tableaux et les objetsPreview10:30
• Les fonctions10:47
• Unions et types6:14
• Tuple et Enum4:56
• Les Interfaces6:41
• DOM13:08
• TSConfigutation13:41
• Le Quizz des types de Bases
• Code Source0:06

Projet clone de Trello10 lectures • 1hr 25min

• Introduction au Projet2:21
• Code source final du projet0:09
• Partie HTML7:05
• Partie CSS11:06
• Détruire un élément11:21
• Ajouter le Toggle12:04
• Ajouter un item et le détruire11:34
• Ajouter un nouveau container11:51
• Le système de drag and drop partie 19:10
• Le système de drag and drop partie 28:15

TypeScript Avancé5 lectures • 34min

• Des astuces avec les types personnalisés et les interfaces11:18
• Les opérateurs9:52
• Overloads4:26
• Generics8:23
• Code source TS Avancé0:02

Les classes et TypeScript4 lectures • 20min

• Les classes de base9:08
• Les champs et le raccourci5:02
• Interfaces et classes5:56
• Le Second Quizz
• Code source0:02

Utiliser TypeScript avec React3 lectures • 14min

• React + typescript installation3:23
• Utiliser des props3:41
• Utiliser une liste, des refs, des events ...7:12

BONUS1 lecture • 1min

• Ressources0:07

Requirements

• Un ordinateur
• Des connaissances en JavaScript
• Des connaissances en HTML/CSS

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 this course is for:

• Developpeur Front-End
• Étudiants en Développement web
• Développeur Back / Full-Stack
• Reconversion pro

Show moreShow lessReport abuse