Do you like it? Do you have suggestions? Let us know on Discord!

Assistance

✨ New Version

Do you like it? Do you have suggestions? Let us know on Discord!

‌

Assistance

‌

Formation TypeScript

Name: Formation TypeScript
Price: 70 EUR
Availability: InStock

Perfectionnez votre maîtrise de JavaScript grâce à TypeScript : un langage de programmation signé Microsoft qui permet d'ajouter des typages statiques pour rendre plus facilement maintenable son code.

All Levels

15 heures

4.9 / 5

4,995 reviews

135 learners

Overview

This course is not available in your language.

Bienvenue dans notre formation TypeScript !

Si vous avez envie de perfectionner votre maîtrise de JavaScript, vous êtes au bon endroit.

Créé comme réponse aux aspects "négatifs" de JavaScript, Microsoft a développé TypeScript, un langage de programmation qui reprend toutes les fonctionnalités de JavaScript, en y ajoutant une couche de règles et de typages statiques.

En d'autres termes, TypeScript permet de définir à l'avance les types de données que nous souhaitons récupérer.

Sa puissance est telle que TypeScript est aujourd'hui utilisé dans l'immense majorité des entreprises : Netflix, Facebook ou encore Google.

Apprenez dès aujourd'hui à maîtriser l'un des langages de programmation qui met tout le monde d'accord.

Course Outline

Section 1

Avant de commencer

On prend le temps de faire connaissance pour bien démarrer cette formation TypeScript ! Ici, on apprend à poser nos questions et à réussir notre formation.

Bienvenue dans cette formation !

Prérequis

Comment réussir cette formation ?

Comment poser mes questions ?

Section 2

Partons sur de bonnes bases

TypeScript, c'est quoi ? C'est tout l'objectif de cette section avant d'attaquer.

Qu'est-ce que TypeScript ?

JavaScript contre TypeScript : le problème qu'il résout

Utiliser TypeScript sans rien installer avec TypeScript Playground

Aperçu sur TypeScript

Installons TypeScript

Installons Visual Studio Code

Quelles extensions installer ?

Section 3

Quelques rappels sur les nouveautés de JavaScript

Un bon développeur TypeScript est avant tout un bon développeur JavaScript. On en profite donc dans cette partie pour faire un point sur les dernières nouveautés.

Revoyons ensemble les nouveautés de JavaScript

Oubliez "var", utilisez "let" et "const"

Les fonctions fléchées

Les objets

Les classes (constructeur, propriétés et méthodes)

Les modules (import et export)

L'affectation par décomposition

Le REST parameter

Les types primitifs et les types par référence

Nous voici prêts pour apprendre à utiliser TypeScript

Section 4

Interactive Quiz

Challenge: 1 question

Question

Section 5

Premiers pas avec TypeScript

C'est parti pour TypeScript ! Ici, on commence par créer un premier code avec TypeScript et on apprend à utiliser le mot "watch" pour que nos fichiers puissent être transformés en code JavaScript.

Notre premier code TypeScript

Compiler son code TypeScript en JavaScript

Utilisons le mode "watch" pour automatiser la génération des fichiers JavaScript

Compiler tous les fichiers d'un seul coup

Section 6

Interactive Quiz

Challenge: 1 question

Question

Section 7

Définir des types de données avec TypeScript

Les annotations de type sont à la base de TypeScript. C'est ce qui nous permettra de faire des règles en temps réel pour être sûr que nous développons des nouvelles fonctionnalités tout en respectant notre code.

Notre première annotation de type (string)

Les types pour les nombres (number) et les booléens (boolean)

Déduire automatiquement les types (type inference)

Demander à TypeScript de ne pas intervenir (le type any)

Section 8

Interactive Quiz

Challenge: 1 question

Question

Section 9

TypeScript et les fonctions

TypeScript s'utilise très bien avec les fonctions. Notre objectif ici sera de parfaitement maîtriser l'usage de TypeScript sur les arguments. Nous parlerons aussi des types de retour.

