Plans de Développement des Compétences : Faites vous accompagner par notre Equipe Pédagogique !

Formations Developpement Full Stack - Programmation Web

Formation Développement Web avec Webpack, Grunt, Gulp, Bower, Storybook et Vite

Optimisez vos projets web avec des outils puissants pour une transformation digitale stratégique et efficace.

Niveau :

Satisfaction de nos apprenants en 2024 : 98%
Taux d’assiduité : 100%

Tout savoir sur votre formation :

Formez-vous selon vos disponibilités ! Vous proposez 3 dates au choix et votre formateur vous confirme la date souhaitée.

En présentiel dans votre entreprise, dans l’un de nos 54 centres de formation ou en distanciel par visioconférence.

Contexte de la formation

Vous cherchez à optimiser votre flux de travail de développement front-end? Vous souhaitez maîtriser des outils modernes tels que Webpack, Grunt, Gulp, Bower, Storybook et Vite? Plongez dans notre formation dédiée et découvrez comment ces technologies peuvent transformer votre pratique.

L’importance de maîtriser ces outils de développement moderne est indéniable dans le paysage actuel du développement web. Ils sont essentiels pour automatiser les tâches, améliorer l’efficacité et optimiser le flux de travail. En plus, ils vous permettent de vous démarquer dans votre domaine. Que vous soyez un développeur front-end cherchant à renforcer vos compétences ou un professionnel du web désireux d’accélérer votre carrière, notre formation est faite pour vous. Elle vous offre non seulement une expertise technique avancée, mais aussi des bénéfices professionnels tangibles. Elle vous permet de gagner en productivité, en qualité de code et en satisfaction professionnelle.

Imaginez-vous capable de configurer et d’optimiser votre environnement de développement, d’automatiser les tâches répétitives et de gérer efficacement vos projets front-end. Séduisant, n’est-ce pas ?

Avec Expertisme, Organisme de Formation certifié QUALIOPI, nous sommes là pour vous accompagner dans cette transformation. Nous vous proposons une formation complète couvrant les outils incontournables du développement moderne. Notre Formateur Expert Métier vous guidera à travers chaque outil, en se concentrant sur leur utilisation pratique et leur intégration dans votre flux de travail. Vous apprendrez à installer et configurer Storybook, à créer des environnements de développement optimisés avec Webpack, Grunt, Gulp et Bower, et à accélérer vos projets front-end avec Vite. Vous découvrirez également comment ces outils peuvent s’intégrer harmonieusement dans un workflow moderne, automatisant les tâches et améliorant votre efficacité. Grâce à notre approche pédagogique adaptative, vous serez en mesure d’appliquer rapidement ce que vous avez appris, quel que soit le framework que vous utilisez.

N’attendez plus pour donner un coup de boost à votre carrière de développeur front-end. Inscrivez-vous dès maintenant à notre formation et devenez un expert en outils de développement moderne. Avec Expertisme, c’est l’assurance d’une formation de qualité, adaptée à vos besoins et à votre rythme. Ne laissez pas passer cette opportunité d’accélérer votre carrière.

À qui s’adresse cette formation ?

Cette formation s’adresse principalement aux développeurs Javascript désireux d’approfondir leurs compétences et de se familiariser avec les outils modernes de développement web. Elle est particulièrement pertinente pour les développeurs front-end souhaitant optimiser leur flux de travail grâce à l’automatisation des tâches et des technologies innovantes. Les développeurs full-stack peuvent également tirer profit de cette formation en élargissant leur palette d’outils pour la gestion des projets front-end. De plus, les chefs de projets techniques, qui possèdent une connaissance de base en Javascript, peuvent suivre cette formation pour mieux comprendre et superviser le processus de développement. Enfin, cette formation est aussi adaptée aux freelances cherchant à se démarquer sur le marché grâce à une maîtrise des outils modernes de développement web.

Objectifs

  • Comprendre l’utilité et l’application des outils de développement modernes tels que Webpack, Grunt, Gulp et Bower dans la création d’environnements de développement optimisés.
  • Maîtriser l’intégration et la configuration de Storybook dans un projet front-end, y compris la documentation et le test des composants UI, ainsi que la gestion d’une bibliothèque Storybook collaborative.
  • Savoir différencier Vite d’autres outils de gestion de projets front-end tels que Webpack, Parcel ou Rollup, et comprendre ses avantages spécifiques.
  • Acquérir les compétences nécessaires pour créer une application à partir de zéro avec Vite, et exploiter ses fonctionnalités avancées comme les plugins, l’intégration TypeScript, et le Hot Module Replacement (HMR).
  • Apprendre à optimiser les performances d’une application développée avec Vite et à la préparer pour la mise en production, en respectant les meilleures pratiques CI/CD.

