Vous souhaitez suivre cette formation ?

Contactez-nous ! Un expert vous recontactera dans les plus brefs délais.

Les 4 derniers articles du blog

Quels sont les 10 meilleurs e-learning en 2025 ? Analyse et Tendances

Découvrez le classement 2025 des 10 meilleures plateformes e-learning et leurs innovations, pour booster votre formation professionnelle.

Allan Busi

30 juin 202415 min

Pourquoi les ESN sont des accélérateurs de carrière en 2025 ?

Découvrez comment et pourquoi les ESN (Entreprises de Services du Numérique) restent en 2025 des leviers puissants pour booster sa carrière, notamment dans le secteur IT et la transformation digitale.

Allan Busi

30 juin 202412 min

Comment réussir son orientation en 2025 ? Guide complet pour jeunes et adultes

Découvrez les tendances et les conseils essentiels pour réussir son orientation professionnelle ou scolaire en 2025, à l’ère de l’IA et du changement constant du marché du travail.

Allan Busi

30 juin 202412 min

Guide Pratique 2025 : Comment Réussir en tant qu’Enseignant Aujourd’hui ?

Découvrez dans ce guide pratique 2025 les conseils, outils et stratégies essentiels pour accompagner et former efficacement en tant qu’enseignant, à l’ère du numérique et de l’innovation pédagogique.

Allan Busi

30 juin 202415 min

Voir tous les articles

Objectifs de la formation

Comprendre le fonctionnement de Webpack et son rôle dans la chaîne de développement moderne

Configurer un projet Webpack de zéro et maîtriser les fichiers de configuration

Optimiser les performances : minification, code splitting, lazy loading

Intégrer des loaders et plugins utiles : gestion des images, CSS, Babel, etc.

Mettre en place un workflow de développement efficace avec Webpack Dev Server et hot reload

Préparer des builds de production fiables et performants

Programme

Jour 1Découverte de Webpack et Configuration Initiale

Présentation du rôle de Webpack dans les architectures front, exploration de la notion de module bundler. Installation de Webpack sur un projet vierge, compréhension de la configuration minimale et du fonctionnement des entrées/sorties. Création d'un premier build, gestion des erreurs courantes.

Jour 2Loaders, Plugins et Gestion des Assets

Comprendre et appliquer les loaders : CSS, SASS/SCSS, images, polices. Introduction aux plugins indispensables (HtmlWebpackPlugin, MiniCssExtractPlugin, CleanWebpackPlugin). Optimiser le traitement des assets et améliorer la productivité grâce à l’automatisation des tâches répétitives.

Jour 3Optimisation Avancée, Code Splitting et Workflow Production

Découvrir et appliquer le code splitting (splitChunks), optimisation du tree shaking et du cache. Mise en place d’un environnement de développement avec Webpack Dev Server : hot reload, source maps. Configuration avancée pour la production : gestion des environnements, minification, sécurité et monitoring des bundles.

Méthode d'évaluation

QCM final pour évaluer la compréhension des concepts abordés
Réalisation d’un mini-projet encadré : mise en place d’un build Webpack complet avec optimisation
Correction individuelle des configurations produites

Méthode d'apprentissage

Exposés théoriques illustrés par des démonstrations en direct
Exercices pratiques sur des cas d’usage réels et des maquettes de projets
Accès à un support de cours complet (supports écrits, exemples de configurations)
Atelier collaboratif d’optimisation de configuration

Chargement en cours...

Vous souhaitez suivre cette formation ?

Les 4 derniers articles du blog

Quels sont les 10 meilleurs e-learning en 2025 ? Analyse et Tendances

Pourquoi les ESN sont des accélérateurs de carrière en 2025 ?

Comment réussir son orientation en 2025 ? Guide complet pour jeunes et adultes

Guide Pratique 2025 : Comment Réussir en tant qu’Enseignant Aujourd’hui ?

Maîtriser Webpack : L'Outil Indispensable pour l’Optimisation et le Bundling JavaScript

Objectifs de la formation

Programme

Méthode d'évaluation

Méthode d'apprentissage

Ces formations pourraient vous plaire

Maîtrisez Webpack : Le Bundler Moderne pour Optimiser Vos Applications Web

Maîtriser Webpack : Optimiser et Automatiser Vos Projets Web

Maîtriser l’Optimisation du Taux de Conversion (CRO) pour Booster vos Performances Digitales

Maîtriser le Low Power Mode et l’optimisation énergétique mobile