$ 19.00

Tuto Webpack 4 pour les développeurs pressés avec JavaScript

$ 19.00

  • Une formation vidéo de 1h36m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Cette formation en vidéo vous permettra de prendre en main le plus célèbre des bundlers : Webpack.
Un bundler est devenu indispensable depuis quelques années déjà du fait de la complexité croissante des applications Web.

Un bundler vous permet en effet :

  • de loader des fichiers dans le bon ordre, afin d'éviter l'appel de fonctions qui ne sont pas (encore) disponibles en raison d'une erreur dans l'ordre d'import de vos nombreux fichiers JavaScript
  • de travailler sur des projets web plus facilement et rapidement en vous permettant d'utiliser des options d'ECMAScript qui ne sont pas encore comprises par les navigateurs
  • d'utiliser des langages qui ne sont pas reconnus par les navigateurs (tels que TypeScript ou Sass) puis de générer des fichiers JavaScript ou CSS grâce aux loaders de Webpack

Mais là où Webpack marque des points supplémentaires, c'est en permettant de gagner drastiquement en performance :

  • en vous permettant de regrouper et de minifier toutes vos resources afin de les rendre plus facilement déployables et plus rapidement téléchargeables
  • en vous permettant de mettre en oeuvre le 'code splitting', qui vous permettra de créer plusieurs bundles qui pourront être téléchargés lorsqu'ils sont vraiment nécessaires

Webpack est un bundler open-source qui fait référence depuis quelques années grâce à son éco-système très riche qui fournit de nombreux loaders et plugins et à son architecture 'event oriented' familière aux développeurs JavaScript. Depuis sa v4, Webpack est même plus simple d'utilisation puisqu'il 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".

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.

Bienvenue dans cette formation qui vous apprendra à utiliser Webpack 4 au quotidien.

Table des matières de cette formation JavaScript (durée : 1h36m)

  • Les fondamentaux
    • Qu'est-ce que Webpack ? gratuit 00:05:49
    • Webpack sans configuration (zero configuration) gratuit 00:08:11
    • Ajouter au bundle uniquement ce qui est utilisé 00:01:49
    • Ajouter le serveur de développement proposé par Webpack 00:04:37
    • Personnaliser la configuration de Webpack 00:04:52
  • Les loaders
    • Qu'est-ce qu'un loader ? gratuit 00:07:00
    • Babel-loader pour transpiler d'ES6 en ES5 00:03:38
    • Les divers "stages" d'ECMAScript 00:01:52
    • Css-loader et style-loader pour prendre en charge vos CSS 00:06:27
    • Transformer des fichiers scss en css 00:04:19
  • Les plugins
    • Utiliser un plugin fourni par Webpack gratuit 00:10:28
    • Utiliser un plugin importé 00:07:54
    • Générer un hash en guise de titre de bundle 00:02:51
    • Générer plusieurs bundles 00:10:52
    • Utiliser plusieurs instances de HTML Webpack Plugin 00:03:28
    • Utiliser le plugin "webpack-bundle-analyzer" 00:06:52
    • Partager des librairies se trouvant dans node_modules à l'aide de SplitChunksPlugin 00:05:04



Formateur : Codeconcept

Codeconcept a publié 9 tutoriels et obtenu une note moyenne de 4,7/5 sur 25 tutoriels vendus. Voir les autres formations de Codeconcept

5,0
note moyenne

1
avis laissé
5 étoiles
1
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de celtak laissé le 09/05/2019
    Excellents tutoriels comme d'habitude, j'aime beaucoup votre manière d'enseigner que l'on retrouve dans ce cours : transmission des infos essentielles sans être noyé par des choses inutiles. Merci beaucoup.

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    Webpack 4
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1147 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données