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

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

Tarif pour une personne à distance sans frais
+ 75,00 € HT par participant supplémentaire
+ frais en cas de formation présentielle

1 192,00 €HT

1 000,00 € HT

Pour 20 tickets de 30mn (10 heures) utilisables pendant 12 mois

1 490,00 € HT

Contacter Dawan
Javascript

Programme 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

Délai d'accès :

Le délai d’accès à la formation certifiante est de 7 jours après validation du dossier. Pour un financement CPF, la validation doit être faite 11 jours ouvrés avant le début. Hors CPF, délai de 1 à 3 semaines selon les sessions.

Méthodes mobilisées :

  • Un formateur expert ayant suivi une formation à la pédagogie et ayant au minimum 3 années d'expériences dans le domaine visé
  • Matériel pour les formations présentielles informatiques : un PC par participant
  • Un support et les exercices du cours pour chaque stagiaire
  • Synchrone en présentiel ou distanciel. Plateforme utilisée : Microsoft Teams. Pour le distanciel : diagnostic technique avec les stagiaires pour tester la connexion et les modalités pratiques.
  • Méthodologie basée sur l'Active Learning (75% de pratique minimum) et un programme pédagogique riche et interactif :
  • Expositive : Apport de contenu théorique structuré pour consolider vos connaissances.
  • Interrogative : Moments de réflexion pour questionner et approfondir vos pratiques.
  • Démonstrative : Exercices pratiques pour illustrer les concepts clés.
  • Active : Ateliers d'entraînement pour une mise en application immédiate.
  • Expérimentale : Études de cas concrets pour ancrer les apprentissages dans la réalité.
  • Collaborative : Espaces de partage et d'échange d'expériences pour enrichir la formation.
  • Un format conçu pour favoriser l'engagement, la pratique et l'impact durable dans vos activités professionnelles.

Méthodes d'évaluation :

Les évaluations en cours de formations sont réalisées par les ateliers de mise en pratique et les échanges avec les formateurs.

Un espace apprenant dédié moncompte.dawan.fr :

  • Informations relatives à la ou aux futures formations (plan, syllabus et éventuellement informations relatives à la certification)
  • Positionnement à l'entrée et à la sortie de la formation
  • Définition des besoins et attentes par l'apprenant en amont de la formation
  • Émargement en ligne
  • Évaluation à chaud
  • Évaluation à froid
  • Attestation de formation
  • Boissons offertes pendant les pauses en inter-entreprises
  • Salles lumineuses et locaux facilement accessibles
  • 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.

Aucune date de programmée actuellement. Pour plus d'information sur les prochaines sessions, nous vous invitons à joindre le service commercial par téléphone au 02/318.50.01 (prix d'un appel local) ou depuis notre formulaire de contact.