A l'issue de cette formation, vous serez capable de :

• Reconnaître et utiliser les particularités de TypeScript (les classes, la notion de type, les interfaces...)
• Ecrire une application en TypeScript
• Exploiter l'écosystème de TypeScript
• Identifier les meilleurs IDE (Integrated Development Environment).

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
• 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

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
• 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 Webpack
• Configuration de Webpack (webpack.config.js)