Programme

  • 1. INTRODUCTION
    • Présentation des outils de développement moderne : Webpack, Grunt, Gulp, Bower, Storybook et Vite
  • 2. WEBPACK
    • Introduction à Webpack : Présentation, fonctionnement et avantages
    • Configuration de projets avec Webpack : Création de points d’entrée et de sortie, utilisation de loaders et plugins
    • Utilisation de ES6 avec Babel
    • Création de serveurs locaux avec webpack-dev-server
    • Optimisation de Webpack pour les environnements de développement et de production
  • 3. GRUNT ET GULP
    • Introduction à Grunt et Gulp : Présentation, comparaison et avantages respectifs
    • Configuration de tâches avec gruntfile.js (Grunt)
    • Utilisation de modules et plugins dans Gulp
    • Gestion des fichiers et création de tâches automatisées
  • 4. GESTION DES PACKAGES AVEC BOWER ET YARN
    • Introduction à Bower et Yarn : Présentation, fonctionnement et avantages
    • Comparaison avec npm
    • Création et utilisation de packages
    • Configuration de variables d’environnement
  • 5. STORYBOOK
    • Introduction à Storybook : Présentation, fonctionnement et avantages
    • Utilisation de Storybook pour documenter et tester visuellement des composants
    • Création de stories et organisation des composants
    • Intégration avec des outils de test comme Jest
    • Pratiques de déploiement et d’intégration continue
  • 6. VITE
    • Introduction à Vite : Présentation, fonctionnement et avantages
    • Configuration de projets avec Vite
    • Utilisation de Vite pour la gestion des projets front-end
    • Optimisation de Vite pour les environnements de développement et de production

Version 4. Mise à jour le 01/01/2025
© EXPERTISME – Groupe SELECT® 2025 Tous droits réservés. Les textes présents sur cette page sont soumis aux droits d’auteur.

Pré-requis

Une compréhension solide des bases de JavaScript, y compris ES6+
Des connaissances en NodeJS
Une familiarité avec un framework front-end tel que React, Vue ou Angular
Des notions de HTML et CSS
Une compréhension de l’utilisation des composants réutilisables
Une connaissance des outils de gestion de paquets comme npm, yarn ou pnpm
La possession d’un ordinateur portable personnel
Être muni d’un ordinateur relié à Internet, possédant une caméra, un micro et un haut parleur.
Il est à noter que ces prérequis sont essentiels pour permettre à chaque participant de suivre la formation de manière optimale et d’en retirer tous les bénéfices possibles.

Points forts de la formation

  • Votre plan pédagogique de formation sur-mesure avec l’évaluation initiale de votre niveau de connaissance du sujet abordé
  • Des cas pratiques inspirés de votre activité professionnelle, traités lors de la formation
  • Un suivi individuel pendant la formation permettant de progresser plus rapidement
  • Un support de formation de qualité créé sur-mesure en fonction de vos attentes et des objectifs fixés, permettant un transfert de compétences qui vous rende très rapidement opérationnel
  • Les dates et lieux de cette formation sont à définir selon vos disponibilités
  • Animation de la formation par un Formateur Expert Métier
  • La possibilité, pendant 12 mois, de solliciter votre Formateur Expert sur des problématiques professionnelles liées au thème de votre formation
  • Un suivi de 12 mois de la consolidation et de l’évolution de vos acquis.

Approche pédagogique

L’approche pédagogique a été construite sur l’interactivité et la personnalisation : Présentation illustrée et animée par le Formateur Expert, partage d’expériences, études de cas, mise en situation réelle.
Tous les supports sont fournis par support papier, mail ou clé USB à chaque stagiaire.

Méthodologie pédagogique employée :
Chaque formation en présentiel ou en distanciel est animée par un Formateur Expert Métier sélectionné selon ses compétences et expériences professionnelles. Apport d’expertise du Formateur, quiz en début et fin de formation, cas pratiques, échanges d’expérience. Accès en ligne au support de formation.

Méthodes utilisées et évaluation :
Evaluation et positionnement lors de la définition du projet pédagogique avec le(s) stagiaire(s). Un QCM est donné aux stagiaires le dernier jour de la formation pour valider leurs apprentissages. Une correction collective est effectuée par le Formateur. Une évaluation de fin de stage en direct est organisée entre le Formateur et le(s) stagiaire(s) pour recueillir et prendre en compte leurs appréciations. Une attestation de fin de stage est remise aux stagiaires.

Accessibilité

Toute demande spécifique à l’accessibilité de la formation par des personnes handicapées donnera lieu à une attention particulière et le cas échéant une adaptation des moyens de la formation.
Public en situation de handicap, contactez notre référent handicap au 01 42 66 36 42.

Formateur

Nos Formateurs sont des Experts Métiers intervenants sur les prestations inhérentes sur la thématique de la formation. Ils réalisent les audits et co-construisent l’offre et le déroulé de la formation avec l’Ingénieur Pédagogique avant validation par le Responsable Pédagogique. Ils sont sélectionnés pour leurs compétences pédagogiques et leurs expériences dans la formation pour adultes.

Référence : LWEB-100533

Durée : 35 heures soit 5 jours

Tarif : 4650€ HT / Personne

Cette formation vous intéresse ?

Nos Formateurs Experts Métiers conçoivent votre formation
individuelle sur mesure lors de la définition
de votre projet pédagogique !

Remplissez le formulaire suivant :

L’un de nos conseillers vous contactera
dans les meilleurs délais.

Partagez cette formation :

Référence : LWEB-100533

Durée : 35 heures soit 5 jours

Tarif : Sur Devis

Formez vos équipes !

à partir de 4 collaborateurs
Nos Experts conçoivent votre formation intra-entreprise sur mesure lors de la définition de votre plan pédagogique !

Partagez cette formation :

Témoignages
de nos apprenants

Votre parcours de formation

Étape par Étape

Formations complémentaires - Formations Developpement Full Stack / Programmation Web sur-mesure

Vous avez besoin
d’une formation ?

Vous avez
besoin
d’une
formation ?

error: Ce contenu est protégé