Formation Webpack 4

 

0,0 rating
Logo Formation Wepack 4

1000€

900€ HT / personne

1 jour (7 heures)

Paris
Il ne reste que quelques places
Disponible aussi en intra-entreprise pour former votre équipe.

Présentation

Webpack est un ensemble de modules JavaScript. Crée en mars 2012 son objectif principal est de regrouper des fichiers JavaScript pour les utiliser dans un navigateur, mais il est également capable de transformer, regrouper ou empaqueter n’importe quelle ressource ou assets.

Webpack est un bundler open source qui se démarque de ses concurrents depuis quelques années grâce à son écosystème très riche qui fournit de nombreux loaders et plug-ins et à son architecture ‘event oriented’ familière aux développeurs JavaScript De plus il détient une d’installation simple puisqu’il est possible de débuter avec sans avoir besoin de fichier de configuration : nous verrons en effet ensemble les conventions à suivre pour bénéficier du « zero configuration ».

Dans cette formation vous apprendrez a utiliser Webpack 4 de son installation a sa mise production en utilisation toutes ces fonctionnalités vous pourrez donc loader des fichiers dans le bon ordre, afin d’éviter l’appel de fonctions indisponibles et travailler sur des projets web plus facilement et rapidement en utilisant d‘ECMAScript tout cela en utilisant les bonnes méthodes.

Comme dans toutes nos formations nous utiliserons la dernière version du logiciel Webpack 4.29.6 (sortie en mars 2019 à la date de rédaction de l’article)

 

Objectifs

  • Comprendre et maîtriser l’architecture de Webpack 4
  • Intégrer des ressources de n’importe quel type dans des builds
  • Apprendre à utiliser les loaders & les plugins
  • Mise en place de Webpack en production

 

Public visé

Développeur, Tech Lead, Architecte Technique

 

Pré-requis

Connaissances fondamentales en JavaScript

 

Pour aller plus loin

Webpack est utilisé en complément des principales bibliothèques et Frameworks JavaScript vous pouvez donc suivre :

Programme de notre formation WebPack 4

 

Introduction

  • Qu’est-ce qu’un bundle ? À quoi servent les bundles ? Dans quels cas les utiliser ?
  • Solutions concurrentes, Avantages et Inconvénients : l’état de l’art
    • Parcel
    • Browserify
  • Pourquoi avez-vous besoin de Webpack ?
  • Mise en place dans notre application
  • Installer Webpack et l’intégrer à NPM
  • Intégrer Webpack dans notre application JavaScript

 

Les loaders

  • Qu’est-ce que Webpack Loader ?
  • Gestion des images avec Webpack
  • Utiliser publicPath
  • Manipulation de CSS avec Webpack
  • Manipulation du SASS
  • Utilisation des dernières fonctionnalités de JavaScript dans Webpack

 

LES PLUGINS

  • Qu’est-ce que Webpack Plugin ?
  • Minification Webpack Bundle
  • Extraction du CSS
    • Mini-css-extract-plugin
    • Dans un ensemble distinct
  • Mise en cache du navigateur
  • Comment nettoyer le Dist Folder

 

Configuration avancée

  • Hot Module Replacement
  • Lazy Loading
  • Tree Shaking

 

Intégration de Webpack dans Node et Express

  • Intégrer Express dans notre application
  • Serveur de pages HTML via Express
  • Manipulation de JavaScript et CSS via Express

 

Production et Déploiements

  • Gestion de la configuration Webpack
  • Utilisation de serveur de développement Webpack
Langues et Lieux disponibles

Langues

  • Français
  • Anglais / English

Lieux

  • France entière
    • Paris
    • Lille
    • Reims
    • Lyon
    • Toulouse
    • Bordeaux
    • Montpellier
    • Nice
    • Sophia Antipolis
    • Marseille
    • Aix-en-Provence
    • Nantes
    • Rennes
    • Strasbourg
    • Grenoble
    • Dijon
    • Tours
    • Saint-Étienne
    • Toulon
    • Angers
  • Belgique
    • Bruxelles
    • Liège
  • Suisse
    • Genève
    • Zurich
    • Lausanne
  • Luxembourg

Témoignages

Il n'y a pas encore de commentaires. Soyez le premier à en écrire un dans la section noter la formation !

Afficher tous les témoignages

Il n'y a pas encore de commentaires. Soyez le premier à en écrire un dans la section noter la formation !

Noter la formation

1000€

900€ HT / personne

1 jour (7 heures)

Paris
Il ne reste que quelques places
Disponible aussi en intra-entreprise pour former votre équipe.

Une question ? Un projet ?

Pour des informations complémentaires, n’hésitez pas à nous contacter.