Formation Vue.js

Formation Vue.js

Notée : (378)*

Créez des interfaces Web dynamiques et performantes grâce à notre formation Vue 3 !

Prix (Formation inter-entreprise)

1900€ HT / personne

Durée

3 jours

Dates

Nous pouvons organiser des sessions à d'autres dates ou dans d'autres villes (Bordeaux, Lille, Lyon, Marseille, Montpellier, Nantes, Nice, Paris, Strasbourg, Toulouse...)

Cette formation a pour objectif de vous apprendre à créer une application Web dynamique et performante avec le framework Vue 3.

Dans cette formation Vue, vous découvrirez par la pratique les bases du framework Vue et son environnement de développement. Le projet fil rouge consistant à créer un annuaire de films vous permettra d'aborder toutes les notions clés du framework et de les mettre vous-même en application.

La formation s’adresse à toute personne souhaitant découvrir ce framework et ayant des notions en JavaScript, HTML et CSS.
Vous ressortirez de cette formation Vue avec une vision nouvelle sur ce que peut être une application Web, que vous soyez habitué à développer en JavaScript pur ou avec des librairies comme jQuery.

En quelques mots, Vue est un framework JavaScript simple pour créer des interfaces Web dynamiques et performantes. Il a tout ce qu'il faut pour créer des grandes applications : un router officiel et un pattern flux propre à lui même, tout cela en moins de 30kb !

Pourquoi encore un nouvel outil ? Rassurez-vous, pour beaucoup de ses utilisateurs, Vue est connu pour avoir rendu le développement front simple et amusant justement en réponse à la js fatigue.

A l’issue de cette formation Vue, vous repartirez avec le code source de votre projet, construit ensemble au fil des exercices.

Envie d'aller plus loin ?

Si vous souhaitez passer à la vitesse supérieure ou avez déjà des bonnes bases avec le framework Vue, vous serez sûrement intéressé par notre formation Vue avancé ou notre formation Nuxt animée par Romain Petit et Jérémy Dumaye.

Les objectifs

  • Comprendre les caractéristiques d’une Single Page App
  • Découvrir la philosophie et le fonctionnement du framework Vue
  • Prototyper une application Web avec le framework progressif Vue
  • Utiliser les outils de développements Vue dans un navigateur, un IDE et un terminal
  • Réutiliser du code grâce aux composants

Pré-requis

  • Minimum d’expérience avec JavaScript, HTML et CSS
  • Ordinateur portable à apporter

Le programme de la formation Vue.js

Jour 1: une application Web simple avec Vue 3

Introduction
  • SPA et les frameworks JavaScript
  • Vue, un framework progressif
  • Data Driven Interfaces
  • Écosystème
  • Réactivité basique avec l’interpolation et v-bind
  • Conditionnelles
  • Boucles
  • Evénements
Bases
  • Instance Vue
  • Templating
    • Interpolation
    • Attributs
    • Directives
  • Comparatif Vue VS jQuery
  • v-model
    • Inputs Natifs
  • Boucler sur de la donnée
  • Rendering conditionnel
  • Manipuler des classes
  • Propriétés calculées
  • Écoute d'événements natifs

Mises en pratique avec un annuaire de films :
- Listing d’éléments d’un catalogue
- Ajouter, supprimer et éditer les éléments d’une liste
- Ajout de filtres par catégories

Jour 2 : une application faite de composants

Composants
  • Rôle du composant dans une SPA
  • Props
  • Événements
  • Slots
  • Composants dynamiques

Mises en pratique - Utiliser des composants dans son application :
- Single File Components
- Création d'un composant pour l'affichage
- Faire communiquer les composants entre eux

Jour 3 : routeur, plugins et API

Extensions
  • Composables
  • Plugins

Mise en pratique :
-Utiliser un plugin

Cycle de vie

Mise en pratique :
-Manipuler de la donnée distante

Routing avec vue-router
  • Vue Router
    • Routes
    • Modes
    • Lien
    • La vue principale

Mise en pratique :
-Mise en place d’un routeur dans l'annuaire

Bonus

En fonction des profils des stagiaires, et du temps restants, les notions suivantes pourront être abordées.

Transitions visuelles
  • Les transitions CSS
  • Transitions de listes avec Vue
  • Transitions dynamiques

Mise en pratique :
-Ajout d’animations dans la liste

Un state global avec Pinia
  • Qu'est-ce qu'un Store ?
    • Pourquoi et quand l’utiliser ?
    • Limites et alternatives
  • Pinia
    • State
    • Getters
    • Actions
    • Plugins

Mise en pratique :
-Utilisation d’un Store dans l'annuaire

Télécharger le programme

Le(s) formateur(s)

Jérémy DUMAYE

Jérémy DUMAYE

Développeur web Full Stack, et adepte des conseils en ergonomie web, et UX/UI, Jérémy intervient en tant que Lead pour différentes équipes, pour des agences qui ont des besoins précis en développement, ou encore avec des clients finaux pour un projet web bien défini.
Sa vision UX/UI lui permet également de proposer des wireframes complets pour créer une structure graphique personnalisée au besoin du client afin de réaliser et développer le site ou l'application web par la suite.

Maîtrisant les langages web tels que HTML, CSS, JavaScript, VueJS, PHP, ou encore Laravel, il passe également une grande partie de son planning pour transmettre son savoir en tant que formateur, une passion pour lui depuis de nombreuses années.

Que ce soit pour des étudiants en école supérieure de développement, ou des professionnels qui souhaitent augmenter leurs compétences, il prend du plaisir à apporter ses compétences et son expertise en étant un grand adepte de la pratique sur des cas concrets, tout en prenant soin de bien valider que tout a été bien assimilé et appris pour chacun de ses élèves.

Voir son profil détaillé

Eduardo SAN MARTIN MOROTE

Eduardo SAN MARTIN MOROTE

Eduardo est un membre de la core team Vue.js, il contribue à l'Open Source et est très actif dans l'écosystème Vue avec des projets comme vue-router, vuefire, vuexfire, vue-promised, vue-motion, vue-tweezing, ... Il est aussi Freelance Front End et évite toujours le gâchis en appliquant le principe du Lean un peu partout, des fois un peu trop ! En équipe, il prend plaisir à aider les autres. Les soirs, il fait souvent de la veille technique et partage ce qu'il apprend lors de ses discussions dans la journée. Il organise également le Meetup Vue.js à Paris.

