Webpack: créer un bundle de votre application web

Bonne connaissance de javascript et de NodeJS

Utiliser Webpack pour créer un environnement de développement automatisé.

Découvrir Webpack

Historique des versions
Les avantages de Webpack
Gulp vs Grunt vs Webpack
La documentation

Rappel node et npm

Atelier: Installer et créer un projet avec Webpack

Comprendre les principes de base

Configuration de l'environnement: webpack.config
Gestion des points d'entrées et des sorties
Utiliser les loaders et les plugins
Démarrer une application à l'aide des scripts npm
Utiliser les syntaxes ES6: babel loader

Atelier: Gérer un projet avec typescript

Gérer l'environnement et optimisations

Mode dev et mode prod
Créer un serveur local avec webpack-dev-server
Les sources map
Mise à jour automatique: watch mode
Minification des sources
Utiliser le lazy loading

Atelier: Configurer un projet pour l'environnement de développement et de production

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.

Contrôle continu

Attestation de fin de stage mentionnant le résultat des acquis