Is the training Qualiopi certified?

Yes, Learni is a Qualiopi-certified training organization. This certification guarantees the quality of our courses and enables funding through OPCO and other mechanisms.

How can I fund my training?

Our courses are eligible for OPCO funding. Learni supports you through the funding process. A personalized quote is available upon request.

What are the prerequisites for this training?

The prerequisites for the Formation Webpack 2026 - Optimiser bundles pour apps ultra-performantes training are: Maîtrise de JavaScript ES6+, Node.js, npm/yarn et bases de bundling. A preliminary interview validates your eligibility.

Is the training available in person?

Yes, the Formation Webpack 2026 - Optimiser bundles pour apps ultra-performantes training is available in présentiel. The format can be adapted to your needs (inter, intra, custom).

Formation Webpack 2026 - Optimiser bundles pour ... | Learni

The story of Learni

Founded by passionate advocates of learning and innovation, Learni set out to make professional training accessible to everyone, everywhere in the world. Our team works in the largest cities such as Paris, Lyon, Marseille, and internationally, to support talents and organizations in their skills development.

Configure your training

Response within 24hNo commitment100% free

9 spots remaining for the next session

FormatParticipantsDateDetails

Which format do you prefer?

Methods, approaches, and teaching resources

The Formation Webpack 2026 - Optimiser bundles pour apps ultra-performantes training is delivered in-person or remotely (blended-learning, e-learning, virtual classroom, remote in-person). At Learni, a Qualiopi-certified training organization, each program is designed to maximize skills acquisition, regardless of the training mode chosen.

The trainer alternates between demonstrative, interrogative, and active methods (through practical exercises and/or real-world scenarios). This pedagogical approach ensures concrete and directly applicable learning in the workplace.

Teaching resources provided

To ensure the quality of the Formation Webpack 2026 - Optimiser bundles pour apps ultra-performantes training, Learni provides the following teaching resources:

Mac or PC computers, high-speed fiber internet, whiteboard or flipchart, video projector or interactive touchscreen (for remote sessions)
Training environments installed on workstations or accessible online
Course materials, practical exercises, and supplementary resources
Post-training access to materials and teaching resources

For in-house training at a location external to Learni, the client ensures and commits to having all necessary teaching materials (IT equipment, internet connection...) for the proper conduct of the training action in accordance with the prerequisites indicated in the communicated training program.

* contact us for remote feasibility** ratio varies depending on the training followed

Assessment methods

The assessment of skills acquired during the Formation Webpack 2026 - Optimiser bundles pour apps ultra-performantes training is carried out through:

During training: case studies, practical exercises, and professional scenarios
At the end of training: self-assessment questionnaire and skills evaluation by the trainer
After training: training completion certificate detailing acquired skills

Training accessibility

Learni is committed to the accessibility of its professional training programs. All our training programs are accessible to people with disabilities. Our teams are available to adapt teaching methods to your specific needs. Do not hesitate to contact us for any accommodation request.

Training objectives

Maîtriser la configuration avancée de Webpack 2026 pour projets professionnels

Développer des workflows de build optimisés et scalables en entreprise

Implémenter loaders et plugins personnalisés pour traitements efficaces

Optimiser les performances avec code splitting et tree shaking avancés

Concevoir des pipelines CI/CD intégrant Webpack certifiant

Déployer des bundles sécurisés et compatibles multi-environnements

Training program

Module 1Fondamentaux Webpack 2026 : configuration initiale et mode développement (CLI, webpack.config.js, hot reload)

Installation de Webpack 2026 et création d'un projet professionnel, configuration du fichier webpack.config.js avec entry points multiples, intégration du mode développement pour hot module replacement, exercices pratiques sur un cas d'entreprise réel, débogage interactif avec source maps avancés, production d'un premier bundle fonctionnel et testé en équipe.

Module 2Loaders Webpack 2026 : traitement assets et preprocessors (Babel, Sass, images, fonts)

Exploration des loaders essentiels comme babel-loader pour ESNext, sass-loader pour CSS modulaire, configuration d'optimisation d'images avec image-webpack-loader, exercices sur transformation d'assets complexes dans un projet e-commerce, résolution de dépendances circulaires, génération de rapports d'analyse pour identifier les goulots d'étranglement, livrable d'un workflow assets prêt pour production.

Module 3Plugins Webpack 2026 : personnalisation et automatisation (HtmlWebpackPlugin, DefinePlugin, mini-css-extract)

Déploiement de plugins phares pour injection HTML dynamique, extraction CSS critique, définition de variables d'environnement sécurisées, ateliers pratiques sur un dashboard d'entreprise, création de plugins custom pour logging avancé, optimisation de la taille des bundles via analyse plugin, finalisation d'un setup plugin complet avec tests unitaires intégrés.

Module 4Optimisation Webpack 2026 : code splitting, tree shaking et caching (SplitChunksPlugin, Terser)

Implémentation du dynamic imports pour lazy loading, activation du tree shaking avec sideEffects, configuration de cache groups pour vendor bundles, exercices sur une app single-page lourde, mesure des gains de performance avec Lighthouse, tuning du minification Terser pour gzip optimal, production de bundles segmentés réduisant le temps de chargement de 50%.

Module 5Déploiement Webpack 2026 : production, sécurité et CI/CD (webpack-bundle-analyzer, Docker integration)

Préparation des builds production avec signatures et hashing, intégration à GitHub Actions pour pipelines automatisés, analyse visuelle des bundles avec webpack-bundle-analyzer, ateliers sur sécurisation contre injections, déploiement serverless sur Vercel/Netlify, revue de code collective, remise d'un projet fil rouge certifiant avec rapport de performance final.