Dans la fenêtre d’impression, choisissez « Enregistrer en PDF » comme destination.
Réf. TSC-DEV
TypeScript - Développer des applications JavaScript robustes
Langages & Développement Logiciel
Durée
14 à 21 heures (2 à 3 jours) selon le format
Modalités
Présentiel, Classe à distance
Reconnaissance
Formation non certifiante (attestation de fin de formation)
Format de vente
Inter-entreprise ou Intra-entreprise
Délai d’accès
Inter : jusqu’à 5 jours ouvrés avant la session ; intra : en moyenne 15 jours ouvrés après l’acceptation du devis
Tarif intra
Sur devis
Pourquoi suivre cette formation
Sans typage, JavaScript laisse passer des erreurs coûteuses en production. Cette formation vous apprend à utiliser TypeScript pour fiabiliser votre code, maîtriser les types avancés et accélérer le développement d'applications web complexes.
À l’issue de cette formation, les participants seront capables de
Configurer et optimiser l'environnement de compilation TypeScript
Typer rigoureusement les variables, les fonctions et les objets complexes
Maîtriser l'usage des interfaces et des types personnalisés
Appliquer la programmation orientée objet avec les classes TypeScript
Utiliser les concepts avancés (Generics, Union Types, Intersection Types) pour créer du code réutilisable
Intégrer TypeScript dans des projets JavaScript existants
IMPACTTerrain21 heures (3 jours) · dont une journée en décalé1 985 € HTpar participant (inter-entreprises)
Chaque format reprend le précédent et y ajoute des journées.
Public visé
Développeurs JavaScript, intégrateurs web, architectes logiciels, chefs de projets techniques ou directeurs techniques (CTO) souhaitant fiabiliser leurs développements front-end et back-end.
Prérequis
Pratique courante du langage JavaScript (variables, boucles, fonctions, manipulation de base du DOM) et de l'environnement de développement Node.js.
Prérequis techniques à distance
La classe virtuelle se tient sur Microsoft Teams : AMBIA fournit à chaque participant un compte pour la durée de la formation. En intra-entreprise, elle peut aussi se tenir sur l’outil que l’entreprise utilise déjà, par exemple Zoom ou Google Meet.
Le participant se connecte depuis un ordinateur équipé d’une caméra, d’un micro, d’un accès à internet et d’un navigateur à jour, dans un lieu calme. Si la formation le demande, le formateur donne accès à un poste de travail à distance, depuis le navigateur.
Pendant la formation, l’assistance technique répond à support@ambia-skills.fr.
Objectifs pédagogiques
Identifier la syntaxe spécifique et les types de base de TypeScript.
Expliquer le fonctionnement du compilateur TypeScript (tsc) et la configuration du fichier tsconfig.json.
Rédiger des types, des interfaces et des classes pour valider statiquement une logique applicative.
Diagnostiquer les erreurs de compilation et inspecter la correspondance entre le code TS et le code JS généré.
Évaluer la pertinence de l'implémentation de types stricts ou flexibles face à un besoin de refactoring.
Concevoir une architecture logicielle typée, robuste et modulaire prête pour la production.
Programme détaillé
Jour 1ACTION
Matin
Configuration, typage de base et compilation
Comprendre les limites de JavaScript et la valeur ajoutée de TypeScript.
Installer l'environnement de développement et configurer finement le compilateur TypeScript (tsc).
Maîtriser le typage des types primitifs et des tableaux.
Introduction à l'écosystème TypeScript : transpilation vs compilation.
Initialisation d'un projet : création et paramétrage du fichier tsconfig.json (règles de rigueur comme strict, noImplicitAny).
Les types primitifs (string, number, boolean, any, unknown, void, never).
Typage des collections : tableaux simples, tableaux multidimensionnels et tuples.
Atelier pratique
Initialisation d'un projet de A à Z avec VS Code, configuration du compilateur, écriture et transpilation réussie des premiers fichiers d'applications.
Cas métier
Développement d'un module de nettoyage et de validation d'un catalogue de produits (importation de données brutes corrompues d'un fournisseur).
Compétence acquise
Savoir initialiser et configurer un projet TypeScript robuste et maîtriser les types élémentaires.
Livrable
Un projet de base de code sain, configuré en mode strict et prêt pour le développement d'entreprise.
Après-midi
Fonctions, types personnalisés et interfaces
Sécuriser l'écriture des fonctions en typant les paramètres et les valeurs de retour.
Créer des structures d'objets complexes et réutilisables à l'aide des interfaces et des alias de types (type).
Implémenter les notions de propriétés optionnelles et en lecture seule.
Typage précis des fonctions : paramètres obligatoires, optionnels, valeurs par défaut et fonctions anonymes.
Déclaration d'alias de types personnalisés (type User = ...) vs Déclaration d'interfaces (interface User { ... }).
Gestion des objets : propriétés optionnelles ( ? ) et propriétés immuables (readonly).
Combinaisons de types : Unions (type1 | type2) et intersections (type1 & type2).
Atelier pratique
Création de structures complexes interconnectées et écriture de fonctions de traitement métier fortement typées.
Cas métier
Conception d'un moteur de validation de transactions bancaires (analyse d'objets virements, prélèvements et comptes avec différents niveaux de droits d'accès).
Compétence acquise
Être capable de modéliser et de typer avec précision les structures de données complexes d'un domaine métier.
Livrable
Un ensemble de types et de contrats d'interfaces fiabilisés, empêchant toute incohérence de données.
Jour 2ACTION
Matin
Programmation orientée objet (classes) et modules
Implémenter le paradigme orienté objet à l'aide des classes TypeScript.
Maîtriser les modificateurs d'accès (public, private, protected, readonly) pour assurer l'encapsulation.
Organiser le code de manière modulaire à l'aide des imports/exports TypeScript.
Différences entre les classes ES6 JavaScript et les classes TypeScript.
Les modificateurs d'accès et le raccourci de déclaration dans le constructeur (Parameter Properties).
L'implémentation d'interfaces par des classes (implements) et le concept d'héritage (extends).
Les classes et méthodes abstraites (abstract) pour structurer des architectures réutilisables.
Modularité du code : systèmes d'import/export de types et de valeurs.
Atelier pratique
Écriture de classes métiers complexes, mise en place d'héritage et séparation du code dans une architecture modulaire claire.
Cas métier
Modélisation d'un système de gestion d'utilisateurs et de droits d'accès (Administrateur, Client, Invité) avec encapsulation stricte des mots de passe et jetons.
Compétence acquise
Savoir construire des architectures logicielles structurées, orientées objet et modulaires avec TypeScript.
Livrable
Une architecture modulaire de classes métiers interconnectées et encapsulées.
Après-midi
Concepts avancés : génériques, Type Guards et intégration
Concevoir du code réutilisable et flexible grâce aux types génériques (Generics).
Mettre en œuvre des mécanismes de protection de types dynamiques (Type Guards et Type Assertions).
Apprendre à intégrer TypeScript dans un projet JavaScript existant ou à utiliser des librairies tierces non typées.
Introduction aux Generics : syntaxe et intérêt pour les fonctions, classes et interfaces réutilisables.
Protection de types dynamique : utilisation de typeof, instanceof et de fonctions de validation personnalisées (Type Predicates).
Les assertions de types (as type) et leur utilisation sécurisée.
Utilisation de bibliothèques tierces : gestion des fichiers de définition de types (@types/...).
Atelier pratique
Écriture de fonctions utilitaires génériques, mise en place d'un typage pour une API externe et refactoring d'un module JavaScript historique.
Cas métier
Création d'une bibliothèque d'appels API générique capable de requêter et de typer automatiquement n'importe quelle ressource du système (Utilisateurs, Commandes, Produits).
Compétence acquise
Maîtriser les rouages avancés de TypeScript pour concevoir des utilitaires hautement réutilisables et interopérables.
Livrable
Un moteur de requêtage universel et auto-typé, prêt pour la mise en production.
Jour 3 · en décaléIMPACT
Matin
Diagnostic de votre projet JavaScript et passage au typage strict
Configurer tsconfig.json en mode strict et migrer des modules JavaScript existants vers TypeScript.
Le développeur apporte un projet JavaScript qui génère des erreurs de type à l'exécution : activation de strictNullChecks, suppression des types any implicites et création des interfaces des modèles de données.
Après-midi
Typer les échanges avec les API et sécuriser la compilation
Typer les DTO de l'application et intégrer le contrôle des types dans la chaîne de compilation.
Intégration d'API REST externes : types génériques pour les réponses, validation à l'exécution avec Zod ou io-ts et vérification automatique des types (tsc --noEmit) dans la chaîne de compilation.
Les ateliers et cas métier de ce programme pourront être adaptés par le consultant-formateur selon les besoins, le niveau et les prérequis des participants, pour favoriser l’atteinte des objectifs pédagogiques.
Méthodes et moyens pédagogiques
Méthodes mobilisées
Pédagogie active et immersive basée sur des simulations métiers complexes. Alternance de démonstrations techniques ciblées, de phases de résolution de bugs en autonomie et de revues de code collectives pour valider la propreté, la lisibilité et l'élégance des architectures créées.
Moyens techniques
Un poste informatique individuel par participant, environnement de développement Visual Studio Code configuré, Node.js et package manager (npm/pnpm), accès aux espaces numériques AMBIA et mise à disposition d'un dépôt de code (Git) contenant les environnements de test et les cas d'usage.
Moyens humains
Formation animée par un consultant-formateur expert senior, architecte logiciel ou lead developer en activité, spécialisé dans les architectures TypeScript/JavaScript d'envergure.
Modalités d’évaluation
Évaluation diagnostique
Questionnaire de positionnement technique adressé 15 jours avant la session pour valider les prérequis en JavaScript ES6.
Évaluation formative
Réalisation des cas métiers d'application, mini-projets de code et revues de code interactives en fin de chaque demi-journée.
Évaluation sommative
Questionnaire de validation des acquis sous forme de QCM en fin de formation et contrôle de la conformité du typage et de la compilation du projet de synthèse.
Suivi
Feuilles de présence signées par demi-journée, en présentiel comme à distance.
Attestation de fin de formation remise à chaque stagiaire, mentionnant les objectifs, la nature, la durée et les résultats de l’évaluation.
Certificat de réalisation adressé au client ou au financeur.
Questionnaire de satisfaction remis à l’issue de la formation.
Délai d’accès
Inter-entreprises : L’inscription est possible jusqu’à 5 jours ouvrés avant le début de la session, sous réserve des places disponibles.
Intra-entreprise : La formation débute en moyenne 15 jours ouvrés après l’acceptation du devis.
Ce délai peut être adapté selon la disponibilité des sessions, le positionnement du stagiaire et, le cas échéant, l’instruction du dossier de prise en charge par le financeur.
Accessibilité handicap
Nos parcours sont adaptables aux personnes en situation de handicap. Contactez notre référent pour l'étude des aménagements.
Référent handicap : accessibilite@ambia-skills.fr. Aucune reconnaissance de la qualité de travailleur handicapé ni aucun justificatif médical n’est exigé.
Indicateurs de résultats
Indicateurs publiés à partir de 3 avis.
Mode de calcul : www.ambia-skills.fr/notre-approche#notes
TypeScript - Développer des applications JavaScript robustes - AMBIA
