Maîtrisez les AST pour des transformations de code efficaces et automatisées
Cette formation a pour objectif d'enseigner aux développeurs et développeuse Angular
comment utiliser les Abstract Syntax Trees (AST) via des outils tels que ESLint et les
schematics @angular/cli pour automatiser les transformations de code
à grande échelle.
Les participants apprendront à créer et appliquer des règles de lint personnalisées, à développer des migrations et à intégrer ces outils dans leur flux de travail. Un projet fil rouge sera présent tout au long de la formation pour permettre aux participants de mettre en pratique leurs nouvelles compétences.
(7 heures)
En présentiel ou en classe virtuelle
En français ou en anglais
Développeurs et développeuses Angular, architectes.
Accessible aux personnes en situation de handicap
DélaiLe cours peut être organisé dans un délai d'un mois.
Objectifs
A l'issue du cours vous saurez:- comprendre les concepts clés des Abstract Syntax Trees (AST) et leur utilisation dans le contexte de JavaScript et TypeScript;
- mettre en pratique la compréhension des AST en en créant des règles ESLint personnalisées;
- découvrir le fonctionnement schematics Angular et apprendre à créer des schematics personnalisés pour automatiser les tâches récurrentes et mettre en place des migrations;
- échanger sur les bonnes pratiques et les retours d'expérience en matière d'automatisation des transformations de code.
Prérequis
Ce cours demandes des connaissances de base en Angular et TypeScript.
Méthodes pédagogiques
- Explication, pour chaque concept, du problème qu'il prétend résoudre.
- Mise en pratique d'un concept immédiatement après qu'il ait été présenté.
- Validation de chaque étape par exécution de tests unitaires.
- Exercice « fil rouge » pour obtenir en fin de cours une application complète.
- QCM en fin de chapitre pour s'assurer de l'acquisition des connaissances.
Programme détaillé
Introduction
- Présentation de la formation et de ses objectifs
- Importance des AST et de l'automatisation dans le développement frontend
- Présentation du projet fil rouge
Comprendre les Abstract Syntax Trees (AST)
- Définition et concepts clés des AST.
- Analyse et manipulation des AST dans le contexte de JavaScript et TypeScript.
- Outils et bibliothèques pour travailler avec les AST (e.g., typescript,
@typescript-eslint/parser,@angular/compiler,postcss).
Mise en pratique: analyse et manipulation d'un AST TypeScript avec la bibliothèque Typescript
ESLint: un linter extensible pour JavaScript et TypeScript
- Présentation et configuration d'ESLint
- Création et test de règles de lint personnalisées
- Application des règles de lint personnalisées à un projet Angular
Mise en pratique: création et application de règles de lint personnalisées avec ESLint
Schematics Angular : Générateur de code et outil de migration
- Présentation et concepts clés des schematics Angular.
- Comprendre et manipuler les différents AST Typescript, HTML et CSS.
- Mise en place de migrations avec les schematics Angular.
Mise en pratique: création et application de schematics personnalisés.
Conclusions et perspectives
- Résumé des compétences acquises durant la formation.
- Échanges sur les bonnes pratiques et les retours d'expérience.
- Pistes d'exploration et de perfectionnement pour les participants.
Prix et financements
2 12
Réduction de 50% pour les associations reconnues d'utilité publique.
Sources de financements pour les organisations françaises:
- prise en charge tout ou partie du coût de la formation par votre opérateur de compétence (OPCO);
- Le dispositif FNE formation si votre organisation est éligible.
- Le plan de développement des compétences de votre entreprise (renseignez-vous auprès de votre service RH).