Comment utiliser les annotations de type sur les fonctions avec TypeScript ?

Les fonctions avec plusieurs arguments

Les paramètres par défaut sur les fonctions

Préciser le type de donnée renvoyé par une fonction

Préciser qu'une fonction ne retourne rien avec void

Dire qu'une fonction retourne potentiellement plusieurs types de données

Le cas des fonctions anonymes

Préciser qu'une fonctionne ne retournera jamais rien, sinon une exception (le type never)

Void contre Never : récapitulons

Section 10

Entraînons-nous sur les fonctions

Nous nous entraînerons ici sur l'usage de TypeScript avec des fonctions !

Exercice 1 : Vérifier si un nombre est pair ou impair

Exercice 1 : Correction

Exercice 2 : Partager une addition au restaurant

Exercice 2 : Correction

Exercice 3 : Une calculatrice simple

Exercice 3 : Correction

Section 11

TypeScript et les objets

Les objets sont très importants avec JavaScript : il en est de même avec TypeScript. Nous apprendrons ensemble à maîtriser les objets avec les annotations de type.

Ajouter un type sur un objet

Définir des types objets attendus dans les paramètres d'une fonction

Préciser le type d'objet retourné par une fonction

Ce qu'il faut savoir sur les propriétés non utilisées par une fonction

Le cas des objets imbriqués

Factoriser les types en créant des alias

Déclarer une propriété optionnelle

Rendre une propriété non modifiable (readonly)

Avoir un type qui reprend plusieurs autres types : les intersections

Ajouter des paramètres supplémentaires sur une intersection de types

Section 12

Interactive Quiz

Challenge: 1 question

Question

Section 13

TypeScript et les tableaux

Ici, nous découvrirons comment utiliser TypeScript avec les tableaux.

Ajouter un type sur des tableaux

Définir un tableau d'alias

Le cas des tableaux multidimensionnels

Section 14

Entraînons-nous sur les objets et les tableaux

Il est temps de nous entraîner sur les tableaux et les objets avec TypeScript.

Exercice 4 : Ajouter un produit à une liste de courses

Exercice 4 : Correction

Exercice 5 : Trouver le produit le plus cher

Exercice 5 : Correction

Exercice 6 : Gérer les stocks d’un magasin

Exercice 6 : Correction

Section 15

Créer une union (permettre plusieurs types de données)

Nous aborderons ensemble dans cette nouvelle partie les unions : une spécificité un peu particulière avec TypeScript qui permet de combiner plusieurs types de données différentes afin d'avoir des règles strictes mais élargies.

Introduction aux unions

Créer une union dans les paramètres d'une fonction

Le "Type Narrowing" ou comment vérifier qu'une donnée soit toujours utilisable

Créer une union sur les éléments d'un tableau

Les types littéraux

Section 16

Entraînons-nous sur les unions

Il est temps de s'entraîner sur les unions !

Exercice 7 : Gérer les rôles avec des types littéraux

Exercice 7 : Correction

Section 17

TypeScript : Tuples et Enumérations

Dans cette nouvelle section, nous apprendrons ensemble à utiliser les tuples et les énumérations : deux types d'éléments qui n'existent pas avec JavaScript mais qui sont très puissants avec TypeScript.

C'est quoi un Tuple ?

C'est quoi une énumération ?

Section 18

Interactive Quiz

Challenge: 1 question

Question

Section 19

Entraînons-nous sur les tuples et les énumérations

Il est temps de nous entraîner sur les tuples et les énumérations !

Exercice 8 : Gérer les statuts d'une commande

Exercice 8 : Correction

Exercice 9 : Gérer un point géographique 3D

Exercice 9 : Correction

Section 20

TypeScript et les interfaces

Les interfaces nous permettront d'avoir des règles à respecter pour nos classes et nos fonctions. Nous apprendrons ici à les utiliser sur le bout des ongles !

C'est quoi une interface ?

Rendre une propriété non modifiable sur une interface (readonly)

