A l’issue de la formation, l’apprenant sera capable de :
– Maîtrise du langage TypeScript
– Avoir une meilleure maîtrise de son application JavaScript en utilisant TypeScript
– Rendre ses applications modulaires et sûres pour une meilleure gestion en équipe.
– Rendre son code compatible avec la plupart des Navigateurs et Frameworks JavaScript
- Développement
- Développement web
Formation JavaScript à TypeScript
Objectifs
Prérequis
Connaitre le HTML et le CSS
Connaître le JavaScript
Avoir de bonnes notions en POO
Un entretien en amont avec notre expert permet de prendre en compte le profil de chaque participant (niveau, objectifs et résultats attendus, contexte professionnel, enjeux…) et d’adapter le contenu de la formation si besoin.
Cette formation ne peut être financée que dans le cadre d’un projet d’entreprise (prise en charge entreprise ou OPCO). Les dossiers à financement personnel et CPF ne sont pas pris en compte.
Public
Développeurs
Formation(s) associée(s)
- Formation Conception d’interfaces graphiques full JavaScript avec Angular, TypeScript et Bootstrap
- Formation JavaScript perfectionnement
- Formation HTML5 CSS3 et JavaScript Les fondamentaux du développement d’interfaces graphiques
- Formation Développer des sites Web dynamiques avec JavaScript
- Formation JavaScript, HTML dynamique
- Formation Ajax
Dernière mise à jour
Programme mis à jour le 10 février 2025
Bon à savoir
Evaluez votre niveau
Pour vous aider à bien choisir votre formation, nous vous proposons soit un entretien avec le formateur soit un test d’évaluation. Cela vous assurera que vous disposez des connaissances nécessaires pour suivre la formation dans des conditions optimales.
Sessions garanties
La majorité de nos sessions proposées en distanciel sont garanties. Elles peuvent être enregistrées à la demande.
Travaux pratiques
Nos formations comprennent de nombreux travaux pratiques pour un meilleur apprentissage (60 % de pratique). Nous proposons également de travailler sur vos données pour une meilleure expérience.
Les Modules
de formation
Module1
Introduction à TypeScript
● Présentation générale de TypeScript : philosophie et enjeux
● Historique et évolution : du JavaScript au TypeScript
● Pourquoi choisir TypeScript :
○ Cas d’utilisation dans des projets modernes
○ Principaux apports : typage statique, outils avancés, interopérabilité
● Syntaxe et principes fondamentaux : structure d’un programme TypeScript
● Compilation TypeScript :
○ Installation de l’environnement
○ Écrire et compiler son premier programme
Travaux pratiques
● Installation et configuration de TypeScript avec tsc et Node.js
● Compilation et exécution d’un premier programme TypeScript
Module2
Mise en place de l’environnement et outils de développement
● Utilisation de TypeScript Playground pour expérimenter rapidement
● Configuration avancée avec le fichier tsconfig.json
● Installation et configuration d’un IDE optimisé pour TypeScript :
○ Visual Studio Code avec extensions TypeScript (Volar, ESLint)
○ Configuration des environnements avec npm et CLI TypeScript
● Introduction au debugging TypeScript avec Source Maps
Travaux pratiques
● Configuration d’un environnement de développement complet et ergonomique
Module3
Typage, variables et fonctions
● Annotations et inférence de types :
○ Différences entre let, const, et var
○ Typage explicite vs implicite
● Types primitifs : string, number, boolean, et symbol
● Types avancés : any, unknown, void, null, et undefined
● Paramètres de fonctions :
○ Paramètres optionnels, par défaut, et rest
● Gestion des retours de fonctions : typage et inférence
Travaux pratiques
● Écriture de fonctions typées pour différents scénarios
Module4
Classes et programmation orientée objet
● Définir des classes et initialiser des objets
● Propriétés et méthodes :
○ Modificateurs d’accès (public, private, protected)
○ Propriétés et méthodes statiques
● Héritage et polymorphisme :
○ Étendre et surcharger des classes
○ Super et sous-classes
● Utilisation de classes abstraites et interfaces avec des classes
Travaux pratiques
● Création d’un système orienté objet avec des classes et héritages complexes
Module5
Interfaces et typage avancé
● Concevoir des interfaces pour structurer des objets complexes
● Étendre des interfaces pour enrichir les types
● Utiliser des types personnalisés :
○ Typage des tableaux (Array et ReadonlyArray)
○ Typage des fonctions
● Création et utilisation de fichiers de définition TypeScript (.d.ts)
● Comparaison entre interface et type alias
Travaux pratiques
● Développement d’interfaces complexes pour structurer les données
Module6
Modules et structuration des projets TypeScript
● Modules internes et externes :
○ Organisation du code avec export et import
○ Utilisation des modules ES6 dans TypeScript
● Best practices pour structurer des projets complexes
● Intégration des modules externes avec npm
● Gestion des dépendances TypeScript avec @types
Travaux pratiques
● Organisation et structuration d’un projet TypeScript avec modules
Module7
Décorateurs et fonctionnalités avancées
● Introduction aux décorateurs :
○ Décorateurs de classes, propriétés, méthodes et paramètres
○ Applications dans les frameworks modernes comme Angular ou NestJS
● Unions et intersections de types :
○ Créer des types flexibles et composables
● Alias de type et manipulation avancée des types
Travaux pratiques
● Mise en œuvre de décorateurs pour enrichir les classes
Module8
Interopérabilité avec JavaScript et intégration dans des projets existants
● Migration d’un projet JavaScript vers TypeScript : étapes et bonnes pratiques
● Gestion des librairies JavaScript non typées :
○ Création de fichiers .d.ts personnalisés
● Interopérabilité avec les modules JS :
○ Importation, configuration, et résolution des problèmes courants
Travaux pratiques
● Migration d’une application JavaScript vers TypeScript avec typage complet
Module9
TypeScript dans des projets Frontend modernes (OPTIONNEL A définir sur audit)
● Utilisation avancée avec React.js :
○ Typage des props, state, et context
○ Création de Hooks typés et réutilisables
● Gestion des événements et des références typées (ref)
● Développement de bibliothèques de composants fortement typés
Travaux pratiques
● Création d’un système de composants React fortement typés
Module10
TypeScript dans des projets Backend (OPTIONNEL A définir sur audit)
● Configuration de TypeScript pour Node.js avec Express.js ou Fastify
● Typage des middlewares et des routes REST/GraphQL
● Intégration avec des ORM comme Prisma ou TypeORM
● Gestion avancée des erreurs avec Result et Either
Travaux pratiques
● Développement d’une API complète avec typage strict
Les prochaines
sessions de formation
Sur demande
Vous souhaitez organiser cette formation à une date spécifique ?Contactez-nous en remplissant le formulaire ci-dessous
28 avril 2025
16 juin 2025
18 août 2025
13 octobre 2025