Voir son profil détaillé

Guillaume CHAU

Guillaume CHAU

Guillaume est un membre de la Core Team de Vue.js et travaille sur des composants officiels comme vue-devtools, vue-cli, vue-curated et vue-ui. Il est aussi contributeur d'autres projets Open Source liés à Vue.js, GraphQL et Node.js comme vue-apollo, vue-meteor, vue-virtual-scroller, nodepack et bien d'autres.
Actuellement développeur chez Livestorm, il participe également aux meetups Javascript et Vue.js sur la région de Lyon, ainsi qu'à de nombreuses conférences autour du globe.

Voir son profil détaillé

Romain PETIT

Romain PETIT

Romain est consultant indépendant sur des technologies web front-end depuis 2012.
Il utilise le framework JavaScript Vue.JS et Nuxt au quotidien pour développer des applications. Il croit en un web accessible, et défend la JAMstack.

Romain donne des formations depuis 6 ans pour différentes structures: Le Campus Numérique in The Alps sur des formations innovantes, avec l'Université de Grenoble Alpes et Oxiane.

Il monté le collectif d'indépendants et espace de travail Le Médiastère au centre ville de Grenoble, son camp de base.
Depuis 2020, il a rejoint l'équipe de BackMarket.

Voir son profil détaillé

Guillaume LEFRANT

Guillaume LEFRANT

Guillaume est un freelance engagé dans la montée des startups françaises. Il accompagne de petites structures dans leur développement, des balbutiements jusqu'à l'arrivée des premiers utilisateurs, voire en phase de croissance.
Grâce à son parcours universitaire, il est à même de conseiller sur les aspects techniques, comme les aspects marketing ou financier.

Guillaume a travaillé plus de 2 ans en tant que responsable pédagogique à la Web@cademie et a formé plus 300 étudiants au métier de Développeur Web Fullstack.
Le partage de connaissance est pour lui une chose primordiale au fonctionnement de notre monde moderne et la pédagogie est son casse-tête préféré.

Spécialisé en développement Laravel et VueJS, il est à même de résoudre les différents challenges techniques et métiers qui peuvent se présenter, comme par exemple, l'installation d'un système de temps réel pour gérer des enchères ou la création d'une librairie de composants personnalisables et extensibles.

Voir son profil détaillé

A propos de Human Coders

Human Coders c'est un centre de formation pour développeurs avec :

  • une certification Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
  • de nombreux clients qui nous font confiance depuis des années
  • un manifeste pour garantir des formations à taille humaine, des formateurs passionnés, de véritables workshops...
  • 103 formations au catalogue, 1466 sessions depuis nos débuts en 2012 avec une moyenne de satisfaction de 4,6/5
  • la possibilité de vous proposer un accompagnement personnalisé ou du conseil après la formation

68 témoignages

Formateur au top. Qui a bien su nous guider. Bon rythme adapté à l'ensemble des participants.

Formateur au top. Qui a bien su nous guider. Bon rythme adapté à l'ensemble des participants.

Excellent. Une technologie avec beaucoup de profondeur qu'on voit que le formateur maîtrise. Il a su me guider pendant les travaux pratiques a...

Excellent. Une technologie avec beaucoup de profondeur qu'on voit que le formateur maîtrise. Il a su me guider pendant les travaux pratiques avec la quantité idéale de "coup de pouces" pour arriver à faire les choses par moi-même et assimiler les concepts essentiels. Merci !

Voir plus

C'est une formation qui a bien répondu à mes attentes, je suis satisfaite !

C'est une formation qui a bien répondu à mes attentes, je suis satisfaite !

Très bonne formation, bien expliquée par le formateur qui a été très pédagogue !

Très bonne formation, bien expliquée par le formateur qui a été très pédagogue !

C'était vraiment top. J'étais un peu dubitatif sur la première partie dédiée à ES5+ mais au final c'était aussi enrichissant que la partie Vue...

C'était vraiment top. J'étais un peu dubitatif sur la première partie dédiée à ES5+ mais au final c'était aussi enrichissant que la partie Vue spécifique. L'équilibre théorie/travaux pratiques était bien. Dommage qu'on ait été un peu court sur le routing à la toute fin.

Voir plus

J'ai beaucoup aimé cette formation. Romain est très à l'écoute et pédagogue. Le programme est très intéressant, les principaux sujets sont ab...

J'ai beaucoup aimé cette formation. Romain est très à l'écoute et pédagogue. Le programme est très intéressant, les principaux sujets sont abordés.

Voir plus

Formation parfaite de mon point de vue. Formateur compétent, contenu intéressant et dense, et une très bonne gestion de la formation à distance.

Formation parfaite de mon point de vue. Formateur compétent, contenu intéressant et dense, et une très bonne gestion de la formation à distance.

Au top !

Au top !

Guillaume est un formateur très compétent. Il prend le temps de répondre aux questions. Formation très accessible.

Guillaume est un formateur très compétent. Il prend le temps de répondre aux questions. Formation très accessible.

En partant de presque 0, ça n'a pas été le plus simple globalement, mais le formateur a été très pédagogue et a été d'une grande aide pour pro...

En partant de presque 0, ça n'a pas été le plus simple globalement, mais le formateur a été très pédagogue et a été d'une grande aide pour progresser.

Voir plus

Un grand merci à Guillaume qui a été super patient avec moi compte tenu de mon niveau junior. Maintenant, place à la pratique :-)

Un grand merci à Guillaume qui a été super patient avec moi compte tenu de mon niveau junior. Maintenant, place à la pratique :-)

Très bonne formation. Formateur pédagogue et patient, n'hésite pas à prendre son temps et réexpliquer si nécessaire.

Très bonne formation. Formateur pédagogue et patient, n'hésite pas à prendre son temps et réexpliquer si nécessaire.

Super expérience, très enrichissante mais très intense aussi :) La formation sur 3jrs (Vue Js) est à un rythme soutenue et il est important d...

Super expérience, très enrichissante mais très intense aussi :) La formation sur 3jrs (Vue Js) est à un rythme soutenue et il est important d'être complètement disponible pour pouvoir bien assimiler toutes les notions parcourues.

Voir plus

