Accueil    Formations    Informatique    Langages et développement    Développeur Web HTML 5, CSS 3 et JavaScript    Webpack - Empaquetage de l'application client

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Objectifs pédagogiques

  • Utiliser l'outil Webpack
  • Gérer des dépendances et créer un "exécutable" local pour le suivi des applications
  • Fournir une approche modulaire de l'application front avec Webpack
  • Suivre un développement à l'image d'un développement serveur.

Niveau requis

Avoir une très bonne connaissance de JavaScript et de l'environnement de conception client.

Public concerné

Développeurs de sites Web confrontés à l'industrialisation de la production de codes client de qualité.

Programme

Introduction à Webpack

  • Installation de Webpack
  • Comprendre la notion de module et de dépendance dans Webpack
  • Utilisation de Webpack en mode Ligne de commande
  • Utilisation de Webpack avec un fichier de configuration
  • Comparaison avec Gulp et Grunt

Présentation de Webpack

  • La notion de loader dans Webpack
  • Présentation des modules dans Webpack
  • Notion de plug-ins et disponibilité de ceux-ci
  • Configuration simple pour commencer
  • Le watch mode
  • Installer le Webpack devServer
  • Le build incrémental
  • Le Hot Module Reload

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

Les loaders

  • Ecrire un loader

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Vous souhaitez suivre cette formation ?

Cette formation est disponible en présentiel ou en classe à distance, avec un programme et une qualité pédagogique identiques.

Choisissez la modalité souhaitée pour vous inscrire :

Modalité Présentiel, Classe à distance

Votre société a besoin d'une offre personnalisée ? Contactez-nous

Faites-nous part de votre projet de formation, nous sommes là pour vous guider.

Contactez-nous