Rendre une propriété optionnelle sur une interface

Les interfaces et les méthodes

Première différence avec les alias : injecter de nouvelles propriétés / méthodes

Hériter une interface d'une autre

Hériter de plusieurs interfaces

Faisons un rappel sur les différences entre les interfaces et les alias

Section 21

Interactive Quiz

Challenge: 1 question

Question

Section 22

Entraînons-nous sur les interfaces

Il est temps de s'entraîner sur les interfaces avec TypeScript.

Exercice 10 : Gestion d'un véhicule

Exercice 10 : Correction

Section 23

Configurer le compilateur de TypeScript

Le compilateur de TypeScript regorge de possibilités : nous découvrirons ensemble tout ce qu'il faut connaître afin d'avoir des projets réalisés avec TypeScript de manière professionnelle.

À quoi ça sert et pourquoi le configurer ?

Initialiser le fichier de configuration de TypeScript

Regardons les différentes options possibles

Inclure et exclure des fichiers

Définir la version ECMAScript (target)

Les propriétés "outDir" / "rootDir"

La propriété "removeComments"

Bloquer TypeScript quand une erreur est déclenchée

Section 24

Interactive Quiz

Challenge: 1 question

Question

Section 25

TypeScript et le DOM

Il est également possible d'utiliser le DOM avec TypeScript : c'est l'objectif de cette section.

Le problème quand on sélectionne une balise HTML avec TypeScript

Utiliser du JavaScript pour éviter une erreur sur les balises HTML

Utiliser TypeScript pour "forcer" un type d'élément (l'opérateur d'assertion non-null)

Préciser le type d'élément HTML (avec l'assertion de type)

Comparer avec InstanceOf

Liste des éléments HTML avec TypeScript

TypeScript et les événements

Liste des événements HTML avec TypeScript

Section 26

Interactive Quiz

Challenge: 1 question

Question

Section 27

TypeScript et les classes

Nous apprendrons ensemble à annoter nos classes avec TypeScript.

Annoter une classe

Les propriétés readonly

Public / Private avec TypeScript

La manière raccourcie pour créer une classe avec TypeScript

Définir des getters et setters avec TypeScript

Utiliser les interfaces avec les classes et TypeScript

Implémenter plusieurs interfaces

Section 28

Entrainons-nous sur les classes (Faisons une todo-list)

Entraînons sur les classes avec les annotations de type et TypeScript.

1ère étape : Définir une structure performante

2ème étape : Créer la TO-DO en HTML et CSS

3ème étape : Définir une interface ITodo

4ème étape : Créer une classe Todo

5ème étape : Créer une classe TodoList

6ème étape : Manipuler le DOM et gérer les événements

Section 29

TypeScript et les génériques

Nous découvrirons dans cette section une notion très importante avec TypeScript : les génériques !

À la découverte des génériques !

Créer son propre générique

Créer un générique qui peut contenir plusieurs types

Ajouter une contrainte sur un type dans un générique

Préciser un type par défaut

Créer une classe générique

Section 30

Entraînons-nous sur les génériques

Pour apprendre les génériques, rien n'est mieux que des exercices pour pratiquer.

Exercice 11 : Stocker une valeur générique

Exercice 11 : Correction

Exercice 12 : Stocker une liste générique

Exercice 12 : Correction

Exercice 13 : Stocker des objets avec contraintes

Exercice 13 : Correction

Section 31

Conclusion

Prenez vos mouchoirs, on se félicite et on voit ensemble les possibilités pour continuer notre apprentissage.

Félicitations !

Earn Your Certification

At the end of this course, you will receive a certification validating your skills in TypeScript if you successfully complete all quizzes.

Content up-to-date as of June 5, 2025

In French 🇫🇷

Shareable Certificate of Completion

Mentor Assistance

Source Code Provided

Learner Reviews of Our TypeScript Course

4.9 / 5

4,995 reviews (Trustpilot and Believemy)

