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 stage mentionnant le résultat des acquis

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

Référence : SIT100488-F

Accessibilité : Nos formations sont accessibles aux personnes en situation de handicap

À 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

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
  • Nos formations sont accessibles aux personnes en situation de handicap :
    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.

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 16/05/2024 au 17/05/2024 Oui S'inscrire
Bordeaux Du 29/08/2024 au 30/08/2024 Oui S'inscrire
Bordeaux Du 05/12/2024 au 06/12/2024 Oui S'inscrire
Bruxelles Du 13/06/2024 au 14/06/2024 S'inscrire
Bruxelles Du 12/09/2024 au 13/09/2024 S'inscrire
Bruxelles Du 19/12/2024 au 20/12/2024 S'inscrire
Distance Du 13/06/2024 au 14/06/2024 Oui S'inscrire
Distance Du 26/09/2024 au 27/09/2024 Oui S'inscrire
Genève Du 13/06/2024 au 14/06/2024 S'inscrire
Genève Du 26/09/2024 au 27/09/2024 S'inscrire
Lille Du 16/05/2024 au 17/05/2024 Oui S'inscrire
Lille Du 29/08/2024 au 30/08/2024 Oui S'inscrire
Lille Du 05/12/2024 au 06/12/2024 Oui S'inscrire
Luxembourg Du 13/06/2024 au 14/06/2024 S'inscrire
Luxembourg Du 12/09/2024 au 13/09/2024 S'inscrire
Luxembourg Du 19/12/2024 au 20/12/2024 S'inscrire
Lyon Du 27/05/2024 au 28/05/2024 Oui S'inscrire
Lyon Du 05/09/2024 au 06/09/2024 Oui S'inscrire
Lyon Du 12/12/2024 au 13/12/2024 Oui S'inscrire
Marseille Du 27/05/2024 au 28/05/2024 Oui S'inscrire
Marseille Du 05/09/2024 au 06/09/2024 Oui S'inscrire
Marseille Du 12/12/2024 au 13/12/2024 Oui S'inscrire
Montpellier Du 16/05/2024 au 17/05/2024 Oui S'inscrire
Montpellier Du 29/08/2024 au 30/08/2024 Oui S'inscrire
Montpellier Du 05/12/2024 au 06/12/2024 Oui S'inscrire
Nantes Du 13/06/2024 au 14/06/2024 Oui S'inscrire
Nantes Du 12/09/2024 au 13/09/2024 Oui S'inscrire
Nantes Du 19/12/2024 au 20/12/2024 Oui S'inscrire
Nice Du 27/05/2024 au 28/05/2024 Oui S'inscrire
Nice Du 05/09/2024 au 06/09/2024 Oui S'inscrire
Nice Du 12/12/2024 au 13/12/2024 Oui S'inscrire
Paris Du 16/05/2024 au 17/05/2024 Oui S'inscrire
Paris Du 29/08/2024 au 30/08/2024 Oui S'inscrire
Paris Du 05/12/2024 au 06/12/2024 Oui S'inscrire
Rennes Du 13/06/2024 au 14/06/2024 Oui S'inscrire
Rennes Du 12/09/2024 au 13/09/2024 Oui S'inscrire
Rennes Du 19/12/2024 au 20/12/2024 Oui S'inscrire
Strasbourg Du 13/06/2024 au 14/06/2024 Oui S'inscrire
Strasbourg Du 12/09/2024 au 13/09/2024 Oui S'inscrire
Strasbourg Du 19/12/2024 au 20/12/2024 Oui S'inscrire
Toulouse Du 16/05/2024 au 17/05/2024 Oui S'inscrire
Toulouse Du 29/08/2024 au 30/08/2024 Oui S'inscrire
Toulouse Du 05/12/2024 au 06/12/2024 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

  • Bruxelles

    Rue de la Loi, 23

    1040 Bruxelles

  • 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

  • Lille

    Nos locaux sont accessibles

    46 rue des Canonniers - 2è étage

    59800 Lille

    Proche des deux gares

  • Luxembourg

    5 Rue Goethe

    L-1637 Luxembourg

  • 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

    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