TypeScript - Maîtriser et développer

Jour 1

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
• L'objet avec TypeScript

Plateforme de développement

• IDE en présence
• 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

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

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é

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

Les décorateurs en TypeScript

• Introduction aux décorateurs
• Decorator Factory
• Decorator Composition
• Method Decorator
• Décorateur sur paramètre

Exemple de travaux pratiques (à titre indicatif)

• Utilisation des Method Decorators

TypeScript avec Webpack

• Utilisation de TypeScript avec Webpack
• Configuration de Webpack (webpack.config.js)

Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

Modalités d’évaluation des acquis

• En cours de formation, par des études de cas ou des travaux pratiques
• Et, en fin de formation, par un questionnaire d'auto-évaluation