Formation Vue.js

Notée : (246)

Créez des interfaces web dynamiques et performantes grâce à notre formation Vue.js

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

Vue.js, c'est le 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 !

Vous ressortirez de cette formation Vue.js 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.

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

Dans cette formation Vue.js, vous découvrirez par la pratique les bases de Vue.js et son environnement de développement. La formation s’adresse à toute personne souhaitant découvrir le framework et ayant des notions en JavaScript, HTML et CSS.

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

Si vous cherchez à aller plus loin avec le framework Vue.js, vous serez sûrement intéressé par notre formation Vue.js avancé.

Covid-19 : Nous nous adaptons dans ces moments difficiles. Nous avons mis en place des outils permettant l'organisation de formations à distance.

Les objectifs

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

Pré-requis

  • Une machine sur laquelle sont installés un navigateur, un terminal et un IDE
  • Minimum d’expérience avec JavaScript, HTML et CSS
  • Apporter un ordinateur portable

Le programme de la formation Vue.js

Jour 1 — Une application web simple avec Vue

Introduction
  • SPA et les frameworks JavaScript
  • Vue.js, un framework progressif
  • Data Driven Interfaces
  • Ecosystème
  • Réactivité basique avec l’interpolation et v-bind
  • Conditionnelles
  • Boucles
  • Evénements
Bases
  • Instance Vue
  • Templating
    • Interpolation
    • Attributs
    • Directives
    • Filtres
  • 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

Projet - 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
  • Evénements
  • Slots
  • Composants dynamiques

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

Vue CLI
  • Qu’est-ce que Vue CLI ?

Projet - Migrer le projet vers le CLI

Jour 3 — Routeur, plugins et API

Extensions
  • Mixins
  • Plugins

Projet - Utiliser un plugin

Cycle de vie

Projet - Manipuler de la donnée distante

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

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

Bonus

En fonction des profils des participant·e·s, et du temps restants, les notions suivantes pourront être abordées.

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

Projet - Ajout d’animations dans la liste

Un state global avec Vuex
  • Que est ce qu'un Store
    • Pourquoi et quand l’utiliser ?
    • Limites et alternatives
  • Vuex
    • State
    • Getters
    • Mutations
    • Actions
    • Modules

Projet - Utilisation d’un Store dans l'annuaire

Télécharger le programme

Le(s) formateur(s)

Jonathan Barthélémy

Jonathan Barthélémy

Consultant spécialisé dans les technologies du web utilisant Javascript (Vue.js/Nuxt, Node.js, Angular, React).

Après des débuts en tant que développeur dans plusieurs types d'entreprises, Jonathan délivre, depuis maintenant 4 ans, son expertise pour différents clients à travers la formation et l'accompagnement des équipes techniques dans leurs transformations numériques.

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 depuis 2012 spécialisé dans les technologies web front-end.
Il intervient chez ses clients pour des missions d’expertise et de réalisation d'interfaces d'applications web, en particulier dans le secteur e-commerce. Il utilise les frameworks JavaScript React et Vue, respire le SASS et défend activement la JAMstack.
www.romainpetit.com

Romain donne des formations depuis 4 ans pour différentes structures. Avec le Campus Numérique, il aide à construire des formations innovantes comme Technicien Développeur Web et Data Aspergers.
Avec l'Université de Grenoble Alpes, il intervient pour des cursus en IUT et Licence professionnelle.

Il a récemment monté le collectif d'indépendants et espace de travail Le Médiastère, au centre ville de Grenoble.

Voir son profil détaillé

26 témoignages

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

Gaëtan BELART
Insitaction

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.

Alessandro ERRICHIELLO
Courrier International

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

Quentin MERLE
Valtech

Excellente formation avec beaucoup d'exercices, avec Eduardo.

Sophie-Charlotte BARRIERE
Telecom Paris

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.

Jérôme GRANDJEAN
Thalès

Formation très intéressante, bon rythme

Noémie EKSTEIN
Thalès

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

Julien CHARPENTIER
Telecom Paris

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

Jordan GOUTTE
Insitaction

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 !

Adrien PACIOS
Prestashop

Très bonne formation pour balayer vuejs avec Eduardo

Olivier ANGRAND
Actemium Paris Transport

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 !

Vincent DEMONCHY
Kizeo

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.

Fabien SANGLERAT
Valtech

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

Quentin DEMARTHE

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

Thierry Poinot

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

Laurent LY
FIDUCIAL STAFFING

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

Julien DELQUIGNIES
FIDUCIAL STAFFING

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

Elodie ECIJA
Valtech

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

Nicolas Le Thierry D'Ennequin
La cinémathèque française

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

Mathieu POULENARD
FIDUCIAL STAFFING

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

Maxime MORMIN-BOUDOT
GRENADINES

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

Jérémy SCHERRER
Valtech

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.

Emeline BUOY
Dassault Systèmes

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.

Gabriela BENEJAM
Valtech

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

Anne-Françoise CHACUN
Telecom Paris

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.

Mathias DELANTES
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.

Rémi LECLERCQ-BLONDEL
JETPULP ALTAVIA

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

Leboncoin.fr
Decathlon
EADS
Société Générale
Voyage SNCF
Intel

Nos formations en images

Angular
Ruby
CasperJS
DevOps avec Chef

Formation Vue.js

Notée : (246)

Créez des interfaces web dynamiques et performantes grâce à notre formation Vue.js