Formation très intéressante, comportant des exercices permettant de mettre en pratique les différents concepts abordés, et donc de mieux les i...

Formation très intéressante, comportant des exercices permettant de mettre en pratique les différents concepts abordés, et donc de mieux les intégrer.

Voir plus

Top, un très bon formateur et un super contenu pour les débutants

Top, un très bon formateur et un super contenu pour les débutants

Très bonne formation menée par Romain, qui est très pédagogue et prend le temps de s'adapter au niveau de l'équipe. Le contenu était très comp...

Très bonne formation menée par Romain, qui est très pédagogue et prend le temps de s'adapter au niveau de l'équipe. Le contenu était très complet et ça change tout d'avoir un interlocuteur direct pour poser des questions et échanger! Je recommande!

Voir plus

Formation au top, un programme adéquate qui reprend certaines base afin de pouvoir avancer sereinement dans le programme sans être perdu La p...

Formation au top, un programme adéquate qui reprend certaines base afin de pouvoir avancer sereinement dans le programme sans être perdu La pédagogie et le dynamisme du formateur sont un énorme plus

Voir plus

Le programme de la formation débutante Vue.js est complet et très intéressant. Le projet fil rouge amène un vrai + à ces trois jours.

Le programme de la formation débutante Vue.js est complet et très intéressant. Le projet fil rouge amène un vrai + à ces trois jours.

Très bonne expérience, une formation bien équilibrée entre la théorie et les exercices pratiques, et qui donne envie d'aller plus loin ! Le ry...

Très bonne expérience, une formation bien équilibrée entre la théorie et les exercices pratiques, et qui donne envie d'aller plus loin ! Le rythme a été difficile à tenir du fait des disparités entre les personnes participantes, mais c'est resté accessible à tout le monde dans l'ensemble.

Voir plus

La formation est bien structurée, on mets en pratique les notions apprises, bonne pédagogie.

La formation est bien structurée, on mets en pratique les notions apprises, bonne pédagogie.

La formation s'est très bien déroulée avec des cours suivis d'exercices pratiques. L'intervenant est à l'écoute et prend le temps de répondre ...

La formation s'est très bien déroulée avec des cours suivis d'exercices pratiques. L'intervenant est à l'écoute et prend le temps de répondre à chaque questions. En 3 jours nous avons pu apprendre toutes les bases de VueJS grâce à cette formation de bonne qualité.

Voir plus

Formation formidable, on acquit facilement de nouvelles compétences avec un formateur disponible qui répond à nos questions.

Formation formidable, on acquit facilement de nouvelles compétences avec un formateur disponible qui répond à nos questions.

Excellente formation, le fork du projet github permet de travailler efficacement. Les slides sont très claires, et le formateur est top

Excellente formation, le fork du projet github permet de travailler efficacement. Les slides sont très claires, et le formateur est top

Une très bonne formation qui allie très bien pédagogie et pratique dans un rythme équilibré.

Une très bonne formation qui allie très bien pédagogie et pratique dans un rythme équilibré.

Super formation, Super équipe et merci à Jérémy pour sa patience

Super formation, Super équipe et merci à Jérémy pour sa patience

Très bon formateur.

Très bon formateur.

Bon rythme, bonne ambiance, très bonne connaissance du formateur ! Très bonne formation.

Bon rythme, bonne ambiance, très bonne connaissance du formateur ! Très bonne formation.

Excellent pédagogue et le cours est bien résumé

Excellent pédagogue et le cours est bien résumé

Le formateur à pris le temps d'expliquer au moindre point bloquant.

Le formateur à pris le temps d'expliquer au moindre point bloquant.

Un formateur à l'écoute, avec de bons conseils et pistes pour nous apprendre tout en nous laissant le temps de comprendre.

Un formateur à l'écoute, avec de bons conseils et pistes pour nous apprendre tout en nous laissant le temps de comprendre.

Formation bien complète et ciblée "opérationnel" avec de vrais exercices. L'intervenant Romain était de grande qualité avec de bonnes qualités...

Formation bien complète et ciblée "opérationnel" avec de vrais exercices. L'intervenant Romain était de grande qualité avec de bonnes qualités d'animation et de pédagogie.

Voir plus

Le contenue de la formation est très intéressant pour débuter sur vuejs y compris les travaux pratique.

Le contenue de la formation est très intéressant pour débuter sur vuejs y compris les travaux pratique.

Formation très intéressante, bien rythmée, avec un formateur à la pointe sur l'ensemble des technos JS

Formation très intéressante, bien rythmée, avec un formateur à la pointe sur l'ensemble des technos JS

Au top ! La formation correspond parfaitement au programme énoncé, les ressources sont facilement à disposition, on apprécie également la pri...

Au top ! La formation correspond parfaitement au programme énoncé, les ressources sont facilement à disposition, on apprécie également la prise de recul sur la techno.

Voir plus

Une formation assez dense mais très intéressante

Une formation assez dense mais très intéressante

Formation intéressante au contenu assez dense, il faut être bien concentré pour suivre le rythme.

Formation intéressante au contenu assez dense, il faut être bien concentré pour suivre le rythme.

Formateur très compétent dans son domaine. Très bon pédagogue. Malgré la distance (nous étions en vision) et les masques vu que l'équipe était...

Formateur très compétent dans son domaine. Très bon pédagogue. Malgré la distance (nous étions en vision) et les masques vu que l'équipe était dans une même pièce, il a su capter nos attentions et être attentif à nos soucis.

Voir plus

Eduardo maîtrise parfaitement le sujet!

Eduardo maîtrise parfaitement le sujet!

formation ludique que j'ai bien apprécié

formation ludique que j'ai bien apprécié

super je recommande

super je recommande

Super formation. Guillaume connaît parfaitement bien son sujet et s'est adapté à notre niveau.

Super formation. Guillaume connaît parfaitement bien son sujet et s'est adapté à notre niveau.

La formation vue.js permet de maitriser les concepts de base de vue.js et Johnatan est un très bon formateur qui connait bien son sujet.

La formation vue.js permet de maitriser les concepts de base de vue.js et Johnatan est un très bon formateur qui connait bien son sujet.

Super ambiance, c'est un petit plus non négligeable d'être formé par des personnes qui ont gardé un pied dans le métier.

Super ambiance, c'est un petit plus non négligeable d'être formé par des personnes qui ont gardé un pied dans le métier.

