← Retour aux formations

Développement Web & No-Code

TypeScript : produire ses développements JavaScript

Intermédiaire
Développement Web & No-Code

À propos de cette formation

Cette formation présente TypeScript, la surcouche JavaScript développée par Microsoft. Les participants configurent leur environnement, maîtrisent le système de types, appliquent la programmation orientée objet avec classes et héritage, explorent les types avancés et les décorateurs, puis intègrent TypeScript dans un projet Node.js ou front-end.

Objectifs de la formation

  • check_circleInstaller et configurer l'environnement TypeScript avec les outils adaptés
  • check_circleDéclarer et typer des fonctions, des tableaux et des structures de données en TypeScript
  • check_circleMettre en œuvre l'héritage simple et multiple entre classes TypeScript
  • check_circleIntégrer TypeScript dans un projet Node.js et livrer du code JavaScript compatible

Programme détaillé

Module 1 — Le principe de TypeScript

  • Origines et motivations derrière la création de TypeScript par Microsoft
  • TypeScript comme surcouche JavaScript : principes et fonctionnement
  • Comparaison entre JavaScript et TypeScript : apports et différences
  • Sélection de l'éditeur, des extensions et installation de l'environnement
  • Écosystème d'outils associés à TypeScript
  • Travaux pratiques : installation de VS Code et configuration des extensions

Module 2 — Configurer le compilateur

  • Configuration de l'environnement de développement TypeScript
  • Transpilation et débogage du code TypeScript
  • Fichier tsconfig.json et options du compilateur
  • Création d'un build et stratégies multi-configurations
  • Inclusion et exclusion de ressources dans le projet
  • Mise en place d'un workflow de build personnalisé
  • Travaux pratiques : manipulation du compilateur et conception d'un build

Module 3 — TypeScript Basics & Basic Types

  • Types TypeScript versus types JavaScript : différences et compléments
  • Quand et quelles valeurs typer explicitement ?
  • Typage statique : déclaration et inférence de types
  • Tuples, enums et aliases de types personnalisés
  • Cas de typage particuliers : never, void et autres
  • Travaux pratiques : création de variables typées avec les types standard et spéciaux

Module 4 — Next-generation JavaScript

  • Fonctions et tableaux typés en TypeScript
  • Impact du typage sur la syntaxe JavaScript
  • Documentation automatique du code TypeScript
  • Interopérabilité avec du code JavaScript standard
  • Fichiers de définition (.d.ts) pour la compatibilité des librairies
  • Getters et setters implicites, programmation Ahead-of-Time
  • Modules ES6 et espaces de noms en TypeScript
  • Travaux pratiques : développement d'un programme combinant TypeScript et JavaScript

Module 5 — Améliorer la POO avec TypeScript

  • Rappel des design patterns POO : Singleton, Factory et autres
  • Interfaces TypeScript et Duck Typing
  • Classes et interfaces : relations et implémentation
  • Modificateurs de classe : public, private, readonly
  • Méthodes private, protected et overrides
  • Héritage simple et multiple entre classes
  • Travaux pratiques : mise en œuvre de l'héritage multiple dans les classes créées

Module 6 — Advanced types

  • Création et gestion de types personnalisés
  • Types génériques et inférence de types
  • Classes génériques et contraintes associées
  • Travaux pratiques : développement de types personnalisés et classes génériques

Module 7 — Décorateurs

  • Décorateurs et métadonnées en TypeScript
  • Factories de décorateurs : principes de fonctionnement
  • Types de décorateurs : classe, propriété, méthode et paramètre
  • Création de décorateurs personnalisés et abstractions utiles
  • Travaux pratiques : implémentation d'un décorateur de classes

Module 8 — TypeScript en pratique

  • Utilisation de TypeScript dans un projet Node.js
  • Livraison de code JavaScript compatible généré depuis TypeScript

Prérequis

Avoir des notions fondamentales en JavaScript.