Formation Vue.js

Name: Formation Vue.js
Brand: Human Coders
SKU: 104
Price: 1900 EUR
Availability: InStock
Rating: 4.6 (85 reviews)

Notée : (402)*

Maîtrisez Vue.js 3 en 3 jours : créez des apps web modernes et interactives. Parfaite pour débutants et avec des mises en pratique concrètes !

Cette formation Vue.js vous permettra de maîtriser les bases du framework Vue.js 3 et de développer des applications web modernes, interactives et performantes.

Durant cette formation, vous apprendrez à :
- structurer une application,
- manipuler les données de manière réactive et à
- créer des interfaces dynamiques.

Grâce à un projet fil rouge, vous réaliserez un annuaire de films, mettant en pratique les concepts clés du framework : composants réutilisables, gestion des événements, réactivité avancée et communication entre composants.

Cette formation s'adresse aux développeur·euse·s ayant des notions en JavaScript, HTML et CSS, souhaitant découvrir Vue.js et apprendre à créer des applications modernes.

Vous souhaitez aller plus loin avec Vue.js ?

Consultez notre formation avancée Vue avancé ou approfondissez votre expertise avec la formation Vue.js 3 et l’API de Composition.

🇺🇸 Cette formation est aussi disponible en anglais

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

Expérience minimale en JavaScript, HTML et CSS
Ordinateur portable à apporter

Le programme de la formation Vue.js

Jour 1: Une application Web simple avec Vue.js 3

Introduction
- SPA et les frameworks JavaScript
- Vue.js, un framework progressif
- Data Driven Interfaces
- Réactivité basique avec l’interpolation et v-bind
- Comparatif entre Vue.js et jQuery
Bases
- Instance Vue
- Templating
  - Interpolation
  - Attributs
  - Directives
- v-model pour inputs natives
- 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
- Composants dynamiques
- v-mode sur composants

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

Jour 3 : Réutilisabilité et réactivité

Réutilisabilité
- composables
- plugins
Approfondissement
- v-model / defineModel
- Slots
- Reactivité en profondeur
- cycles de vie
Récapitulatif de l'ensemble des notions abordées

Mise en pratique :
- Créer un composable
- Créer des composants de DesignSystem

Sujets bonus

En fonction des profils des stagiaires, et du temps restants, les notions suivantes pourront être abordées :
- Transitions visuelles (transitions CSS, transitions de listes avec Vue, transitions dynamiques)
- 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 Bonus :
- Manipuler de la donnée distante
- Mise en place d’un routeur dans l'annuaire
- Mise en place d’un store

Télécharger le programme

Le(s) formateur(s)

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 des technologies web telles que HTML, CSS, JavaScript, Vue.js, 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 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 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 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 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é

Nicolas LEFEBVRE

Nicolas Lefebvre est un formateur aguerri en développement web, fort de 30 ans d’expérience professionnelle, dont 18 dans le développement.

Spécialisé en Vue.js et Nuxt, il a consacré les 10 dernières années à perfectionner ses compétences sur Vue, maîtrisant la technologie dans ses moindres détails.

En formation, il s'assure de créer environnement engageant et collaboratif, s’appuyant sur le pair-programming et des ateliers pratiques sur mesure.

Toujours curieux, Nicolas aime explorer les opportunités offertes par l’IA pour révolutionner les pratiques de développement !

Voir son profil détaillé

116 témoignages

J'ai beaucoup aimé cette formation bravo au formateur qui était très pédagogue et toujours de bonne humeur.

Gaëtan CORDONNIER - NTICO Services - 05.02.2025

Globalement une formation très bien. Le fait de l'avoir faite en distanciel a fait que c'était un peu plus difficile de rester focus sur l'en...

Formation Vue.js

Vous souhaitez aller plus loin avec Vue.js ?

Les objectifs

Pré-requis

Le programme de la formation Vue.js

Jour 1: Une application Web simple avec Vue.js 3

Jour 2 : Une application faite de composants

Jour 3 : Réutilisabilité et réactivité

Sujets bonus

Le(s) formateur(s)

Jérémy DUMAYE

Eduardo SAN MARTIN MOROTE

Guillaume CHAU

Romain PETIT

Guillaume LEFRANT

Nicolas LEFEBVRE

116 témoignages

FAQ

Comment financer votre formation ?

La formation peut-elle être disponible en présentiel ou en distanciel ?

Comment se déroule une formation en présentiel ?

A propos de Human Coders

Prix (Formation inter-entreprise)

Durée

Dates

Durée

Durée

Besoin d'aide ?

Nos forces

Nos clients