Très bonne formation pour avoir de bonnes bases sur VueJs. Romain est très pédagogue, et sympathique.

Très bonne formation pour avoir de bonnes bases sur VueJs. Romain est très pédagogue, et sympathique.

La formation était parfaite, nous avons appris toutes les bases de VueJS.

La formation était parfaite, nous avons appris toutes les bases de VueJS.

On voit beaucoup de choses et on entre très vite dans le vif du sujet. Cela suppose d'avoir les bases en ES6. Chaque concept vu en théorie est...

On voit beaucoup de choses et on entre très vite dans le vif du sujet. Cela suppose d'avoir les bases en ES6. Chaque concept vu en théorie est aussi mis en pratique immédiatement, ce qui est très bien. Je conseille de se familiariser avec Vue JS avant cette formation car le rythme est élevé.

Voir plus

Formation très intéressante, beaucoup de rythme et pas mal de travaux pratique. Le formateur Eduardo San Martin Morote fait preuve de beaucoup...

Formation très intéressante, beaucoup de rythme et pas mal de travaux pratique. Le formateur Eduardo San Martin Morote fait preuve de beaucoup d'ouverture et de pédagogie

Voir plus

Excellente formation avec beaucoup d'exercices, avec Eduardo.

Excellente formation avec beaucoup d'exercices, avec Eduardo.

Très bonne formation pour balayer vuejs avec Eduardo

Très bonne formation pour balayer vuejs avec Eduardo

C'était génial et très formateur (Eduardo), nous n'avons pas pu explorer tout le programme en profondeur, une journée en plus aurait été parfait.

C'était génial et très formateur (Eduardo), nous n'avons pas pu explorer tout le programme en profondeur, une journée en plus aurait été parfait.

I really liked the course. Even thought the course was oriented to people with a front end background, it was easy to follow as a Back-end dev...

I really liked the course. Even thought the course was oriented to people with a front end background, it was easy to follow as a Back-end developer taking into account how complete it was. The lessons had a nice rhythm and the teacher was very supportive, filling in the gaps of the knowledge I was lacking.

Voir plus

C'était intense mais très intéressant avec Eduardo, surtout de pouvoir pratiquer directement après le sujet aborder.

C'était intense mais très intéressant avec Eduardo, surtout de pouvoir pratiquer directement après le sujet aborder.

Formation très intéressante, bon rythme

Formation très intéressante, bon rythme

Formation passionnante assurée par un formateur (Eduardo) ultra qualifié !

Formation passionnante assurée par un formateur (Eduardo) ultra qualifié !

Cette formation était vraiment très enrichissante, sachant que je connaissais peu le framework Vue. Le formateur (Romain) est vraiment compéte...

Cette formation était vraiment très enrichissante, sachant que je connaissais peu le framework Vue. Le formateur (Romain) est vraiment compétent et à l'écoute des demandes de chacun.

Voir plus

C'est une très bonne formation faite par un très bon formateur (Romain) qui sait de quoi il parle. Très intéressante a suivre. La remise a ni...

C'est une très bonne formation faite par un très bon formateur (Romain) qui sait de quoi il parle. Très intéressante a suivre. La remise a niveau sur le javascript moderne est très intéressante. Pour nous, la moitié du temps c'est fait sur le javascript moderne et l'autre moitié sur du vuejs.

Voir plus

Formation de 3 jours, bon niveau, le formateur (Romain) à l'écoute sachant s'adapter à la vitesse du groupe et ses attentes. Explications et ...

Formation de 3 jours, bon niveau, le formateur (Romain) à l'écoute sachant s'adapter à la vitesse du groupe et ses attentes. Explications et mode de fonctionnement de la formation très agréable.

Voir plus

Très bonne intervention, les nombreux TP permettant de se faire la main immédiatement. Eduardo est très bon pédagogue, et maîtrise parfaiteme...

Très bonne intervention, les nombreux TP permettant de se faire la main immédiatement. Eduardo est très bon pédagogue, et maîtrise parfaitement son sujet.

Voir plus

Eduardo est un excellent formateur, très pédagogue et grâce à la formation j'ai pu progressé en Vue.js

Eduardo est un excellent formateur, très pédagogue et grâce à la formation j'ai pu progressé en Vue.js

Très bonne formation faite par Guillaume. Beaucoup de pratique. Formateur sympa et très compétent

Très bonne formation faite par Guillaume. Beaucoup de pratique. Formateur sympa et très compétent

Très bonne formation sur VueJS. Très complète, elle permettra à n'importe quel développeur JS de se lancer dans des projets avec ce framework....

Très bonne formation sur VueJS. Très complète, elle permettra à n'importe quel développeur JS de se lancer dans des projets avec ce framework. Edouardo est à la hauteur de sa réputation et très pédagogique. Merci à lui

Voir plus

Super formation avec Guillaume pour qui veut acquérir des connaissances solides

Super formation avec Guillaume pour qui veut acquérir des connaissances solides

Très bonne formation avec beaucoup de mises en situation pratique. Formateur très compétent sur la technologie

Très bonne formation avec beaucoup de mises en situation pratique. Formateur très compétent sur la technologie

Très bon formateur pour un wonderfull framework. Merci !

Très bon formateur pour un wonderfull framework. Merci !

Je suis arrivé sans rien connaître de VueJs et je ressors avec des bases solides qui me permettent de pouvoir commencer des projets. Le format...

Je suis arrivé sans rien connaître de VueJs et je ressors avec des bases solides qui me permettent de pouvoir commencer des projets. Le formateur, Eduardo, était vraiment top et vraiment ultra compétent !

Voir plus

Excellente formation par un formateur très sympathique et expert sur le sujet.

Excellente formation par un formateur très sympathique et expert sur le sujet.

Très bonne formation dispensée par un formateur maîtrisant parfaitement son sujet.

Très bonne formation dispensée par un formateur maîtrisant parfaitement son sujet.

Merci pour cette formation d’une qualité exceptionnelle. Il est rare d’avoir l’occasion de suivre une formation réalisée avec une telle expert...

Merci pour cette formation d’une qualité exceptionnelle. Il est rare d’avoir l’occasion de suivre une formation réalisée avec une telle expertise dans le domaine !

Voir plus

Besoin d'aide ?

