Dans vos locaux
Pour ancrer les apprentissages et encourager la dynamique collective.
Formation Industrialisation front-end
Structurez vos projets Front-end pour l'entreprise en créant des pipelines de livraison continue et des environnements de développement outillés (bundlers, tests) de haute performance.
Mettez en place une chaîne CI/CD complète pour vos projets Front-end. Maîtrisez l'automatisation des tâches, le Build (Webpack, Vite), les tests unitaires/e2e et le déploiement continu pour une qualité et une rapidité de livraison optimales.
3 jours (21 h)
2 100,00 € HT
# Pipeline CI/CD pour le Front-end
npm install
npm run build
npm run test:unit
npm run test:e2e
# Déploiement vers l'environnement de staging
az storage blob upload-batch \
--source ./dist \
--destination $STAGING_CONTAINERDescription 
Cette formation est essentielle pour les développeurs et les équipes souhaitant faire évoluer la gestion de leurs applications web au niveau industriel. L'industrialisation Front-end ne se limite pas au codage ; elle englobe l'ensemble des outils et processus garantissant la qualité, la stabilité et la rapidité de mise en production du code. Vous apprendrez à configurer des outils de bundling modernes (comme Vite ou Webpack), à implémenter des stratégies de tests robustes (unitaires avec Jest, de bout en bout avec Cypress ou Playwright), et à automatiser l'ensemble du cycle via des pipelines d'Intégration Continue / Déploiement Continu (CI/CD). L'accent est mis sur la performance, la gestion des dépendances et les pratiques DevOps appliquées aux applications Front-end.
Les objectifs
Mettre en place une industrialisation des tests logiciels avec des outils
Open Source
Optimiser et automatiser le processus de build et de déploiement continu
Assurer la qualité du code avec des outils d’analyse, de tests et
de couverture
Public visé
Développeurs
Chefs de projets
Testeurs
Responsables validations
Prérequis
Avoir les bases en développement logiciel et des notions sur le test
Le programme
Jour 1
Matinée
1. GÉRER LE BUILD ET L’ENVIRONNEMENT DE DÉVELOPPEMENT
- Configurer votre environnement Node.js et npm
- Maîtriser les gestionnaires de paquets (npm, yarn, pnpm)
- Exploiter les outils de build modernes (Vite, Webpack)
- Optimiser les performances de build
- Paramétrer le hot-reload et le watch mode
Après-midi
2. ORGANISER SON DEVELOPPEMENT
- Structurer vos projets avec les bonnes pratiques
- Appliquer les conventions de nommage et de style
- Implémenter le linting et le formating (ESLint, Prettier)
- Gérer efficacement les dépendances
- Documenter votre code (JSDoc, Storybook)
Jour 2
Matinée
3. METTRE EN PLACE LES TESTS
- Adopter une stratégie de tests pyramidales
- Réaliser des tests unitaires avec Vitest/Jest
- Pratiquer le TDD et le BDD
- Simuler les composants avec les mocks
- Analyser la couverture de code
Après-midi
4. AUTOMATISER LA QUALITE
- Intégrer les outils d’analyse statique
- Configurer SonarQube pour le front-end
- Établir des métriques de qualité
- Mettre en place les tests d’intégration
- Automatiser les tests end-to-end avec Cypress/Playwright
Jour 3
Matinée
5. DÉPLOYER EN CONTINU
- Construire vos pipelines CI/CD
- Orchestrer avec GitHub Actions/GitLab CI
- Gérer les environnements de déploiement
- Sécuriser vos déploiements
- Surveiller la qualité en production
Après-midi
6. OPTIMISER LA MAINTENABILITÉ
- Standardiser les pratiques d’équipe
- Établir une stratégie de versioning
- Gérer les montées de version des dépendances
- Maintenir une documentation vivante
- Mesurer et optimiser les performances
En présentiel ou à distance : à vous de choisir
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.