Accueil > Développement Logiciel, Devops > Webpack - Empaquetage de l’application client
Formation #DEV196

Formation Webpack - Empaquetage de l’application client

Formation avec Restauration incluse
(Déjeuner, Petit Déjeuner et Pauses Cafés)

Durée : 2 jours

Code : DEV196


Sessions programmées :

18 et 19 Fév. 2021

13 et 14 Avril 2021

24 et 25 Juin 2021

21 et 22 Sept. 2021

11 et 12 Nov. 2021

Fin d'Inscription :
Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email :
  • Pour les entreprises AU MAROC :
    Au minimum 10 JOURS OUVRÉS avant la date de formation
  • Pour les entreprises HORS MAROC :
    Au minimum 15 JOURS OUVRÉS avant la date de formation

Formation dans votre entreprise.

Durée : 2 jours

Code : DEV196


Vous souhaitez réaliser cette formation en vos locaux avec le même programme ?

Vous souhaitez personnaliser le programme de cette formation pour qu'elle réponde aux spécificités de votre entreprise ?

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

  • 18 et 19 Fév. 2021
  • 13 et 14 Avril 2021
  • 24 et 25 Juin 2021
  • 21 et 22 Sept. 2021
  • 11 et 12 Nov. 2021
  • Fin d'Inscription :
    Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email :
    • Pour les entreprises AU MAROC : Au minimum 10 JOURS OUVRÉS avant la date de formation
    • Pour les entreprises HORS MAROC : Au minimum 15 JOURS OUVRÉS avant la date de formation