Vous souhaitez discuter avec nous à propos de votre projet de formation ?
Vous voulez plus d'information sur une formation ou notre fonctionnement ?


Rappel Email

Nos forces

  • Des formations à taille humaine
  • Des formateurs passionnés
  • Des véritables workshop
Accéder au Manifeste

Nos clients

Formation Vue.js

Notée : (378)*

Créez des interfaces Web dynamiques et performantes grâce à notre formation Vue 3 !

Formation Vue.js

Cette formation a pour objectif de vous apprendre à créer une application Web dynamique et performante avec le framework Vue 3.

Dans cette formation Vue, vous découvrirez par la pratique les bases du framework Vue et son environnement de développement. Le projet fil rouge consistant à créer un annuaire de films vous permettra d'aborder toutes les notions clés du framework et de les mettre vous-même en application.

La formation s’adresse à toute personne souhaitant découvrir ce framework et ayant des notions en JavaScript, HTML et CSS.
Vous ressortirez de cette formation Vue avec une vision nouvelle sur ce que peut être une application Web, que vous soyez habitué à développer en JavaScript pur ou avec des librairies comme jQuery.

En quelques mots, Vue est un framework JavaScript simple pour créer des interfaces Web dynamiques et performantes. Il a tout ce qu'il faut pour créer des grandes applications : un router officiel et un pattern flux propre à lui même, tout cela en moins de 30kb !

Pourquoi encore un nouvel outil ? Rassurez-vous, pour beaucoup de ses utilisateurs, Vue est connu pour avoir rendu le développement front simple et amusant justement en réponse à la js fatigue.

A l’issue de cette formation Vue, vous repartirez avec le code source de votre projet, construit ensemble au fil des exercices.

Envie d'aller plus loin ?

Si vous souhaitez passer à la vitesse supérieure ou avez déjà des bonnes bases avec le framework Vue, vous serez sûrement intéressé par notre formation Vue avancé ou notre formation Nuxt animée par Romain Petit et Jérémy Dumaye.

Les objectifs

  • Comprendre les caractéristiques d’une Single Page App
  • Découvrir la philosophie et le fonctionnement du framework Vue
  • Prototyper une application Web avec le framework progressif Vue
  • Utiliser les outils de développements Vue dans un navigateur, un IDE et un terminal
  • Réutiliser du code grâce aux composants

Pré-requis

  • Minimum d’expérience avec JavaScript, HTML et CSS
  • Ordinateur portable à apporter

Le programme de la formation Vue.js

Jour 1: une application Web simple avec Vue 3

Introduction
  • SPA et les frameworks JavaScript
  • Vue, un framework progressif
  • Data Driven Interfaces
  • Écosystème
  • Réactivité basique avec l’interpolation et v-bind
  • Conditionnelles
  • Boucles
  • Evénements
Bases
  • Instance Vue
  • Templating
    • Interpolation
    • Attributs
    • Directives
  • Comparatif Vue VS jQuery
  • v-model
    • Inputs Natifs
  • Boucler sur de la donnée
  • Rendering conditionnel
  • Manipuler des classes
  • Propriétés calculées
  • Écoute d'événements natifs

Mises en pratique avec un annuaire de films :
- Listing d’éléments d’un catalogue
- Ajouter, supprimer et éditer les éléments d’une liste
- Ajout de filtres par catégories

Jour 2 : une application faite de composants

Composants
  • Rôle du composant dans une SPA
  • Props
  • Événements
  • Slots
  • Composants dynamiques

Mises en pratique - Utiliser des composants dans son application :
- Single File Components
- Création d'un composant pour l'affichage
- Faire communiquer les composants entre eux

Jour 3 : routeur, plugins et API

Extensions
  • Composables
  • Plugins

Mise en pratique :
-Utiliser un plugin

Cycle de vie

Mise en pratique :
-Manipuler de la donnée distante

Routing avec vue-router
  • Vue Router
    • Routes
    • Modes
    • Lien
    • La vue principale

Mise en pratique :
-Mise en place d’un routeur dans l'annuaire

Bonus

En fonction des profils des stagiaires, et du temps restants, les notions suivantes pourront être abordées.

Transitions visuelles
  • Les transitions CSS
  • Transitions de listes avec Vue
  • Transitions dynamiques

Mise en pratique :
-Ajout d’animations dans la liste

Un state global avec Pinia
  • Qu'est-ce qu'un Store ?
    • Pourquoi et quand l’utiliser ?
    • Limites et alternatives
  • Pinia
    • State
    • Getters
    • Actions
    • Plugins

Mise en pratique :
-Utilisation d’un Store dans l'annuaire

Télécharger le programme

Le(s) formateur(s)

Jérémy DUMAYE

Jérémy DUMAYE

Développeur web Full Stack, et adepte des conseils en ergonomie web, et UX/UI, Jérémy intervient en tant que Lead pour différentes équipes, pour des agences qui ont des besoins précis en développement, ou encore avec des clients finaux pour un projet web bien défini.
Sa vision UX/UI lui permet également de proposer des wireframes complets pour créer une structure graphique personnalisée au besoin du client afin de réaliser et développer le site ou l'application web par la suite.

Maîtrisant les langages web tels que HTML, CSS, JavaScript, VueJS, PHP, ou encore Laravel, il passe également une grande partie de son planning pour transmettre son savoir en tant que formateur, une passion pour lui depuis de nombreuses années.

Que ce soit pour des étudiants en école supérieure de développement, ou des professionnels qui souhaitent augmenter leurs compétences, il prend du plaisir à apporter ses compétences et son expertise en étant un grand adepte de la pratique sur des cas concrets, tout en prenant soin de bien valider que tout a été bien assimilé et appris pour chacun de ses élèves.

Voir son profil détaillé

Eduardo SAN MARTIN MOROTE

Eduardo SAN MARTIN MOROTE

Eduardo est un membre de la core team Vue.js, il contribue à l'Open Source et est très actif dans l'écosystème Vue avec des projets comme vue-router, vuefire, vuexfire, vue-promised, vue-motion, vue-tweezing, ... Il est aussi Freelance Front End et évite toujours le gâchis en appliquant le principe du Lean un peu partout, des fois un peu trop ! En équipe, il prend plaisir à aider les autres. Les soirs, il fait souvent de la veille technique et partage ce qu'il apprend lors de ses discussions dans la journée. Il organise également le Meetup Vue.js à Paris.

