Formation Webpack

Enfin une formation qui va au-delà des bases archi-rabachées de Webpack !

En quelques années, Webpack s’est imposé comme le bundler incontournable, principalement en raison de ses possibilités inégalées d’optimisation fine, ainsi que de son innovation autour du Hot Module Replacement. Il est désormais au cœur de la plupart des générateurs de projets web, des didacticiels récents, etc.

Toutefois, l’ampleur impressionnante de ses possibilités, le fouillis de sa documentation initiale et les informations souvent contradictoires trouvées en ligne le rendent intimidant, voire difficile d’accès. Cette formation est là pour changer tout ça, et donner aux apprenant·e·s une compréhension solide de l’outil et de ses rouages, en insistant sur la performance : performance de développement, de génération des bundles, et des applications web qui les utilisent.

  • Découverte progressive
  • Tous les cas usuels
  • Maintenabilité
  • Composabilité
  • DX optimale
  • Optimisations fines
  • Personnalisation avancée
  • Nombreux exercices

Objectifs

La formation Webpack vise à permettre aux apprenant·e·s de :

  • comprendre et maîtriser l’architecture de Webpack
  • intégrer des ressources de n’importe quel type dans leurs builds
  • maximiser leur productivité en optimisant leurs builds incrémentaux
  • optimiser finement le temps de démarrage de leurs applications web
  • étendre Webpack pour répondre à leurs besoins « maison »

Programme

  1. Premiers pas

    • Concepts fondamentaux
    • Traiter du JavaScript
    • Traiter des styles
    • Traiter des images
    • Traiter des fontes
    • Autres sources courantes
    • Ajuster pour les livrables de production
  2. Rendre la configuration maintenable

    • webpack-merge
    • Découper les éléments de configuration
    • Approches possibles de découpe par fichiers
  3. Optimiser l’expérience de développement

    • Tirer le meilleur parti du serveur de développement
    • Intégrer à nos propres serveurs
    • Hot Module Replacement
    • Plugins et surcouches pratiques
  4. Optimiser la performance de build

    • Ne transpiler que le nécessaire
    • Réduire les périmètres des loaders
    • Mettre en cache les résultats des loaders
    • Choisir les bons types de sourcemaps
    • Externaliser le code tiers avec externals
    • Paralléliser le build
    • Paralléliser certains loaders
    • DllPlugin et DllReferencePlugin
  5. Optimiser la performance de production

    • Optimiser le nombre et les tailles de fichiers
    • Optimiser la mise en cache
    • Bundle splitting
    • Code splitting
    • Analyser la performance des bundles
    • Produire une bibliothèque plutôt qu’une app
  6. Webpack + React

    • En développement
    • En production
  7. Personnaliser Webpack

    • Configurations subtiles
    • Écrire nos propres loaders
    • Écrire nos propres plugins

Prochaines sessions

  • du 21 au 23 février 2018 - Paris (complet) Attention

(Sauf indication contraire, chaque date dispose d’au moins 4 places encore libres)

Tarifs

Vous inscrivezTarif unitaire
1 à 2 apprenant·e·s1 500 € HT
3 à 5 apprenant·e·s1 350 € HT
6+ apprenant·e·s1 200 € HT
Tarif fidélité1 275 € HT
Demandez votre convention !

Public visé et pré-requis

La formation Webpack s’adresse principalement aux développeur·ses web et aux Dev Ops.

Une connaissance préalable de JavaScript, même minime, est nécessaire. Une expérience sur d’autres outils de build / bundling est un plus mais n’est en rien obligatoire. Aucune connaissance préalable de Webpack ni de Node.js n’est nécessaire.

Livrables

Les apprenant·e·s reçoivent, en début de session, l’ensemble des diapositives du support de cours au format web, afin de pouvoir faciliter leur suivi du plan de cours.

Après la session, ils reçoivent par ailleurs, avec un e-mail de debrief très fourni et riche en ressources, une archive de référence, contenant les codebases finalisées, entièrement documentées et testées, les slides de toute la formation et diverses ressources complémentaires.

Aspects logistiques

La formation se déroule dans une salle privative climatisée, lumineuse, fonctionnelle et très confortable. L’ensemble des locaux sont facilement accessibles en transports en commun et accessibles aux Personnes à Mobilité Réduite.

Situé à Paris, près de Nation, ils sont accessibles via pas moins de 5 lignes de métro, 1 ligne de RER et 5 lignes de bus :

  • Métro Ligne 2 Philippe-Auguste ou Alexandre Dumas
  • Métro Ligne 9 Charonne ou Rue des Boulets
  • Métro Ligne 8 Faidherbe-Chaligny
  • Métro Ligne 1 Ligne 6 RER Ligne A Nation
  • Bus Ligne 26 Ligne 57 Ligne 86 Nation
  • Bus Ligne 56 Charonne-Voltaire ou Boulets-Montreuil
  • Bus Ligne 76 Charonne-Philippe-Auguste
Delicious Insights

83 avenue Philippe-Auguste
75011 Paris

Voir sur Google Maps

On trouve également nombre de parkings alentour.

  • Chaque apprenant·e amène son propre poste de travail ou ordinateur portable.
  • L’accès internet est assuré par une connexion fibre très haut débit. La salle fournit un accès Wi-Fi et, pour les cas exceptionnel, une infrastructure Ethernet filaire.
  • Vous n’êtes pas en région parisienne et cherchez un hébergement ? Pourquoi ne pas passer par airbnb ? Ça existe même pour les entreprises.
  • Les formations vont de 4 à 10 apprenant·e·s.

Les horaires indicatifs de la formation, pour un total de 7 heures par jour soit 21h de formation, sont :

  • 9h15Accueil, petit déjeuner (boissons chaudes et fraîches, viennoiseries)
  • 9h30Début de la journée
  • 12h30Déjeuner (inclus dans le prix)
  • 13h45Reprise
  • 16h15Pause café
  • 16h30Reprise
  • 18hFin de la journée

Vous pourrez retrouver toutes les informations sur les modalités d’inscription et de paiement, l’annulation et le remboursement dans nos Conditions Générales de Vente, sans oublier notre règlement intérieur.


Nos locaux, pour nos formations inter-entreprise (cliquez pour agrandir) :

Formateur

Christophe Porteneuve

Christophe Porteneuve

Christophe conçoit des pages web depuis 1995. Co-créateur du premier portail JSP en Europe, en 1999, il passe par J2EE avant de tomber dans Ruby, Rails puis Node.

Auteur du best-seller « Bien développer pour le Web 2.0 » chez Eyrolles, il a également écrit la référence « Prototype and script.aculo.us » chez Pragmatic Programmers, des articles dans divers magazines en ligne (notamment le très respecté A List Apart), et il est speaker pour plusieurs conférences petites et grosses.

En France, Christophe jouit d’une solide réputation d’expertise dans les univers du web front (notamment JavaScript), de Node.js, de Git et de Rails.

Christophe est le fondateur et directeur technique de Delicious Insights.