Webpack, Grunt, Gulp et Bower: Créer un environnement de développement

Inter-company training

How long does the training course last?

 2,00 day(s)

In which language(s) is the training course taught?

EN FR

When will the next session take place?

Who is organising this training course?

Dawan is a training organisation that offers more than 2000 training courses in IT, management, project management and sales in instructor-led live online or on-site trainings. We have 11 centres in France and we have developed partnerships with local structures in Brussels, Luxembourg and Geneva. Our catalogue includes hundreds of topics: Java, PHP, Webmaster, E-Marketing, Linux, Windows Server, Vmware, Autocad, Photoshop, IA etc. Our courses have been created and designed by in-house trainers who have over 20 years of teaching experience. Constantly renewed, they are adapted to the requirements of our customers and to the evolution of technologies.

See more

Who is the training course aimed at?

Développeurs Javascript

What are the prerequisites?

Bonne connaissance de Javascript et de NodeJS

What are the aims or the skills being targeted?

Utiliser un outil pour créer un environnement de développement automatisé.

What does the training course cover?

Présentation

Historique des versions
Les avantages de Webpack
Gulp vs Grunt vs Webpack
La documentation

Rappel node et npm

Atelier: Installer et créer un projet avec Webpack

Les bases

Configuration de l'environnement: webpack.config
Gestion des points d'entrées et des sorties
Utiliser les loaders et les plugins
Démarrer une application à l'aide des scripts npm
Utiliser les syntaxes ES6: babel loader

Atelier: Gérer un projet avec typescript

Environnement et optimisation

Mode dev et mode prod
Créer un serveur local avec webpack-dev-server
Les sources map
Mise à jour automatique: watch mode
Minification des sources
Utiliser le lazy loading

Atelier: Configurer un projet pour l'environnement de développement et de production

Présentation Grunt / Gulp / Bower
Gulp

Undertaker, le système d'enregistrement des tâches automatisées
Création de tâches
Vyniles, les objets de fichiers virtuels
Globbing: localiser les fichiers à l'aide de globs
Modules de Gulp: publication de correction avec Semver

Atelier: installer, créer un projet et configurer l'environnement de développement

Grunt

gruntfile.js(ou Gruntfile.coffee) et package.json
Configurer et créer les tâches automatisées
Charger des tâches externes
Alertes et erreurs

Atelier: installer, créer un projet et configurer l'environnement de développement

Bower ou Yarn

Comparaison Bower - npm
installer des packages
créer son propre package
utiliser les variables d'environnement
Hooks

Atelier: installer, créer un projet et tester

What teaching methods are used?

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.

How is the assessment organised?

Contrôle continu

What will you receive at the end of the training course?

Attestation de fin de stage mentionnant le résultat des acquis

How to contact the training provider?

Dawan - Service commercial

These courses might interest you

FR
Day
Kubernetes : Initiation
Paris
Computer science - Green IT - Systeme information - Architecture systeme information - Cloud Computing
05.10.2026
EN
Day
Oracle 11g, 12c Initiation
On request
Computer science - Database management system - Relational DBMS software - Oracle software