Captain Academy/Webpack: le module bundler enfin expliqué

  • 49,17 €

Webpack: le module bundler enfin expliqué

  • Fermé

On pense souvent ne pas avoir besoin de Webpack... Jusqu'au jour où on doit modifier une configuration Webpack ! Arrêtons de subir Webpack !
Packager une application Javascript, c’est compliqué…

Sur ce point, on est tous d’accord, au fil des années, de nombreux outils ont vu le jour. Toujours plus compliqués, peut - être plus puissants mais comme dit le dicton: sans maîtrise, la puissance n’est rien.

L’outil est déjà configuré, mais je suis incapable de le modifier ?! 

En effet, beaucoup de systèmes de Build embarquent Webpack, si tu n’as pas de besoins spécifiques, pas la peine de s’y attarder… Puis un jour tu devras déployer sur un environnement spécifique et on te demandera d’éjecter ou d’étendre la configuration de base. Et là, c’est le drame !

C’est normal et tu n’es pas le seul car fût un temps ce n’était pas ton job.

Tu ne le sais peut - être pas mais packager et déployer une application a longtemps été le travail d’autres personnes. A l’époque, on avait des équipes pour ça. Des équipes de production, des équipes d’opérations… Depuis on a remanié et mixé différents métiers pour créer le DevOps.

Le problème c’est que les applications Javascript ont explosé en taille

Je me souviens en 2010, Angular.js était quasi - inconnu au bataillon. On ne jurait que par JQuery ! Nos applications Javascript de quelques dizaines de lignes se limitaient à des animations et 3 appels AJAX histoire de proposer des formulaires stylés. En quelques années, on est passé de développeur Web à développeur Fullstack, développeur Frontend et développeur Backend...

Tu as juste besoin de comprendre comment fonctionne le fichier de configuration

Webpack n’est pas si compliqué, on a souvent peur en ouvrant un fichier de configuration, on ne sait pas par où commencer. Webpack a un fonctionnement bien particulier, il est possible de l’utiliser de manière simple mais aussi de la manière la plus complexe qui soit. C’est ça la force de Webpack, il peut s’adapter à n’importe quelle situation. Mais pour cela tu as besoin de connaître son fonctionnement…

Mais concrètement, ça m’apporte quoi de connaître Webpack ?

Tu ne seras plus effrayé ! Tu ne seras plus bloqué par cette technologie qui peut en repousser plus d’un.
A terme, tu ne manqueras pas l’occasion de modifier une configuration existante ou de créer une configuration en partant de rien. Une fois que tu connaîtras Webpack, tu pourras créer un système de build qui s’adapte à la perfection à ton architecture.

Dans la vie, on a toujours le choix

Option 1: Tu peux commencer à lire la documentation, elle est de bonne qualité, il faut le reconnaître. Tu risques d’y passer quelques heures, voir quelques jours… 

Option 2: Utiliser cette formation te fera gagner du temps, ça c’est sûr ! Rien ne t’y obliges, mais si tu as compris que ton temps est la chose la plus précieuse que tu possèdes alors préserve le. Pendant cette  formation d’1h40, je t’explique toutes les bases, on crée ensemble une configuration, on parle d’optimisations pour la production et pleins d’autres choses encore…

A toi de choisir.

Webpack ce n’est pas juste une ligne de plus sur ton CV

Evidemment que ça ne te permettra pas de te la raconter en soirée…
Avec cette formation, tu pourras:
  1. Ajouter des optimisations de performances à tes applications Web !
  2. Intégrer les dernières nouveautés du langage Javascript à tes projets (même celles en cours de finalisation)
  3. Modifier n’importe quelle configuration même éjectée
  4. Tu ne seras plus impressionné par le terme “Module Bundler”


Comment suivre la formation ? 

C’est une formation vidéo, je montre le code et je t’explique pas à pas comment ça fonctionne. 
Tu peux la commander dès aujourd’hui ! 
Tu as le choix de suivre la formation avec le code fourni ou de te lancer sur un autre projet!

Il y a-t-il des pré-requis ?

Avoir un minimum d’expérience en développement Frontend...
Savoir installer un package NPM

Elle dure combien de temps ?

Je fais du montage sur mes formations, le but est de les garder les plus courtes possible en délivrant un maximum de valeur ! 
Si tu préfères une formation 10x trop long, remplie de blabla, j’ai peur de ne pas être la bonne personne...


Si j’ai un problème ?

En cas de problème, envoie-moi un email à l’adresse suivante: emmanuel@captaindev.io

Un dernier mot…

Si tu lis ces lignes, c’est le moment de faire ton choix. Non je ne te propose pas de pillule rouge ou bleu… Si tu fais parti des plus motivés, clique sur le bouton Accéder!

A tout de suite, Emmanuel


Contenu

Introduction

Introduction
1.1 - Introduction
Aperçu
1.2 - Histoire des modules
1.3 - Les Modules Bundlers
1.4 - Présentation du projet
Aperçu

Les bases de Webpack

2.1 - Les concepts de base
2.2 - Zero Config Mode
2.3 - Configuration de base
2.4 - Ajouter des styles

Développer avec Webpack

3.1 - CleanHtmlPlugin
3.2 - Webpack Dev Server
3.3 - Code Spliting
3.4 - Chunk, Caching, HMR, Variables d'environnement
3.5 - Shimming
3.6 - Split de la configuration
3.7 - Trouver des plugins et loaders
3.8 - Webpack Bundle Analyzer

Aller plus loin

4.1 - Configuration ejectée

Téléchargements

Le code.zip
Webpack Formation.pdf
Webpack Formation.mindnode