Voir son profil détaillé

Guillaume CHAU

Guillaume CHAU

Guillaume est un membre de la Core Team de Vue.js et travaille sur des composants officiels comme vue-devtools, vue-cli, vue-curated et vue-ui. Il est aussi contributeur d'autres projets Open Source liés à Vue.js, GraphQL et Node.js comme vue-apollo, vue-meteor, vue-virtual-scroller, nodepack et bien d'autres.
Actuellement développeur chez Livestorm, il participe également aux meetups Javascript et Vue.js sur la région de Lyon, ainsi qu'à de nombreuses conférences autour du globe.

Voir son profil détaillé

Romain PETIT

Romain PETIT

Romain est consultant indépendant sur des technologies web front-end depuis 2012.
Il utilise le framework JavaScript Vue.JS et Nuxt au quotidien pour développer des applications. Il croit en un web accessible, et défend la JAMstack.

Romain donne des formations depuis 6 ans pour différentes structures: Le Campus Numérique in The Alps sur des formations innovantes, avec l'Université de Grenoble Alpes et Oxiane.

Il monté le collectif d'indépendants et espace de travail Le Médiastère au centre ville de Grenoble, son camp de base.
Depuis 2020, il a rejoint l'équipe de BackMarket.

Voir son profil détaillé

Guillaume LEFRANT

Guillaume LEFRANT

Guillaume est un freelance engagé dans la montée des startups françaises. Il accompagne de petites structures dans leur développement, des balbutiements jusqu'à l'arrivée des premiers utilisateurs, voire en phase de croissance.
Grâce à son parcours universitaire, il est à même de conseiller sur les aspects techniques, comme les aspects marketing ou financier.

Guillaume a travaillé plus de 2 ans en tant que responsable pédagogique à la Web@cademie et a formé plus 300 étudiants au métier de Développeur Web Fullstack.
Le partage de connaissance est pour lui une chose primordiale au fonctionnement de notre monde moderne et la pédagogie est son casse-tête préféré.

Spécialisé en développement Laravel et VueJS, il est à même de résoudre les différents challenges techniques et métiers qui peuvent se présenter, comme par exemple, l'installation d'un système de temps réel pour gérer des enchères ou la création d'une librairie de composants personnalisables et extensibles.

Voir son profil détaillé

A propos de Human Coders

Human Coders c'est un centre de formation pour développeurs avec :

  • une certification Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
  • de nombreux clients qui nous font confiance depuis des années
  • un manifeste pour garantir des formations à taille humaine, des formateurs passionnés, de véritables workshops...
  • 103 formations au catalogue, 1466 sessions depuis nos débuts en 2012 avec une moyenne de satisfaction de 4,6/5
  • la possibilité de vous proposer un accompagnement personnalisé ou du conseil après la formation

68 témoignages

Formateur au top. Qui a bien su nous guider. Bon rythme adapté à l'ensemble des participants.

Formateur au top. Qui a bien su nous guider. Bon rythme adapté à l'ensemble des participants.

Excellent. Une technologie avec beaucoup de profondeur qu'on voit que le formateur maîtrise. Il a su me guider pendant les travaux pratiques a...

Excellent. Une technologie avec beaucoup de profondeur qu'on voit que le formateur maîtrise. Il a su me guider pendant les travaux pratiques avec la quantité idéale de "coup de pouces" pour arriver à faire les choses par moi-même et assimiler les concepts essentiels. Merci !

Voir plus

C'est une formation qui a bien répondu à mes attentes, je suis satisfaite !

C'est une formation qui a bien répondu à mes attentes, je suis satisfaite !

Très bonne formation, bien expliquée par le formateur qui a été très pédagogue !

Très bonne formation, bien expliquée par le formateur qui a été très pédagogue !

C'était vraiment top. J'étais un peu dubitatif sur la première partie dédiée à ES5+ mais au final c'était aussi enrichissant que la partie Vue...

C'était vraiment top. J'étais un peu dubitatif sur la première partie dédiée à ES5+ mais au final c'était aussi enrichissant que la partie Vue spécifique. L'équilibre théorie/travaux pratiques était bien. Dommage qu'on ait été un peu court sur le routing à la toute fin.

Voir plus

J'ai beaucoup aimé cette formation. Romain est très à l'écoute et pédagogue. Le programme est très intéressant, les principaux sujets sont ab...

J'ai beaucoup aimé cette formation. Romain est très à l'écoute et pédagogue. Le programme est très intéressant, les principaux sujets sont abordés.

Voir plus

Formation parfaite de mon point de vue. Formateur compétent, contenu intéressant et dense, et une très bonne gestion de la formation à distance.

Formation parfaite de mon point de vue. Formateur compétent, contenu intéressant et dense, et une très bonne gestion de la formation à distance.

Au top !

Au top !

Guillaume est un formateur très compétent. Il prend le temps de répondre aux questions. Formation très accessible.

Guillaume est un formateur très compétent. Il prend le temps de répondre aux questions. Formation très accessible.

En partant de presque 0, ça n'a pas été le plus simple globalement, mais le formateur a été très pédagogue et a été d'une grande aide pour pro...

En partant de presque 0, ça n'a pas été le plus simple globalement, mais le formateur a été très pédagogue et a été d'une grande aide pour progresser.

Voir plus

Un grand merci à Guillaume qui a été super patient avec moi compte tenu de mon niveau junior. Maintenant, place à la pratique :-)

Un grand merci à Guillaume qui a été super patient avec moi compte tenu de mon niveau junior. Maintenant, place à la pratique :-)

Très bonne formation. Formateur pédagogue et patient, n'hésite pas à prendre son temps et réexpliquer si nécessaire.

Très bonne formation. Formateur pédagogue et patient, n'hésite pas à prendre son temps et réexpliquer si nécessaire.

Super expérience, très enrichissante mais très intense aussi :) La formation sur 3jrs (Vue Js) est à un rythme soutenue et il est important d...

Super expérience, très enrichissante mais très intense aussi :) La formation sur 3jrs (Vue Js) est à un rythme soutenue et il est important d'être complètement disponible pour pouvoir bien assimiler toutes les notions parcourues.

Voir plus

Formation très intéressante, comportant des exercices permettant de mettre en pratique les différents concepts abordés, et donc de mieux les i...