Pour avoir fait beaucoup de formations en ligne, Believemy est au sommet ! Les cours sont en français, très bien expliqué, la pédagogie est vraiment top. De plus l'interface est intuitive et un petit QCM à chaque session souligne la qualité de l'apprentissage. J'ai pu réalisé un site de qualité grâce à Believemy et toutes les petites astuces que donne Louis Nicolas. C'est LA formation en ligne la plus aboutie.

Nicolas C.

Web developer verified by Trustpilot

Le cours est vraiment clair et compréhensible pour moi. Le formateur a une meilleure expérience pédagogique. Les explications ne sont pas ennuyantes.

Elisée K.

Web developer verified by Trustpilot

Prerequisites

HTML and CSS

JavaScript

Instructor

Louis-Nicolas Leuillet

FAQs

What is TypeScript?

TypeScript is a programming language developed by Microsoft that builds upon JavaScript.

It offers all the features of JavaScript but includes static typing to detect errors during compilation. This enhances the readability and maintainability of your code, especially in complex projects, by allowing for explicit type definitions.

How long will it take to complete this course?

Our learners take an average of 15 heures to complete this course.

Are there specific times I need to follow the course?

No, you can follow the course at your own pace as it is entirely online. This means you can take this course whenever and wherever you like.

What level is required to take this course?

This course is suitable for all levels. If you've never used TypeScript before, just start from the beginning and follow the modules in order.

If you already have some knowledge of TypeScript, you can jump directly to the modules that interest you.

Can I ask questions if I have a problem?

Yes, you can ask questions anytime. We have a team of mentors available to help you and answer your questions if you encounter any issues.

You can even join our private community to interact with other learners.

Will I receive a certificate at the end of the course?

Yes, you will receive a certificate upon completing the course. This certificate is proof of your achievement, as you must complete all modules and quizzes to receive it, demonstrating your commitment.

Is the course up-to-date with the latest version?

Yes, the course is up-to-date with the latest version of TypeScript. We regularly update our courses to ensure they reflect the latest technology.

Why learn TypeScript when AI is on the rise?

Because AI will never fully replace a specialized developer. It can’t even reliably create a basic website in HTML and CSS, and when it does, it's been trained for months by development teams at an enormous cost in electricity.

For example, Google’s AI, which defeated the world champion of Go (a Chinese strategy game), was trained for months for this single match and consumed the equivalent electricity of a city of 10,000 people for an entire year.

An AI will never be able to create a complex, customized website with specific functionalities in a cost-effective way.

Our articles on TypeScript

JavaScript vs TypeScript - Lequel est le meilleur ?

Microsoft porte TypeScript en Go : Un gain de performances x10

Microsoft porte TypeScript vers Go pour des performances 10x supérieures. Découvrez pourquoi ce changement révolutionne le compilateur, ses avantages et son impact sur l’écosystème TypeScript.

JavaScript vs TypeScript - Lequel est le meilleur ?

Faut-il plutôt apprendre JavaScript ou TypeScript en 2024 ? Quelles sont les vraies différences ? Pourquoi choisir l'un plutôt que l'autre ?

Formation TypeScript

Perfectionnez votre maîtrise de JavaScript grâce à TypeScript : un langage de programmation signé Microsoft qui permet d'ajouter des typages statiques pour rendre plus facilement maintenable son code.

Overview

Course Outline

Earn Your Certification

Learner Reviews of Our TypeScript Course

Prerequisites

Instructor

FAQs

What is TypeScript?

How long will it take to complete this course?

Are there specific times I need to follow the course?

What level is required to take this course?

Can I ask questions if I have a problem?

Will I receive a certificate at the end of the course?

Is the course up-to-date with the latest version?

Why learn TypeScript when AI is on the rise?

Our articles on TypeScript

Microsoft porte TypeScript en Go : Un gain de performances x10

JavaScript vs TypeScript - Lequel est le meilleur ?

You Might Also Like These Courses

Formation HTML et CSS

Formation JavaScript

Formation React