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

icon public

Public : Développeurs Javascript

icon horloge

Durée : 2 jour(s)

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

Pré-requis : Bonne connaissance de Javascript et de NodeJS

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

Sanction : Attestation de fin de formation mentionnant le résultat des acquis

Taux de retour à l’emploi : Aucune donnée disponible

Référence : SIT100488-F

Accessibilité : Si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr, nous étudierons ensemble vos besoins

Contact : commercial@dawan.fr

À partir de

875,00 CHF HT / jour

1 192,00 CHFHT

1 250,00 CHF HT

Pour 10 heures utilisables pendant 12 mois

1 490,00 CHF HT

Tarif plein:

  • Paiement à 60 jours
  • Report possible à J-3
  • 3 tickets d'assistance
Contacter Dawan

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

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

Dans ce cours nous apprenons à  concevoir un environnement de développement automatisé à  l'aide de Webpack, Grunt, Gulp et Bower

  • Un support et les exercices du cours pour chaque stagiaire
  • Un formateur expert ayant suivi une formation à la pédagogie
  • Boissons offertes pendant les pauses en inter-entreprises
  • Salles lumineuses et locaux facilement accessibles
  • Méthodologie basée sur l'Active Learning : 75% de pratique minimum
  • Matériel pour les formations présentielles informatiques : un PC par participant
  • Positionnement à l'entrée et à la sortie de la formation
  • Certification CPF quand formation éligible

Suite de parcours et formations associées

Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.

Lieu Date Remisé Actions
Distance Du 23/01/2025 au 24/01/2025 S'inscrire
Distance Du 28/04/2025 au 29/04/2025 S'inscrire
Distance Du 28/08/2025 au 29/08/2025 S'inscrire
Distance Du 04/12/2025 au 05/12/2025 S'inscrire
Genève Du 20/02/2025 au 21/02/2025 S'inscrire
Genève Du 16/06/2025 au 17/06/2025 S'inscrire
Genève Du 30/10/2025 au 31/10/2025 S'inscrire

Nos centres de formation

  • Distance

    32 Boulevard Vincent Gâche

    44000 Nantes

  • Genève

    c/o CCI France Suisse Route de Jussy 35 Case postale 6298

    CH-1211 Thônex - Genève