Formation très intéressante, comportant des exercices permettant de mettre en pratique les différents concepts abordés, et donc de mieux les intégrer.

Voir plus

Top, un très bon formateur et un super contenu pour les débutants

Top, un très bon formateur et un super contenu pour les débutants

Très bonne formation menée par Romain, qui est très pédagogue et prend le temps de s'adapter au niveau de l'équipe. Le contenu était très comp...

Très bonne formation menée par Romain, qui est très pédagogue et prend le temps de s'adapter au niveau de l'équipe. Le contenu était très complet et ça change tout d'avoir un interlocuteur direct pour poser des questions et échanger! Je recommande!

Voir plus

Formation au top, un programme adéquate qui reprend certaines base afin de pouvoir avancer sereinement dans le programme sans être perdu La p...

Formation au top, un programme adéquate qui reprend certaines base afin de pouvoir avancer sereinement dans le programme sans être perdu La pédagogie et le dynamisme du formateur sont un énorme plus

Voir plus

Le programme de la formation débutante Vue.js est complet et très intéressant. Le projet fil rouge amène un vrai + à ces trois jours.

Le programme de la formation débutante Vue.js est complet et très intéressant. Le projet fil rouge amène un vrai + à ces trois jours.

Très bonne expérience, une formation bien équilibrée entre la théorie et les exercices pratiques, et qui donne envie d'aller plus loin ! Le ry...

Très bonne expérience, une formation bien équilibrée entre la théorie et les exercices pratiques, et qui donne envie d'aller plus loin ! Le rythme a été difficile à tenir du fait des disparités entre les personnes participantes, mais c'est resté accessible à tout le monde dans l'ensemble.

Voir plus

La formation est bien structurée, on mets en pratique les notions apprises, bonne pédagogie.

La formation est bien structurée, on mets en pratique les notions apprises, bonne pédagogie.

La formation s'est très bien déroulée avec des cours suivis d'exercices pratiques. L'intervenant est à l'écoute et prend le temps de répondre ...

La formation s'est très bien déroulée avec des cours suivis d'exercices pratiques. L'intervenant est à l'écoute et prend le temps de répondre à chaque questions. En 3 jours nous avons pu apprendre toutes les bases de VueJS grâce à cette formation de bonne qualité.

Voir plus

Formation formidable, on acquit facilement de nouvelles compétences avec un formateur disponible qui répond à nos questions.

Formation formidable, on acquit facilement de nouvelles compétences avec un formateur disponible qui répond à nos questions.

Excellente formation, le fork du projet github permet de travailler efficacement. Les slides sont très claires, et le formateur est top

Excellente formation, le fork du projet github permet de travailler efficacement. Les slides sont très claires, et le formateur est top

Une très bonne formation qui allie très bien pédagogie et pratique dans un rythme équilibré.

Une très bonne formation qui allie très bien pédagogie et pratique dans un rythme équilibré.

Super formation, Super équipe et merci à Jérémy pour sa patience

Super formation, Super équipe et merci à Jérémy pour sa patience

Très bon formateur.

Très bon formateur.

Bon rythme, bonne ambiance, très bonne connaissance du formateur ! Très bonne formation.

Bon rythme, bonne ambiance, très bonne connaissance du formateur ! Très bonne formation.

Excellent pédagogue et le cours est bien résumé

Excellent pédagogue et le cours est bien résumé

Le formateur à pris le temps d'expliquer au moindre point bloquant.

Le formateur à pris le temps d'expliquer au moindre point bloquant.

Un formateur à l'écoute, avec de bons conseils et pistes pour nous apprendre tout en nous laissant le temps de comprendre.

Un formateur à l'écoute, avec de bons conseils et pistes pour nous apprendre tout en nous laissant le temps de comprendre.

Formation bien complète et ciblée "opérationnel" avec de vrais exercices. L'intervenant Romain était de grande qualité avec de bonnes qualités...

Formation bien complète et ciblée "opérationnel" avec de vrais exercices. L'intervenant Romain était de grande qualité avec de bonnes qualités d'animation et de pédagogie.

Voir plus

Le contenue de la formation est très intéressant pour débuter sur vuejs y compris les travaux pratique.

Le contenue de la formation est très intéressant pour débuter sur vuejs y compris les travaux pratique.

Formation très intéressante, bien rythmée, avec un formateur à la pointe sur l'ensemble des technos JS

Formation très intéressante, bien rythmée, avec un formateur à la pointe sur l'ensemble des technos JS

Au top ! La formation correspond parfaitement au programme énoncé, les ressources sont facilement à disposition, on apprécie également la pri...

Au top ! La formation correspond parfaitement au programme énoncé, les ressources sont facilement à disposition, on apprécie également la prise de recul sur la techno.

Voir plus

Une formation assez dense mais très intéressante

Une formation assez dense mais très intéressante

Formation intéressante au contenu assez dense, il faut être bien concentré pour suivre le rythme.

Formation intéressante au contenu assez dense, il faut être bien concentré pour suivre le rythme.

Formateur très compétent dans son domaine. Très bon pédagogue. Malgré la distance (nous étions en vision) et les masques vu que l'équipe était...

Formateur très compétent dans son domaine. Très bon pédagogue. Malgré la distance (nous étions en vision) et les masques vu que l'équipe était dans une même pièce, il a su capter nos attentions et être attentif à nos soucis.

Voir plus

Eduardo maîtrise parfaitement le sujet!

Eduardo maîtrise parfaitement le sujet!

formation ludique que j'ai bien apprécié

formation ludique que j'ai bien apprécié

super je recommande

super je recommande

Super formation. Guillaume connaît parfaitement bien son sujet et s'est adapté à notre niveau.

Super formation. Guillaume connaît parfaitement bien son sujet et s'est adapté à notre niveau.

La formation vue.js permet de maitriser les concepts de base de vue.js et Johnatan est un très bon formateur qui connait bien son sujet.

La formation vue.js permet de maitriser les concepts de base de vue.js et Johnatan est un très bon formateur qui connait bien son sujet.

Super ambiance, c'est un petit plus non négligeable d'être formé par des personnes qui ont gardé un pied dans le métier.

Super ambiance, c'est un petit plus non négligeable d'être formé par des personnes qui ont gardé un pied dans le métier.

