Formation Vue.js

(378)*

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

Formation Vue.js

Description

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.

🇺🇸 Cette formation est aussi disponible en anglais

Ils témoignent

Sébastien E. Thom Group

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

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

Formations associées

Formateurs

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.

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.

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.

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.

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.

Témoignages

4.6/5 Basé sur 378 avis*

Arnaud G.

PUR CONSEIL 20.11.2023

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

Samuel N.

CHRU de Strabourg 20.11.2023

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 !

Samia D.

Boursorama 21.06.2023

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

Sébastien E.

Thom Group

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

Maxime B.

Klee Conseil et intégration

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.

Gwenael L.

Klee Conseil et intégration

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.

Maxime P.

Ministère de l'intérieur DGGN STSISI

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.

Hugues V.

Université de la Rochelle

Au top !

Marc N.

CICD

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.

Laurent D.

CICD

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

François S.

Dassault Systèmes

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

Gautier J.

Boursorama

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

Sebastien M.

Pole Emploi

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.

Laurent L.

OpenXtrem

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.

Jessy V.

OpenXtrem

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

Adrien B.

OpenXtrem

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.

Myriam N.

ECEDI

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!

Marie H.

ECEDI

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.

Jonathan D.

ECEDI

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

Flavien C.

OpenXtrem

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

Charles G.

OpenXtrem

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

Valentin B.

OpenXtrem

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é.

Quentin G.

OpenXtrem

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

Kamel B.

Thom Group

Très bon formateur.

Aniss T.

Thom Group

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

Séphan P.

Thom Group

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

Nicolas K.

Thom Group

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

Thierno S.

Klee Conseil et intégration

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

Sachan N.

Klee Conseil et intégration

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

Guilhem G.

Consort-group

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

Yurifer S.

HILLSTONE

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

Masao S.

HILLSTONE

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

Dimitri T.

CCI de région Auvergne-Rhône-Alpes

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.

Elodie A.

ALTEDIS

Une formation assez dense mais très intéressante

Christian V.

Malys

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.

Vincent C.

L'argus

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

Thibaut G.

Valtech

Eduardo maîtrise parfaitement le sujet!

Stephen P.

Easyparapharmacie

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.

Emmanuel G.

Easyparapharmacie

formation ludique que j'ai bien apprécié

Charles M.

Greenweez

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

Nicolas L.

Greenweez

super je recommande

Sébastien N.

Hinni AG

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.

Alessandro E.

Courrier International

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.

Jordan G.

Insitaction

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

Gaëtan B.

Insitaction

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

Julien C.

Telecom Paris

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

Anne-Françoise C.

Telecom Paris

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

Sophie-Charlotte B.

Telecom Paris

Excellente formation avec beaucoup d'exercices, avec Eduardo.

Emeline B.

Dassault Systèmes

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.

Rémi L.

JETPULP ALTAVIA

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.

Mathias D.

JETPULP ALTAVIA

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.

Jérôme G.

Thalès

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.

Noémie E.

Thalès

Formation très intéressante, bon rythme

Gabriela B.

Valtech

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.

Elodie E.

Valtech

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

Quentin M.

Valtech

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

Fabien S.

Valtech

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.

Jérémy S.

Valtech

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é.

Julien D.

FIDUCIAL STAFFING

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

Olivier A.

Actemium Paris Transport

Très bonne formation pour balayer vuejs avec Eduardo

FAQ

Nos formations sont éligibles à plusieurs dispositifs de financement, selon votre situation. Human Coders est certifié Qualiopi, ce qui permet la prise en charge par des organismes comme Pôle emploi, votre OPCO ou encore le CPF (Compte Personnel de Formation) pour certaines formations.

Pour en savoir plus, veuillez consulter notre page : Comment financer votre formation ?

Oui, la formation peut être proposée en présentiel ou en distanciel. Pour les inter-entreprises, les modalités (présentiel ou à distance) sont fonction de la session.

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

Les formations se déroulent toujours en petit groupe de 3 à 6 stagiaires. Nous souhaitons que les formateurs et formatrices puissent passer un maximum de temps avec chacun·e.

Voici une journée type :

  • 9h : vous êtes accueillis par votre formateur·rice autour d'un petit déjeuner (croissants, pains au chocolat, jus de fruit, thé ou café...)
  • 9h30 : la formation commence
  • 12h30 : pause de midi. Le·a formateur·rice mangera avec vous. C'est l'occasion d'avoir des discussions plus informelles.
  • 14h : reprise de la formation
  • 18h : fin de la journée

8 raisons de participer à une formation Human Coders

  • Satisfaction client élevée : Un taux de statisfaction de 4,6/5 depuis 2012 (sur 2224 sessions réalisées). 99% des participants se disent satisfaits de nos formations
  • Approche pédagogique unique : Des formations en petit groupe, des formateurs passionnés et expérimentés, de véritables workshops... (Plus d'infos sur notre manifeste)
  • Catalogue de formations complet : 104 formations au catalogue, de quoi vous accompagner sur tout vos projets
  • Écosystème dynamique : Nous accompagnons les dev depuis 13 ans avec des initiatives comme Human Coders News, les Human Talks, le podcast ou encore notre serveur Discord
  • Financement facilité : Organisme certifié Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
  • Références clients prestigieuses : De nombreux clients qui nous font confiance depuis des années
  • Accompagnement sur mesure : Nous vous proposons un accompagnement personnalisé par nos consultants pour vous aider dans vos projets au-delà de la formation
  • Valorisation professionnelle : Remise d'un diplôme, d'une attestation et d'une certification, suivant les formations effectuées, que vous pourrez afficher sur vos CV et réseaux sociaux

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