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

Formation inter-entreprise

Combien de temps dure la formation ?

 2,00 jour(s)

Dans quelle(s) langue(s) la formation est-elle donnée ?

EN FR

Quand a lieu la prochaine session ?

Qui organise cette formation ?

Dawan est un organisme de formations qui propose plus de 2500 formations en informatique, management, gestion de projets et commercial en inter-entreprise ou en intra. Notre catalogue regroupe des centaines de thématiques: Java, PHP, Webmaster, E-Marketing, Linux, Windows Server, Vmware, Autocad, Photoshop, l'intelligence artificielle, etc.

Voir plus

À qui s’adresse la formation ?

Développeurs Javascript

Quels sont les prérequis ?

Bonne connaissance de Javascript et de NodeJS

Quels sont les objectifs poursuivis ou les compétences visées ?

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

Quel est le contenu de la formation ?

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

Quelles méthodes pédagogiques sont utilisées ?

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

Comment l’évaluation est-elle organisée ?

Contrôle continu

Que recevez-vous à la fin de la formation ?

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

Comment contacter l’organisme de formation ?

Dawan - Service commercial

Ces formations pourraient vous intéresser