La formation est-elle certifiée Qualiopi ?

Oui, Learni est un organisme certifié Qualiopi. Cette certification garantit la qualité de nos formations et permet leur prise en charge par les OPCO et autres dispositifs de financement.

Comment financer ma formation ?

Nos formations sont éligibles aux financements OPCO. Learni vous accompagne dans les démarches de prise en charge. Un devis personnalisé est disponible sur demande.

Quels sont les prérequis pour cette formation ?

Les prérequis pour la formation Formation Webpack - Optimiser le bundling d'applications web sont : Bases en JavaScript ES6, Node.js installé et notions de ligne de commande. Un entretien préalable permet de valider votre éligibilité.

La formation est-elle disponible en présentiel ?

Oui, la formation Formation Webpack - Optimiser le bundling d'applications web est disponible en distanciel. Le format peut être adapté à vos besoins (inter, intra, sur-mesure).

Formation Webpack - Optimiser le bundling d'appl... | Learni

L'histoire de Learni

Fondée par des passionnés de l'apprentissage et de l'innovation, Learni s'est donnée pour mission de rendre la formation professionnelle accessible à tous, partout dans le monde. Notre équipe intervient dans les plus grandes métropoles telles que Paris, Lyon, Marseille, mais aussi à l'international, afin d'accompagner les talents et les organisations dans leur montée en compétences.

Configurez votre formation

Réponse sous 24hSans engagement100% gratuit

Il reste 9 places pour la prochaine session

FormatParticipantsDateCoordonnées

Quel format préférez-vous ?

Modalités, méthodes et moyens pédagogiques

La formation Formation Webpack - Optimiser le bundling d'applications web est délivrée en présentiel ou distanciel (blended-learning, e-learning, classe virtuelle, présentiel à distance). Chez Learni, organisme de formation certifié Qualiopi, chaque parcours est conçu pour maximiser l'acquisition de compétences, quel que soit le mode de formation choisi.

Le formateur alterne entre méthode démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation). Cette approche pédagogique garantit un apprentissage concret et directement applicable en entreprise.

Moyens pédagogiques mis en œuvre

Pour garantir la qualité de la formation Formation Webpack - Optimiser le bundling d'applications web, Learni met à disposition les moyens pédagogiques suivants :

Ordinateurs Mac ou PC, connexion internet haut débit fibre, tableau blanc ou paperboard, vidéoprojecteur ou écran tactile interactif (pour les sessions en distanciel)
Environnements de formation installés sur les postes de travail ou accessibles en ligne
Supports de cours, exercices pratiques et ressources complémentaires
Accès post-formation aux supports et ressources pédagogiques

En cas de formation intra-entreprise sur site externe à Learni, le client s'assure et s'engage à disposer de toutes les ressources matérielles pédagogiques nécessaires (équipements informatiques, connexion internet...) au bon déroulement de l'action de formation conformément aux prérequis indiqués dans le programme de formation communiqué.

* nous consulter pour la faisabilité en distanciel** ratio variable selon la formation suivie

Modalités d'évaluation des acquis

L'évaluation des compétences acquises lors de la formation Formation Webpack - Optimiser le bundling d'applications web s'effectue à travers :

En cours de formation : études de cas, travaux pratiques et mises en situation professionnelle
En fin de formation : questionnaire d'auto-évaluation et évaluation des acquis par le formateur
Après la formation : attestation de fin de formation détaillant les compétences acquises

Accessibilité de la formation

Learni s'engage pour l'accessibilité de ses formations professionnelles. Toutes nos formations sont accessibles aux personnes en situation de handicap. Nos équipes sont à votre disposition pour adapter les modalités pédagogiques à vos besoins spécifiques. N'hésitez pas à nous contacter pour toute demande d'aménagement.

Objectifs de la formation

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

Programme de la formation

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.