Formation Webpack 5

Présentation

Webpack est un ensemble de modules JavaScript. Crée en mars 2012 son objectif principal est de regrouper des fichiers JavaScript pour les utiliser dans un navigateur, mais il est également capable de transformer, regrouper ou empaqueter n’importe quelle ressource ou assets.

Webpack est un bundler open source qui se démarque de ses concurrents depuis quelques années grâce à son écosystème très riche qui fournit de nombreux loaders et plug-ins et à son architecture ‘event oriented’ familière aux développeurs JavaScript. De plus il détient une d’installation simple puisqu’il est possible de débuter avec sans avoir besoin de fichier de configuration : nous verrons en effet ensemble les conventions à suivre pour bénéficier du « zero configuration ».

Dans cette formation, vous apprendrez à utiliser Webpack, de son installation a sa mise production en utilisation toutes ces fonctionnalités, vous pourrez donc loader des fichiers dans le bon ordre, afin d’éviter l’appel de fonctions indisponibles et travailler sur des projets web plus facilement et rapidement en utilisant d‘ECMAScript tout cela en utilisant les bonnes méthodes.

Durant ce parcours, vous aborderez les thématiques suivantes : la notion de bundler, le périmètre d’actions de Webpack, le fonctionnement global de Webpack. Après notre formation, vous serez capable de créer une configuration minimale, comprendre les éléments nécessaires  dans une configuration minimale, instancier une première configuration from scratch, ajouter et gérer les différents environnements (production et développement).

En plus, dans notre formation Webpack, vous trouverez comment personnaliser la configuration pour les besoins de votre projet, ainsi comprendre et mettre en place Babel pour l’ES5, configurer Webpack pour utiliser du CSS, mettre en place un serveur HMR, réduire les tailles de fichier grâce à la minification, sécuriser les fichiers grâce à l’offuscation.

Comme dans toutes nos formations, nous utiliserons la dernière version du module bundler WebPack 5.9 sortie en avril 2023.

Objectifs

• Comprendre et maîtriser l’architecture de Webpack
• Découvrir les nouveautés de la version 5 de Webpack
• Intégrer des ressources de n’importe quel type dans des builds
• Apprendre à utiliser les loaders & les plugins
• Mise en place de Webpack en production

Public visé

Développeur, Tech Lead, Architecte Technique

Pré-requis

• Avoir des bases solides en Javascript
• Expérience significative en programmation (expérience intermédiaire à avancée)
• Avoir une expérience sur des projets importants avec des défis résolus grâce à Webpack est un avantage significatif

Pour aller plus loin

Webpack est utilisé en complément des principales bibliothèques et Frameworks JavaScript vous pouvez donc suivre :

• Notre formation sur Node.JS
• Notre formation sur Angular 13 & Avancé
• Notre formation sur React & React Avancé