TypeScript: Développement Web Typé et Performant

TypeScript s'est imposé comme un standard pour le développement web moderne, en particulier pour les applications d'envergure. Il apporte structure et sécurité au code JavaScript, réduisant les erreurs et facilitant la maintenance. Cette formation donne les clés pour maîtriser TypeScript et l'intégrer aux projets. Les stagiaires apprendront à exploiter le typage statique, les interfaces et les classes pour bâtir des applications web robustes et évolutives. Ils utiliseront des outils comme Node.js, npm et Visual Studio Code pour développer des applications performantes et maintenables. L'objectif est de structurer les projets web avec TypeScript, améliorant la qualité et la fiabilité du code.

Découvrez TypeScript, le sur-ensemble de JavaScript qui booste votre productivité et la qualité de votre code. Formation complète pour débutants.

Durée : 14 heures

Domaine : Développement

Objectifs pédagogiques

• Développer des applications web robustes et maintenables avec TypeScript.
• Configurer un environnement de développement TypeScript optimal.
• Maîtriser le typage statique pour améliorer la qualité du code.
• Utiliser les interfaces, classes et génériques pour créer des applications complexes.
• Compiler du code TypeScript vers JavaScript pour une compatibilité maximale.

Technologies et outils

• TypeScript
• JavaScript
• Node.js
• npm
• TypeScript Compiler (tsc)
• IDE (Visual Studio Code, WebStorm, etc.)

Public cible

Cette formation s'adresse aux développeurs JavaScript débutants ou intermédiaires, aux développeurs souhaitant améliorer la qualité et la maintenabilité de leur code, ainsi qu'aux architectes logiciels intéressés par l'intégration du typage statique dans leurs projets.

Prérequis techniques

• Connaissance de base de JavaScript (variables, fonctions, objets)
• Notions de programmation orientée objet (facultatif)

Programme détaillé

Module 1 : Introduction à TypeScript

• Qu'est-ce que TypeScript ?
• Pourquoi utiliser TypeScript ? Avantages et inconvénients.
• TypeScript vs JavaScript : différences et similitudes.
• Installation et configuration de l'environnement de développement (Node.js, npm, TypeScript Compiler).
• Compilation du code TypeScript vers JavaScript.
• TP : Configuration d'un projet TypeScript simple.

Module 2 : Les Types de Base

• Les types primitifs : `number`, `string`, `boolean`, `null`, `undefined`.
• Le type `any` et son utilisation (à éviter !).
• Les tableaux et les tuples.
• Les énumérations (enums).
• Le type `void` et `never`.
• Inférence de type et annotations de type.
• TP : Déclaration de variables et utilisation des types de base.

Module 3 : Fonctions et Objets

• Définition et typage des fonctions.
• Paramètres optionnels et paramètres par défaut.
• Les types de retour de fonction.
• Les objets et les types d'objets.
• Les interfaces : définition et implémentation.
• Les types alias.
• TP : Création de fonctions typées et d'interfaces.

Module 4 : Classes et Héritage

• Définition et utilisation des classes.
• Propriétés et méthodes.
• Constructeurs.
• Modificateurs d'accès (public, private, protected).
• Héritage et polymorphisme.
• Classes abstraites.
• TP : Implémentation de classes et utilisation de l'héritage.

Module 5 : Génériques et Types Avancés

• Introduction aux génériques.
• Utilisation des génériques dans les fonctions et les classes.
• Les types union et intersection.
• Les types conditionnels.
• Les mapped types.
• Le type `keyof` et `typeof`.
• TP : Utilisation des génériques pour créer des composants réutilisables.

Compétences acquises

À l'issue de cette formation, le stagiaire maîtrisera le langage TypeScript et son écosystème, lui permettant de développer des applications web typées et robustes. Il sera apte à utiliser les fonctionnalités avancées de TypeScript, telles que les génériques et les types avancés, et comprendra l'impact du typage statique sur la qualité du code. Le stagiaire gagnera en autonomie pour configurer et utiliser un environnement de développement TypeScript.