Cours
PrestaShop

Newsletter

Webpack 4 : les Fondamentaux

Créer des bundles pour javascript facilement avec Webpack 4

Ou s'abonner pour un accès illimité sans engagement à tout Skilleos pour 19,90€/mois. En savoir plus
chapitre

Chapitres

19

chrono

Durée

01h37 de cours en ligne

chrono

Prérequis

acces

Accès

24h/24 et 7j/7
PC/Mac, tablette et smartphone

certificat

Certificat

Délivré à la fin de la formation

1for1

Notes

4 / 5 - 1 votes

1for1

1 For 1

Un abo ou un achat sur Skilleos = Un cours offert à un bénéficiaire

Samir Medjdoub

Samir Medjdoub

Développeur depuis 2003 dans des entreprises clientes publiques (SNCF, URSSAF, EDF...) et privées (Iron Mountain, Jouve, CDiscount...), avec comme comme fil conducteur la conscience qu’il est bien plus facile de rester sur la vague que de tenter de remonter après s’être laissé submerger. Fidèle à cette stratégie, Samir Medjdoub a ainsi pris la vague Angular 2 dès les versions alpha et bêta fin 2015, celle de Node.js il y a sept années de cela et a eu la chance d'évoluer dans des sociétés qui avaient été parmi les premières en France à adopter MongoDB, conjointement aux bases de données relationnelles. Les développeuses et développeurs JavaScript (Front, Back ou Fullstack !) ont de très beaux jours devant eux : investissez dans les frameworks, plateformes et librairies JavaScript qui vous ouvriront de belles opportunités en 2019.

Vous avez toujours voulu savoir ce qu'était un bundler ? A quoi il servait et comment l'utiliser ? Pourquoi il est devenu essentiel de recourir à un bundler en général et à Webpack en particulier ? Ce cours Webpack en ligne a été créé pour les développeuses et développeurs pressés, qui doivent ajouter une nouvelle compétence de plus en plus demandée. Mieux encore, à devenir opérationnel rapidement sur Webpack 4.

Devenu incontournable lorsque l'on travaille sur des projets JavaScript complexes, ce cours Webpack 4 en ligne va vous permettre de morceler plus facilement vos projets et codes sous forme de modules qui seront ensuite fusionnés en un seul fichier par Webpack. Vous pourrez également inclure de nouveaux types de fichiers ou appliquer des transformations spécifiques multiples. Ce cours en ligne vous permettra donc d'installer, configurer Webpack et de naviguer dans son éco-système très riche afin de l'intégrer et le généraliser à vos différents projets.

À la fin du cours, vous serez capable de :

  • Maîtriser et utiliser Webpack au quotidien
  • Travailler sur des projets Web plus facilement et rapidement
  • Regrouper et minifier toutes vos ressources
  • Mettre en oeuvre le "code splitting" et ainsi créer plusieurs bundles pour javascript

Chapitres

LES FONDAMENTAUX
1
00:42
Introduction
2
05:48
Qu'est-ce que Webpack ?
3
08:11
Webpack sans configuration (zero configuration)
4
01:48
Ajouter au bundle uniquement ce qui est utilisé
5
04:37
Ajouter le serveur de développement proposé par Webpack
6
04:52
Personnaliser la configuration de Webpack
LES LOADERS
7
07:00
Qu'est-ce qu'un loader ?
8
03:38
Babel-loader pour transpiler d'ES6 en ES5
9
01:52
Les divers "stages" d'ECMAScript
10
06:27
Css-loader et style-loader pour prendre en charge vos CSS
11
04:19
Transformer des fichiers scss en css
LES PLUGINS
12
10:28
Utiliser un plugin fourni par Webpack
13
07:54
Utiliser un plugin importé
14
02:51
Générer un hash en guise de titre de bundle
15
10:52
Générer plusieurs bundles
16
03:27
Utiliser plusieurs instances de HTML Webpack Plugin
17
06:52
Utiliser le plugin "webpack-bundle-analyzer"
18
05:04
Splitchunks
19
00:25
Conclusion


   Avis (1)

4/ 5


23 élèves suivent déjà ce cours



  • .
    Il y a 1 mois


    RAS

Webpack 4 : les Fondamentaux

29.00 €

close if for show price

  • langues fr