Webpack

Des concepts de base jusqu’aux optimisations avancées, en passant par la maintenabilité et la personnalisation : la formation de référence sur ce bundler incontournable.

Objectifs

La formation Webpack vise à permettre aux apprenant·e·s de :

  • comprendre et maîtriser l’architecture de Webpack
  • intégrer des ressources de n’importe quel type dans leurs builds
  • maximiser leur productivité en optimisant leurs builds incrémentaux
  • optimiser finement le temps de démarrage de leurs applications web
  • étendre Webpack pour répondre à leurs besoins « maison »

Public visé

La formation Webpack s’adresse principalement aux développeur·ses web et aux Dev Ops.

Une connaissance préalable de JavaScript, même minime, est nécessaire. Une expérience sur d’autres outils de build / bundling est un plus mais n’est en rien obligatoire. Aucune connaissance préalable de Webpack ni de Node.js n’est nécessaire.

Programme

Premiers pas

  • Concepts fondamentaux
  • Traiter du JavaScript
  • Traiter des styles
  • Traiter des images
  • Traiter des fontes
  • Autres sources courantes
  • Ajuster pour les livrables de production

Rendre la configuration maintenable

  • webpack-merge
  • Découper les éléments de configuration
  • Approches possibles de découpe par fichiers

Optimiser l’expérience de développement

  • Tirer le meilleur parti du serveur de développement
  • Intégrer à nos propres serveurs
  • Hot Module Replacement
  • Plugins et surcouches pratiques

Optimiser la performance de build

  • Ne transpiler que le nécessaire
  • Réduire les périmètres des loaders
  • Mettre en cache les résultats des loaders
  • Choisir les bons types de sourcemaps
  • Externaliser le code tiers avec externals
  • Paralléliser le build
  • Paralléliser certains loaders
  • DllPlugin et DllReferencePlugin`

Optimiser la performance de production

  • Optimiser le nombre et les tailles de fichiers
  • Optimiser la mise en cache
  • Bundle splitting
  • Code splitting
  • Analyser la performance des bundles
  • Produire une bibliothèque plutôt qu’une app

Webpack + React

  • En développement
  • En production

Personnaliser Webpack

  • Configurations subtiles
  • Écrire nos propres loaders
  • Écrire nos propres plugins

Moyens pédagogiques et techniques, suivi et appréciation

Les apprenant·e·s reçoivent, en début de session, l’ensemble des diapositives du support de cours au format web, afin de pouvoir faciliter leur suivi du plan de cours.

Après la session, ils reçoivent par ailleurs, avec un e-mail de debrief très fourni et riche en ressources, une archive de référence, contenant les codebases finalisées, entièrement documentées et testées, les slides de toute la formation et diverses ressources complémentaires.

Tarifs indicatifs

Apprenant·e·s de la conventionTarif unitaire
1 à 2 personnes  1 500 € HT
3 à 5 personnes  1 350 € HT
À partir de 6 personnes  1 200 € HT