Formation TypeScript

Faites passer votre code JavaScript au niveau supérieur avec TypeScript, le sur-ensemble typé qui apporte la robustesse des langages orientés objet au développement web moderne.

Augmentez la fiabilité et la maintenabilité de vos applications en maîtrisant le typage statique, les interfaces, les génériques et les fonctionnalités modernes d'ES6+ pour vos projets Front-end et Back-end.

3 jours (21 h)
1 800,00 € HT
REMOTE

Description title-border

TypeScript, développé et maintenu par Microsoft, est un sur-ensemble de JavaScript qui compile en JavaScript pur. Il est devenu la norme dans le développement d'applications à grande échelle, notamment avec des frameworks comme Angular et l'écosystème React/Vue. L'intérêt principal pour les professionnels réside dans son apport du typage statique (variables, fonctions, classes), ce qui permet de détecter une grande majorité des erreurs de codage avant l'exécution. La formation couvre les types avancés (unions, intersections, génériques), l'implémentation d'interfaces et de classes pour une architecture solide, l'intégration avec des bibliothèques JavaScript existantes et la configuration des projets via tsconfig.json. En utilisant TypeScript, les équipes de développement augmentent la qualité, la clarté et la productivité de leur code.

Les objectifs

  • Prendre en main les nouveautés ECMAScript 2015

  • Utiliser un transpilateur

  • Connaître les principales différences entre JavaScript et TypeScript

  • Mettre en place le contrôle de types

  • Maîtriser les notions orientées objet

Public visé

  • Développeurs

Prérequis

  • Connaissance de JavaScript

  • Connaissance des technologies web

Le programme

Jour 1
Matinée

1. MAITRISER LES CONCEPTS JAVASCRIPT MODERNES

  • Les nouveautés ES2015 (ES6)
  • Let et Const
  • Arrow functions
  • Classes et héritage
  • Templates literals
  • Destructuring
  • Spread/Rest operators
  • Promises et async/await
  • Modules ES6
  • Appliquer les bonnes pratiques JavaScript
  • Manipuler efficacement les structures de données (Map, Set, etc.)
Après-midi

2. DÉCOUVRIR TYPESCRIPT

  • Configurer votre environnement de développement
  • Intégrer TypeScript dans vos projets
  • Utiliser le typage statique :
  • Types primitifs
  • Interfaces
  • Types personnalisés
  • Union et intersection types
Jour 2
Matinée

3. GÉRER LE BUILD

  • Mettre en place un workflow TypeScript :
  • Configuration de tsconfig.json
  • Gestion des chemins et des alias
  • Source maps et debugging
  • Optimiser la compilation :
  • Stratégies de bundling
  • Tree shaking
  • Code splitting
  • Automatiser les tâches de build
  • Webpack / Rollup / Vite
  • Hot Module Replacement
  • Build pour différents environnements
Après-midi

4. ORGANISER SON DEVELOPPEMENT

  • Structurer vos projets TypeScript :
  • Architecture en couches
  • Séparation des responsabilités
  • Organisation des dossiers et fichiers
  • Implémenter les design patterns
  • Singleton, Factory, Observer
  • Dependency Injection
  • Repository pattern
  • Adopter une architecture modulaire
  • Principes SOLID
  • Clean Architecture
  • Domain-Driven Design
Jour 3
Matinée

5. EXPLOITER LES FONCTIONNALITES AVANCEES

  • Maîtriser les generics :
  • Types génériques
  • Contraintes de type
  • Classes et interfaces génériques
  • Utiliser les decorators :
  • Class decorators
  • Method decorators
  • Property decorators
  • Tirer parti des utility types :
  • Partial, Pick, Record
  • Readonly, Required
  • ReturnType, Parameters
Après-midi

6. SÉCURISER ET OPTIMISER

  • Renforcer le typage de vos applications
  • Strict null checks
  • Type guards
  • Type assertions avancées
  • Debugger efficacement votre code :
  • Chrome DevTools
  • VS Code debugging
  • Source maps
  • Tester vos applications TypeScript :
  • Jest et ts-jest
  • Tests unitaires et d’intégration
  • Mocking avec TypeScript

En présentiel ou à distance : à vous de choisir

Dans vos locaux

Pour ancrer les apprentissages et encourager la dynamique collective.

En classe virtuelle

Pour allier flexibilité et interactions en temps réel avec le formateur.

Dans nos locaux

Pour favoriser la concentration, les échanges et le confort des apprenants.

Les modalités de formation

Suivi et évaluation :

  • Recueil des besoins en amont pour identifier les attentes du stagiaire
  • Évaluation continue : études de cas et travaux pratiques pendant la formation
  • Évaluation finale : questionnaire d'auto-évaluation

Format et encadrement :

  • Formation équilibrée : 50% théorie / 50% pratique
  • Sessions en petits groupes (2 à 9 participants) pour un suivi personnalisé
  • Émargement par demi-journée et remise d'une attestation de formation

Moyens pédagogiques et techniques :

  • Méthodes interactives et suivi des acquis : travaux pratiques, projet fil rouge, mises en situation, démonstrations, QCM…
  • Les stagiaires doivent être équipés de leur matériel informatique pour suivre la formation, que ce soit dans nos locaux ou sur site externe.
  • Il appartient au client de veiller à ce que le matériel mis à disposition soit conforme aux prérequis techniques indiqués dans le programme de formation.
  • Accessibilité : nous informons l'ensemble de nos clients et stagiaires que nous sommes dans la capacité d'adapter les sessions en cas de situations spécifiques. Nous nous engageons à répondre à toutes les demandes dans un délai de 48h ouvré.

Conditions et délais d'accès :

  • Si l'une de nos formations vous intéresse, contactez-nous au +33 04 93 65 34 24 ou à l'adresse mail contact@le-code.dev. Selon votre besoin et vos attentes, nous organiserons un échange téléphonique avec le formateur pressenti afin d'adapter la formation et ses modules, puis nous vous adresserons un devis. Les dates de la formation seront à convenir sous 30 jours maximum.
  • Concernant les formations Actions Collectives, l'inscription est possible jusqu'à 24h ouvrées avant le début de la formation.