[{"data":1,"prerenderedAt":49},["ShallowReactive",2],{"course-industrialisation-front-end":3,"highlight-shell-# Pipeline CI/CD pou":48},{"id":4,"name":5,"slug":6,"location":7,"targetAudienceFormatMarkdown":8,"prerequisitesFormatMarkdown":9,"objectivesFormatMarkdown":10,"descriptionFormatMarkdown":11,"teachingMethodsFormatMarkdown":12,"teachingResourcesFormatMarkdown":13,"evaluationMethodsFormatMarkdown":14,"accessibilityFormatMarkdown":15,"accessMethodsFormatMarkdown":16,"minimumParticipants":17,"maximumParticipants":18,"duration":19,"reference":18,"trainerType":18,"updated_at":20,"created_at":21,"price":22,"organizationMode":23,"theme":26,"code":30,"tags":35,"metadata":39},"/api/courses/26d89b5c-bf2e-40b8-9347-636fa8f7a13d","Industrialisation front-end ","industrialisation-front-end","teams","Développeurs\n\nChefs de projets\n\nTesteurs\n\nResponsables validations","-   Avoir les bases en développement logiciel et des notions sur le test","-   Mettre en place une industrialisation des tests logiciels avec des outils Open Source\n-   Optimiser et automatiser le processus de build et de déploiement continu\n-   Assurer la qualité du code avec des outils d’analyse, de tests et de couverture","--day1--\n\n  \n\n## GÉRER LE BUILD ET L’ENVIRONNEMENT DE DÉVELOPPEMENT\n\n-   Configurer votre environnement Node.js et npm\n-   Maîtriser les gestionnaires de paquets (npm, yarn, pnpm)\n-   Exploiter les outils de build modernes (Vite, Webpack)\n-   Optimiser les performances de build\n-   Paramétrer le hot-reload et le watch mode\n\n  \n\n  \n\n--break--\n\n## ORGANISER SON DEVELOPPEMENT\n\n-   Structurer vos projets avec les bonnes pratiques\n-   Appliquer les conventions de nommage et de style\n-   Implémenter le linting et le formating (ESLint, Prettier)\n-   Gérer efficacement les dépendances\n-   Documenter votre code (JSDoc, Storybook)\n\n  \n\n--day2--\n\n  \n\n## METTRE EN PLACE LES TESTS\n\n-   Adopter une stratégie de tests pyramidales\n-   Réaliser des tests unitaires avec Vitest/Jest\n-   Pratiquer le TDD et le BDD\n-   Simuler les composants avec les mocks\n-   Analyser la couverture de code\n\n  \n\n--break--\n\n## AUTOMATISER LA QUALITE\n\n-   Intégrer les outils d’analyse statique\n-   Configurer SonarQube pour le front-end\n-   Établir des métriques de qualité\n-   Mettre en place les tests d’intégration\n-   Automatiser les tests end-to-end avec Cypress/Playwright\n\n  \n\n--day3--\n\n  \n\n## DÉPLOYER EN CONTINU\n\n-   Construire vos pipelines CI/CD\n-   Orchestrer avec GitHub Actions/GitLab CI\n-   Gérer les environnements de déploiement\n-   Sécuriser vos déploiements\n-   Surveiller la qualité en production\n\n  \n\n--break--\n\n## OPTIMISER LA MAINTENABILITÉ\n\n-   Standardiser les pratiques d’équipe\n-   Établir une stratégie de versioning\n-   Gérer les montées de version des dépendances\n-   Maintenir une documentation vivante\n-   Mesurer et optimiser les performances\n\n###","Nos formations, équilibrées entre théorie (50%) et pratique (50%), offrent un apprentissage interactif grâce à des méthodes variées comme les travaux pratiques, les mises en situation et les démonstrations. Des QCM réguliers assurent le suivi des acquis.\n\nVariables suivant les formations, les moyens techniques mis en oeuvre sont :\n\nOrdinateurs Mac ou PC, connexion internet fibre, tableau blanc ou écran (pour le distanciel).\n\nEn cas de formation intra sur site externe à Le Code, le client s'assure et s'engage également à avoir toutes les ressources matérielles pédagogiques nécessaires\n\n(équipements informatiques...) au bon déroulement de l'action de formation visée conformément aux prérequis indiqués dans le programme de formation communiqué\n\nLes prérequis techniques seront communiqués aux apprenants en amont de la formation, lors de l'analyse des besoins, en fonction des spécificités de chaque client.","Les supports pédagogiques sont remis aux stagiaires sous format numérique et/ou papier selon les modalités de la formation.\n\n  \n\nIls comprennent des supports de cours, des présentations, des fiches pratiques, des études de cas, des exercices applicatifs ainsi que des QCM d’entraînement selon la formation. (adapté au choix du formateur)\n\n  \n\nLes formations s’appuient sur des moyens techniques adaptés : ordinateurs, logiciels professionnels, connexion internet, écran ou vidéoprojecteur, ainsi que des outils collaboratifs et de visioconférence pour les formations à distance.\n\n  \n\nL’ensemble des supports pédagogiques est accessible pendant et après la formation afin de favoriser l’appropriation et la mise en pratique des compétences acquises.","En amont de la formation, un recueil des besoins permet de récolter des informations sur le stagiaire et ses attentes. L’évaluation se fait en cours de formation, par des études de cas ou des travaux pratiques. En fin de formation, par un questionnaire d’auto-évaluation et/ou un examen.\n\nUn suivi de qualité est effectué grâce à nos sessions en groupe restreint (entre 2 et 9 participants maximum). Le stagiaire émargera par demi-journée et recevra une attestation de formation.","Nous informons l'ensemble de nos clients et stagiaires que nous sommes dans la capacité d’adapter les sessions selon les handicaps et les situations spécifiques. Nous nous engageons à répondre à toutes vos demandes sous un délai de 48h\n\nouvré.","Si l’une de nos formations vous intéresse, contactez-nous au +33 4 93 65 34 24 ou à l’adresse mail contact@m2g-intellect.fr. Selon votre besoin et vos attentes, nous organiserons un échange téléphonique avec le formateur pressenti afin d’adapter la\n\nformation et ses modules, puis nous vous adresserons un devis.\n\nLes dates de la formation seront à convenir sous 30 jours maximum.",1,null,"21.00","2026-06-25T15:09:54+00:00","2026-01-18T11:25:25+00:00","2100.00",{"id":24,"name":25},"/api/organization_mode_types/6","HYBRID",{"id":27,"name":28,"slug":29},"/api/themes/abd712b8-6a6c-4c9b-b382-0aea1eac47d6","Développement Web Frontend","developpement-web-frontend",{"id":31,"label":32,"domain":33},"/api/training_specialities/163","326 - Informatique, traitement de l’information, réseaux de transmission des données",{"label":34},"32 - Communication et information",[36],{"id":37,"name":38},"7732139d-6025-4fde-b145-39298ced3408","MENUFEATURED",{"desc-accroche":40,"Description":41,"icon-color":42,"icon-name":43,"code-langage":44,"code-snippet":45,"courte-description":46,"titre-accroche":47},"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.","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.","#0078D4","mdi:cogs","shell","# Pipeline CI/CD pour le Front-end\nnpm install\nnpm run build\nnpm run test:unit\nnpm run test:e2e\n\n# Déploiement vers l'environnement de staging\naz storage blob upload-batch \\\n\t--source ./dist \\\n\t--destination $STAGING_CONTAINER","Formation aux pratiques et outils DevOps pour le Front-end : automatisation des builds, tests, gestion des dépendances et pipelines de livraison continue (CI/CD).","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.","\u003Cpre class=\"hljs\">\u003Ccode class=\"language-shell\">\u003Cspan class=\"hljs-meta prompt_\"># \u003C/span>\u003Cspan class=\"language-bash\">Pipeline CI/CD pour le Front-end\u003C/span>\nnpm install\nnpm run build\nnpm run test:unit\nnpm run test:e2e\n\u003Cspan class=\"hljs-meta prompt_\">\n# \u003C/span>\u003Cspan class=\"language-bash\">Déploiement vers l\u003Cspan class=\"hljs-string\">'environnement de staging\u003C/span>\u003C/span>\naz storage blob upload-batch \\\n\t--source ./dist \\\n\t--destination $STAGING_CONTAINER\u003C/code>\u003C/pre>",1792136714494]