Vue.js, c'est le 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 !

Vous ressortirez de cette formation Vue.js 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.

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

Dans cette formation Vue.js, vous découvrirez par la pratique les bases de Vue.js et son environnement de développement. La formation s’adresse à toute personne souhaitant découvrir le framework et ayant des notions en JavaScript, HTML et CSS.

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

Si vous cherchez à aller plus loin avec le framework Vue.js, vous serez sûrement intéressé par notre formation Vue.js avancé.

Covid-19: Nous restons ouverts. Cette formation est disponible à distance.

Les objectifs

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

Pré-requis

  • Une machine sur laquelle sont installés un navigateur, un terminal et un IDE
  • Minimum d’expérience avec JavaScript, HTML et CSS
  • Apporter un ordinateur portable

Le programme de la formation Vue.js

Jour 1 — Une application web simple avec Vue

Introduction
  • SPA et les frameworks JavaScript
  • Vue.js, un framework progressif
  • Data Driven Interfaces
  • Ecosystème
  • Réactivité basique avec l’interpolation et v-bind
  • Conditionnelles
  • Boucles
  • Evénements
Bases
  • Instance Vue
  • Templating
    • Interpolation
    • Attributs
    • Directives
    • Filtres
  • 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

Projet - 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
  • Evénements
  • Slots
  • Composants dynamiques

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

Vue CLI
  • Qu’est-ce que Vue CLI ?

Projet - Migrer le projet vers le CLI

Jour 3 — Routeur, plugins et API

Extensions
  • Mixins
  • Plugins

Projet - Utiliser un plugin

Cycle de vie

Projet - Manipuler de la donnée distante

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

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

Bonus

En fonction des profils des participant·e·s, et du temps restants, les notions suivantes pourront être abordées.

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

Projet - Ajout d’animations dans la liste

Un state global avec Vuex
  • Que est ce qu'un Store
    • Pourquoi et quand l’utiliser ?
    • Limites et alternatives
  • Vuex
    • State
    • Getters
    • Mutations
    • Actions
    • Modules

Projet - Utilisation d’un Store dans l'annuaire

Télécharger le programme

Le(s) formateur(s)

Jonathan Barthélémy

Jonathan Barthélémy

Consultant spécialisé dans les technologies du web utilisant Javascript (Vue.js/Nuxt, Node.js, Angular, React).

Après des débuts en tant que développeur dans plusieurs types d'entreprises, Jonathan délivre, depuis maintenant 4 ans, son expertise pour différents clients à travers la formation et l'accompagnement des équipes techniques dans leurs transformations numériques.

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 depuis 2012 spécialisé dans les technologies web front-end.
Il intervient chez ses clients pour des missions d’expertise et de réalisation d'interfaces d'applications web, en particulier dans le secteur e-commerce. Il utilise les frameworks JavaScript React et Vue, respire le SASS et défend activement la JAMstack.
www.romainpetit.com

Romain donne des formations depuis 4 ans pour différentes structures. Avec le Campus Numérique, il aide à construire des formations innovantes comme Technicien Développeur Web et Data Aspergers.
Avec l'Université de Grenoble Alpes, il intervient pour des cursus en IUT et Licence professionnelle.

Il a récemment monté le collectif d'indépendants et espace de travail Le Médiastère, au centre ville de Grenoble.

Voir son profil détaillé

Suivi de formation en option

A l'issue de la formation, nos formateurs peuvent aussi intervenir pour vous accompagner dans la mise en application des compétences acquises :

  • en répondant à vos questions lors de rendez-vous téléphoniques réguliers
  • en étant présents physiquement à l'amorce du projet
  • en réalisant un audit de vos pratiques quelques semaines/mois après la formation

Cette idée vous intéresse ? Faîtes-le nous savoir pour que nous trouvions la formule adaptée à votre situation.

26 témoignages

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

Gaëtan BELART
Insitaction

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.

Alessandro ERRICHIELLO
Courrier International

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

Quentin MERLE
Valtech

Excellente formation avec beaucoup d'exercices, avec Eduardo.

Sophie-Charlotte BARRIERE
Telecom Paris

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.

Jérôme GRANDJEAN
Thalès

Formation très intéressante, bon rythme

Noémie EKSTEIN
Thalès

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

Julien CHARPENTIER
Telecom Paris

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

Jordan GOUTTE
Insitaction

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 !

Adrien PACIOS
Prestashop

Très bonne formation pour balayer vuejs avec Eduardo

Olivier ANGRAND
Actemium Paris Transport

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 !

Vincent DEMONCHY
Kizeo

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.

Fabien SANGLERAT
Valtech

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

Quentin DEMARTHE

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

Thierry Poinot

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

Laurent LY
FIDUCIAL STAFFING

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

Julien DELQUIGNIES
FIDUCIAL STAFFING

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

Elodie ECIJA
Valtech

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

Nicolas Le Thierry D'Ennequin
La cinémathèque française

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

Mathieu POULENARD
FIDUCIAL STAFFING

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

Maxime MORMIN-BOUDOT
GRENADINES

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

Jérémy SCHERRER
Valtech

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.

Emeline BUOY
Dassault Systèmes

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.

Gabriela BENEJAM
Valtech

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

Anne-Françoise CHACUN
Telecom Paris

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.

Mathias DELANTES
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.

Rémi LECLERCQ-BLONDEL
JETPULP ALTAVIA