Accueil > Développement informatique et DevOps > Webpack - Empaquetage de l’application client
Formation #DEV196

Formation Webpack - Empaquetage de l’application client

Durée : 2 jours

Code : DEV196


Prochaines dates programmées :

04 et 05 Avril 2024

06 et 07 Août 2024

03 et 04 Déc. 2024

Fin d'Inscription :
Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email : Au minimum 15 JOURS OUVRÉS avant la date de formation.
Si vous avez un besoin URGENT et que vous souhaitez une date de formation plus proche que les sessions programmées (minimum 15 à 20 jours ouvrés à date de votre demande)

Objectifs

  • Comprendre le fonctionnement de Webpack
  • Apprendre à développer son application avec Webpack
Programme
1/ Introduction à Webpack
  • Qu'est-ce un module pour wepback
  • Installer Webpack
  • La notion de module et de dépendance dans Webpack
  • Utiliser Webpack en mode Ligne de commande
  • Utiliser Webpack avec un fichier de configuration
  • Comparaison avec Gulp et Grunt
2/ Présentation de Webpack
  • Présentation des modules dans Webpack
  • Configuration simple pour commencer
  • Le watch mode
  • Installer le Webpack devServer
  • Le build incrémental
  • Le Hot Module Reload
3/ Les loaders
  • Qu'est-ce qu'un loader ?
  • babel-loader pour transpiler d'ES6 en ES5
  • Les divers "stages" d'ECMAScript
  • css-loader et style-loader pour prendre en charge vos CSS
  • Transformer des fichiers scss en css
4/ Les plugins
  • Utiliser un plugin fourni par Webpack
  • Utiliser un plugin importé
  • Générer un hash en guise de titre de bundle
  • Générer plusieurs bundles
  • Utiliser plusieurs instances de HTML Webpack Plugin
  • Utiliser le plugin "webpack-bundle-analyzer"
  • Partager des librairies se trouvant dans node_modules à l'aide de SplitChunksPlu
5/ Lancer la production de code avec Webpack
  • Un exemple avec la minification
  • Comprendre la structure d'un bundle
  • Utiliser le "tree shaking" (suppression des codes morts)
  • Le code splitting, synchrone et asynchrone
Approche Pédagogique

Approche Pédagogique

  • Pédagogie très opérationnelle fondée sur l'alternance entre théorie et pratique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
Public Cible

Personnes Visées

  • Développeurs
Dates

Dates

  • 04 et 05 Avril 2024
  • 06 et 07 Août 2024
  • 03 et 04 Déc. 2024
  • Fin d'Inscription :
    Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email : Au minimum 15 JOURS OUVRÉS avant la date de formation.