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 - Optimiser le bundling d'applications web training are: Bases en JavaScript ES6, Node.js installé et notions de ligne de commande. A preliminary interview validates your eligibility.

Is the training available in person?

Yes, the Formation Webpack - Optimiser le bundling d'applications web training is available in distanciel. The format can be adapted to your needs (inter, intra, custom).

Formation Webpack - Optimiser le bundling d'appl... | 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 - Optimiser le bundling d'applications web 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 - Optimiser le bundling d'applications web 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 - Optimiser le bundling d'applications web 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 les fondamentaux de Webpack pour des builds professionnels

Développer des configurations Webpack adaptées à des projets d'entreprise

Implémenter loaders et plugins pour traiter assets et modules

Optimiser les bundles Webpack pour des performances web supérieures

Configurer le serveur de développement et code splitting certifiant

Intégrer Webpack dans un workflow CI/CD pour déploiements efficaces

Training program

Module 1Fondamentaux Webpack : installation et premier bundle (CLI, configuration initiale)

Découvrez l'installation rapide de Webpack via npm, créez votre premier projet bundlé en explorant la CLI et le fichier webpack.config.js, testez des entrées multiples avec des modules JavaScript simples, générez des outputs optimisés pour production, réalisez des exercices pratiques sur un cas concret d'application web d'entreprise, avec feedback immédiat du formateur pour consolider vos compétences professionnelles dès le premier jour.

Module 2Gestion des modules Webpack : loaders pour assets (CSS, images, fonts)

Plongez dans le système de modules de Webpack, configurez des loaders essentiels comme css-loader et style-loader pour intégrer du CSS modulaire, traitez images et fonts avec file-loader ou url-loader, expérimentez la résolution de dépendances via resolve.alias, appliquez ces outils sur un projet fil rouge e-commerce, produisez un bundle cohérent et documentez votre configuration pour une réutilisation en équipe certifiante.

Module 3Plugins Webpack : optimisation et minification (UglifyJS, HtmlWebpackPlugin)

Explorez les plugins puissants de Webpack pour booster vos builds, implémentez HtmlWebpackPlugin pour générer des pages HTML dynamiques, activez la minification avec TerserPlugin et l'optimisation des chunks, analysez les bundles via webpack-bundle-analyzer, testez sur des cas réels d'entreprise avec assets complexes, obtenez des livrables prêts pour production qui réduisent drastiquement la taille des fichiers et accélèrent les déploiements.

Module 4Serveur dev et code splitting Webpack : hot reload et lazy loading

Maîtrisez webpack-dev-server pour un développement fluide avec hot module replacement, configurez le code splitting dynamique via SplitChunksPlugin et import(), simulez des chargements asynchrones pour améliorer les performances Core Web Vitals, intégrez ces techniques dans votre projet fil rouge, mesurez les gains en temps de chargement avec Lighthouse, produisez une démo interactive prête à présenter en entreprise pour valider vos compétences certifiantes.

Module 5Avancé initiation Webpack : multi-configurations et intégration CI/CD (Docker, GitHub Actions)

Finalisez avec des configurations multiples pour dev/staging/prod via webpack-merge, intégrez Webpack dans un pipeline CI/CD simple avec GitHub Actions ou Docker, automatisez tests et builds, optimisez pour environnements d'entreprise, révisez le projet fil rouge complet avec code review expert, exportez vos configs personnalisées et recevez un certificat validant votre maîtrise professionnelle de Webpack pour booster votre carrière.