Formation TypeScript - Maîtriser et développer

Jour 1 - Matin

Présentation de TypeScript

• Objectifs du langage TypeScript : les grosses applications
• Histoire de TypeScript développé par Microsoft
• TypeScript, un sur-ensemble de JavaScript
• Compatibilité JavaScript et TypeScript
• Différences entre les deux langages
• Typage avec TypeScript (nouveautés TypeScript 5.x, satisfies operator, const type parameters, template literal types améliorés)
• L'objet avec TypeScript
• Plateforme de développement
• IDE en présence (VS Code version récente)
• Outils Chrome
• Focus sur Visual Studio Code
• Transpilation avec VS Code
• Assemblage de code pour le navigateur et pour le serveur
• Le .map, mapper entre TypeScript et le JavaScript généré

Exemples de travaux pratiques (à titre indicatif)

• Installation des produits nécessaires : IDE, transpilleurs
• Compréhension des outils de mapping
• Utiliser les outils de source map pour déboguer l'application initiale

Jour 1 - Après-midi

Typage en TypeScript

• Utilisation des types dans TypeScript
• Définition de l'inférence de type
• Types existants dans TypeScript
• Fonctions
• Tableaux (Array)
• Autres types comme Enum...

Exemples de travaux pratiques (à titre indicatif)

• Création d'un programme client qui intègre tous les types de TypeScript et les utilise
• Typage dans les méthodes et objets

Jour 2 - Matin

Objet avec TypeScript

• Classes dans TypeScript
• Constructeurs, méthodes et propriétés
• Hériter en TypeScript
• Interfaces
• Généricité

Exemple de travaux pratiques (à titre indicatif)

• Conception d'une application en TypeScript avec de multiples classes, exploitant les constructeurs, les interfaces, l'héritage et la généricité

Jour 2 - Après-midi

Modules en TypeScript

• Deux types de modules
• Les "mixins"
• Faire le "merge de classes" avec les "mixins"
• Type définition avec TypeScript
• Ecrire ses propres fichiers de définition

Exemple de travaux pratiques (à titre indicatif)

• Conception de différents types de modules TypeScript, création de ceux-ci et importation

Jour 3 - Matin

Les décorateurs en TypeScript

• Introduction aux décorateurs (nouvelle syntaxe standard ECMAScript stage 3 / TypeScript 5.x)
• Decorator Factory
• Decorator Composition
• Method Decorator
• Décorateur sur paramètre

Exemple de travaux pratiques (à titre indicatif)

• Utilisation des Method Decorators

Jour 3 - Après-midi

TypeScript avec Webpack

• Utilisation de TypeScript avec Vite / esbuild
• Configuration de Vite ou esbuild (bundlers modernes)