Très bonne formation pour avoir de bonnes bases sur VueJs. Romain est très pédagogue, et sympathique.

Très bonne formation pour avoir de bonnes bases sur VueJs. Romain est très pédagogue, et sympathique.

La formation était parfaite, nous avons appris toutes les bases de VueJS.

La formation était parfaite, nous avons appris toutes les bases de VueJS.

On voit beaucoup de choses et on entre très vite dans le vif du sujet. Cela suppose d'avoir les bases en ES6. Chaque concept vu en théorie est...

On voit beaucoup de choses et on entre très vite dans le vif du sujet. Cela suppose d'avoir les bases en ES6. Chaque concept vu en théorie est aussi mis en pratique immédiatement, ce qui est très bien. Je conseille de se familiariser avec Vue JS avant cette formation car le rythme est élevé.

Voir plus

Formation très intéressante, beaucoup de rythme et pas mal de travaux pratique. Le formateur Eduardo San Martin Morote fait preuve de beaucoup...

Formation très intéressante, beaucoup de rythme et pas mal de travaux pratique. Le formateur Eduardo San Martin Morote fait preuve de beaucoup d'ouverture et de pédagogie

Voir plus

Excellente formation avec beaucoup d'exercices, avec Eduardo.

Excellente formation avec beaucoup d'exercices, avec Eduardo.

Très bonne formation pour balayer vuejs avec Eduardo

Très bonne formation pour balayer vuejs avec Eduardo

C'était génial et très formateur (Eduardo), nous n'avons pas pu explorer tout le programme en profondeur, une journée en plus aurait été parfait.

C'était génial et très formateur (Eduardo), nous n'avons pas pu explorer tout le programme en profondeur, une journée en plus aurait été parfait.

I really liked the course. Even thought the course was oriented to people with a front end background, it was easy to follow as a Back-end dev...

I really liked the course. Even thought the course was oriented to people with a front end background, it was easy to follow as a Back-end developer taking into account how complete it was. The lessons had a nice rhythm and the teacher was very supportive, filling in the gaps of the knowledge I was lacking.

Voir plus

C'était intense mais très intéressant avec Eduardo, surtout de pouvoir pratiquer directement après le sujet aborder.

C'était intense mais très intéressant avec Eduardo, surtout de pouvoir pratiquer directement après le sujet aborder.

Formation très intéressante, bon rythme

Formation très intéressante, bon rythme

Formation passionnante assurée par un formateur (Eduardo) ultra qualifié !

Formation passionnante assurée par un formateur (Eduardo) ultra qualifié !

Cette formation était vraiment très enrichissante, sachant que je connaissais peu le framework Vue. Le formateur (Romain) est vraiment compéte...

Cette formation était vraiment très enrichissante, sachant que je connaissais peu le framework Vue. Le formateur (Romain) est vraiment compétent et à l'écoute des demandes de chacun.

Voir plus

C'est une très bonne formation faite par un très bon formateur (Romain) qui sait de quoi il parle. Très intéressante a suivre. La remise a ni...

C'est une très bonne formation faite par un très bon formateur (Romain) qui sait de quoi il parle. Très intéressante a suivre. La remise a niveau sur le javascript moderne est très intéressante. Pour nous, la moitié du temps c'est fait sur le javascript moderne et l'autre moitié sur du vuejs.

Voir plus

Formation de 3 jours, bon niveau, le formateur (Romain) à l'écoute sachant s'adapter à la vitesse du groupe et ses attentes. Explications et ...

Formation de 3 jours, bon niveau, le formateur (Romain) à l'écoute sachant s'adapter à la vitesse du groupe et ses attentes. Explications et mode de fonctionnement de la formation très agréable.

Voir plus

Très bonne intervention, les nombreux TP permettant de se faire la main immédiatement. Eduardo est très bon pédagogue, et maîtrise parfaiteme...

Très bonne intervention, les nombreux TP permettant de se faire la main immédiatement. Eduardo est très bon pédagogue, et maîtrise parfaitement son sujet.

Voir plus

Eduardo est un excellent formateur, très pédagogue et grâce à la formation j'ai pu progressé en Vue.js

Eduardo est un excellent formateur, très pédagogue et grâce à la formation j'ai pu progressé en Vue.js

Très bonne formation faite par Guillaume. Beaucoup de pratique. Formateur sympa et très compétent

Très bonne formation faite par Guillaume. Beaucoup de pratique. Formateur sympa et très compétent

Très bonne formation sur VueJS. Très complète, elle permettra à n'importe quel développeur JS de se lancer dans des projets avec ce framework....

Très bonne formation sur VueJS. Très complète, elle permettra à n'importe quel développeur JS de se lancer dans des projets avec ce framework. Edouardo est à la hauteur de sa réputation et très pédagogique. Merci à lui

Voir plus

Super formation avec Guillaume pour qui veut acquérir des connaissances solides

Super formation avec Guillaume pour qui veut acquérir des connaissances solides

Très bonne formation avec beaucoup de mises en situation pratique. Formateur très compétent sur la technologie

Très bonne formation avec beaucoup de mises en situation pratique. Formateur très compétent sur la technologie

Très bon formateur pour un wonderfull framework. Merci !

Très bon formateur pour un wonderfull framework. Merci !

Je suis arrivé sans rien connaître de VueJs et je ressors avec des bases solides qui me permettent de pouvoir commencer des projets. Le format...

Je suis arrivé sans rien connaître de VueJs et je ressors avec des bases solides qui me permettent de pouvoir commencer des projets. Le formateur, Eduardo, était vraiment top et vraiment ultra compétent !

Voir plus

Excellente formation par un formateur très sympathique et expert sur le sujet.

Excellente formation par un formateur très sympathique et expert sur le sujet.

Très bonne formation dispensée par un formateur maîtrisant parfaitement son sujet.

Très bonne formation dispensée par un formateur maîtrisant parfaitement son sujet.

Merci pour cette formation d’une qualité exceptionnelle. Il est rare d’avoir l’occasion de suivre une formation réalisée avec une telle expert...

Merci pour cette formation d’une qualité exceptionnelle. Il est rare d’avoir l’occasion de suivre une formation réalisée avec une telle expertise dans le domaine !

Voir plus

* Nombre de personnes ayant répondu au questionnaire de satisfaction sur cette formation depuis 2012