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 € HT / jour

1 192,00 €HT

1 250,00 € HT

Pour 10 heures utilisables pendant 12 mois

1 490,00 € HT

Tarif plein:

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

1 192,00 € HT

Tarif remisé :

Contacter Dawan
Javascript

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
Bordeaux Du 30/01/2025 au 31/01/2025 Oui S'inscrire
Bordeaux Du 22/05/2025 au 23/05/2025 Oui S'inscrire
Bordeaux Du 11/09/2025 au 12/09/2025 Oui S'inscrire
Bordeaux Du 18/12/2025 au 19/12/2025 Oui S'inscrire
Distance Du 23/01/2025 au 24/01/2025 Oui S'inscrire
Distance Du 28/04/2025 au 29/04/2025 Oui S'inscrire
Distance Du 28/08/2025 au 29/08/2025 Oui S'inscrire
Distance Du 04/12/2025 au 05/12/2025 Oui S'inscrire
Lille Du 23/01/2025 au 24/01/2025 Oui S'inscrire
Lille Du 28/04/2025 au 29/04/2025 Oui S'inscrire
Lille Du 28/08/2025 au 29/08/2025 Oui S'inscrire
Lille Du 04/12/2025 au 05/12/2025 Oui S'inscrire
Lyon Du 06/02/2025 au 07/02/2025 Oui S'inscrire
Lyon Du 02/06/2025 au 03/06/2025 Oui S'inscrire
Lyon Du 11/09/2025 au 12/09/2025 Oui S'inscrire
Lyon Du 18/12/2025 au 19/12/2025 Oui S'inscrire
Marseille Du 06/02/2025 au 07/02/2025 Oui S'inscrire
Marseille Du 02/06/2025 au 03/06/2025 Oui S'inscrire
Marseille Du 11/09/2025 au 12/09/2025 Oui S'inscrire
Marseille Du 18/12/2025 au 19/12/2025 Oui S'inscrire
Montpellier Du 30/01/2025 au 31/01/2025 Oui S'inscrire
Montpellier Du 22/05/2025 au 23/05/2025 Oui S'inscrire
Montpellier Du 11/09/2025 au 12/09/2025 Oui S'inscrire
Montpellier Du 18/12/2025 au 19/12/2025 Oui S'inscrire
Nantes Du 13/02/2025 au 14/02/2025 Oui S'inscrire
Nantes Du 12/06/2025 au 13/06/2025 Oui S'inscrire
Nantes Du 18/09/2025 au 19/09/2025 Oui S'inscrire
Nantes Du 29/12/2025 au 30/12/2025 Oui S'inscrire
Nice Du 06/02/2025 au 07/02/2025 Oui S'inscrire
Nice Du 02/06/2025 au 03/06/2025 Oui S'inscrire
Nice Du 11/09/2025 au 12/09/2025 Oui S'inscrire
Nice Du 18/12/2025 au 19/12/2025 Oui S'inscrire
Paris Du 23/01/2025 au 24/01/2025 Oui S'inscrire
Paris Du 28/04/2025 au 29/04/2025 Oui S'inscrire
Paris Du 28/08/2025 au 29/08/2025 Oui S'inscrire
Paris Du 04/12/2025 au 05/12/2025 Oui S'inscrire
Rennes Du 13/02/2025 au 14/02/2025 Oui S'inscrire
Rennes Du 12/06/2025 au 13/06/2025 Oui S'inscrire
Rennes Du 18/09/2025 au 19/09/2025 Oui S'inscrire
Rennes Du 29/12/2025 au 30/12/2025 Oui S'inscrire
Strasbourg Du 13/02/2025 au 14/02/2025 Oui S'inscrire
Strasbourg Du 12/06/2025 au 13/06/2025 Oui S'inscrire
Strasbourg Du 18/09/2025 au 19/09/2025 Oui S'inscrire
Strasbourg Du 29/12/2025 au 30/12/2025 Oui S'inscrire
Toulouse Du 30/01/2025 au 31/01/2025 Oui S'inscrire
Toulouse Du 22/05/2025 au 23/05/2025 Oui S'inscrire
Toulouse Du 11/09/2025 au 12/09/2025 Oui S'inscrire
Toulouse Du 18/12/2025 au 19/12/2025 Oui S'inscrire

Nos centres de formation

  • Bordeaux

    Nos locaux sont accessibles

    Bât Ravezies - 2e étage 250 avenue Emile Counord

    33300 Bordeaux

    Liaison directe de la gare Bordeaux Saint-Jean via le tram C

  • Distance

    32 Boulevard Vincent Gâche

    44000 Nantes

  • Lille

    Nos locaux sont accessibles

    46 rue des Canonniers - 2è étage

    59800 Lille

    Proche des deux gares

  • Lyon

    Nos locaux sont accessibles

    62 rue de Bonnel - 1er étage Ascenseur à droite de l'entrée

    69003 Lyon

  • Marseille

    Nos locaux sont accessibles

    38/40 rue de la République Escalier A, 1er étage

    13001 Marseille

    A proximité du vieux port

  • Montpellier

    Nos locaux sont accessibles

    26 Allée de Mycènes Le Thèbes, Bât. A, 3è étage

    34000 Montpellier

    Quartier Antigone

  • Nantes

    Nos locaux sont accessibles

    32 Boulevard Vincent Gâche 5 ème étage

    44200 Nantes

  • Nice

    Nos locaux sont accessibles

    455 promenade des Anglais Bât Arenice, 7è étage

    06200 Nice

  • Paris

    Nos locaux sont accessibles

    11 rue Antoine Bourdelle

    75015 Paris

    dans le 15e arrondissement

  • Rennes

    Nos locaux sont accessibles

    3 place du Général Giraud

    35000 Rennes

  • Strasbourg

    Nos locaux sont accessibles

    4 rue de Sarrelouis - 4è étage

    67000 Strasbourg

  • Toulouse

    Nos locaux sont accessibles

    1 place Occitane Bât. Le Sully - 4è étage

    31000 Toulouse

    Proche de Jean-Jaurès et du Capitole