- Référence : IVJS
- Durée : 3 jours (21h)
- Lieu : Au choix. À distance ou en présentiel, à Paris ou en Régions
1860€ HT
Choisir une date et RéserverFormation Vue.JS - Développement d'applications web
4.7 sur 5 étoiles
5 étoiles
4 étoiles
3 étoiles
2 étoiles
1 étoile
Durée
3 jours
Niveau
Intermédiaire
Classe à distance
Possible
Vous pouvez suivre cette formation en direct depuis votre domicile ou votre lieu de travail. Plus d'informations sur notre solution de classe à distance...
Référence
IVJS
Éligible CPF
Non
Vue.js est un framework Javascript basé sur le principe d’une application à page unique (SPA) qui consiste à réécrire une page Web existante avec de nouvelles données provenant du serveur sans recharger entièrement la page. L’interaction avec les utilisateurs permet donc d’atteindre d’excellentes performances et les applications SPA sont connues pour offrir également une bonne expérience utilisateur (UX). La simplicité de prise en main de Vue.js et sa facilité d’intégration avec d’autres bibliothèques ou projets existants font également partie de ses atouts pour une adoption par les équipes de développement Front.
Objectif opérationnel :
Savoir créer une interface utilisateur dynamique ou une application web monopage à l'aide du framework Vue.js.
Objectifs pédagogiques :
À l'issue de cette formation Vue.js, vous aurez acquis les connaissances et compétences nécessaires pour :
- Améliorer une page existante de façon non obstrusive, comme le permettrait jQuery
- Construire un templating dynamique et automatique de toute la page, comme le ferait Angular.JS 1
- Créer vos propres widgets réutilisables et intégrer ceux de la communauté pour aboutir à une architecture complètement basée sur des composants réutilisables, comme avec React.JS.
- Comprendre la philosophie et les apports de Vue.js par rapport à d’autres frameworks (jQuery, Angular, React…)
- Savoir implémenter Vue.js au sein d’un environnement de développement JavaScript cohérent
- Savoir développer une Single Page App (SPA) à l’aide de Vue.js
- Être capable de construire un templating dynamique et automatique d’applications web
- Savoir créer et intégrer des widgets réutilisables
- Connaître et mettre en œuvre les bonnes pratiques de développement Vue.js
Public :
Cette formation Vue.js s’adresse principalement aux développeurs ou architectes front-end JavaScript désireux de créer des applications web dynamiques ou des SPA de manière flexible et performante. Les développeurs ainsi concernés possèdent une expérience pratique de développement en JavaScript et idéalement de ses principaux bibliothèques et frameworks : jQuery, Angular, React… Ils disposent tout au moins d’une connaissance théorique des apports de Vue.js par rapport aux technologies citées.
Prérequis :
Les participants doivent nécessaire maîtriser les langages JavaScript et HTML, au cœur de l’architecture proposée par Vue.js. Vue.js requérant un environnement Node.js pour fonctionner, il est également important de connaître cette plateforme.
Pour prendre la juste mesure des apports de Vue.js dans le cadre d’un développement JavaScript, il est souhaitable (mais pas indispensable) que les participants disposent d’une connaissance préalable de jQuery, Angular et React. La formation propose néanmoins un comparatif entre Vue.js et les technologies nommées, accessible aux non-initiés.
J1
Les origines du framework Vue.js
Pourquoi choisir Vue.js?
Comparaison avec les frameworks (jQuery, Angular, ReactJS)Travaux pratiquesIdentifier les apports de Vue.js sur une problématique prédéfinie
Présentation de "hello world"
Savoir intégrer Vue.js incrémentalementTravaux pratiquesPremier développement avec Vue.js
Quiz de validation des acquisJ2
Connaître les méthodes d'utilisation de Vue.js
Les computed properties
Directives de contrôle de flux
Directives de gestion d'évènements
Présentation des principaux filtres
Les composants fournis avec Vue.js
Connaître les pièges les plus courantsTravaux pratiquesIntégrer Vue.js en tant que template
Présentation du cylcle de vie des composants
Modules complets "stand alone"
Connaitre la hiérarchie et la composition
Maîtriser les états et la communication entre composantsTravaux pratiquesIntégrer Vue.js en tant que composant
Quiz de validation des acquisJ3
La manipulation de l’historique
La navigation
Routes imbriquées / Nested routes
Redirection
Gestion d‘erreur
Les messages flashTravaux pratiquesConfiguration du mode « historique » (configuration server-side, paramètres d’URL)
Zone de stockage centralisée pour tous les composants
Règles pour contrôler les mutations de l’état de l’application
Créer et appeler des actions
Cache et performance
La gestion des erreurs
Définir des accesseurs (getters)Travaux pratiquesCalcul des valeurs basées sur l’état du store pour filtrer une liste d’éléments et les compter.
Consommation d’une API REST avec Vue 3Travaux pratiquesRécupération et affichage des données d’une API (liste de contacts), filtrage pour n’afficher que les informations dont nous avons besoin
La construction via webpack
Pre-processing avec BabelTravaux pratiquesDéploiement de Vue.js en production (réduction de la taille de notre application)
Organisation du store Vuex
Appels d’API et validation des données
Comment simplifier notre base de code (mapState, mapGetters, mapMutations, mapActions)
Les factory API
La gestion des variables d’environnements ($config)
Bonnes pratiques dans le nommage des commit (git)
Optimiser l’utilisation des bibliothèques (coût d’importation)Travaux pratiquesMise en œuvre dans le cadre de notre TP fil rouge (front-end de blog listant des articles et permettant la lecture, l’ajout, la modification et la suppression)
Avantages et inconvénients de Vue.js
Qu’est-ce qu’une application SPA (Single Page Application) ?Les origines du framework Vue.js
Pourquoi choisir Vue.js?
Comparaison avec les frameworks (jQuery, Angular, ReactJS)Travaux pratiquesIdentifier les apports de Vue.js sur une problématique prédéfinie
Utilisation simple de Vue
Utilisation simple, sans outils de buildPrésentation de "hello world"
Savoir intégrer Vue.js incrémentalementTravaux pratiquesPremier développement avec Vue.js
Quiz de validation des acquisJ2
Utilisation sous forme de templates
Le one-way data bindingConnaître les méthodes d'utilisation de Vue.js
Les computed properties
Directives de contrôle de flux
Directives de gestion d'évènements
Présentation des principaux filtres
Les composants fournis avec Vue.js
Connaître les pièges les plus courantsTravaux pratiquesIntégrer Vue.js en tant que template
Utilisation sous forme de composant
Découpler les widgets du HTMLPrésentation du cylcle de vie des composants
Modules complets "stand alone"
Connaitre la hiérarchie et la composition
Maîtriser les états et la communication entre composantsTravaux pratiquesIntégrer Vue.js en tant que composant
Quiz de validation des acquisJ3
Routing avec Vue-router
La déclaration des vuesLa manipulation de l’historique
La navigation
Routes imbriquées / Nested routes
Redirection
Gestion d‘erreur
Les messages flashTravaux pratiquesConfiguration du mode « historique » (configuration server-side, paramètres d’URL)
Data store avec Vuex (introduction)
Les apports d’un gestionnaire d’état (état, vue, actions)Zone de stockage centralisée pour tous les composants
Règles pour contrôler les mutations de l’état de l’application
Créer et appeler des actions
Cache et performance
La gestion des erreurs
Définir des accesseurs (getters)Travaux pratiquesCalcul des valeurs basées sur l’état du store pour filtrer une liste d’éléments et les compter.
Vue.js et les données extérieures (Call API)
Utiliser Axios pour consommer des APIConsommation d’une API REST avec Vue 3Travaux pratiquesRécupération et affichage des données d’une API (liste de contacts), filtrage pour n’afficher que les informations dont nous avons besoin
Vue.js dans une stack JS moderne : npm, webpack et Babel
Installation via le package managerLa construction via webpack
Pre-processing avec BabelTravaux pratiquesDéploiement de Vue.js en production (réduction de la taille de notre application)
Bonnes pratiques avec Vue.js
Emplacements et composantsOrganisation du store Vuex
Appels d’API et validation des données
Comment simplifier notre base de code (mapState, mapGetters, mapMutations, mapActions)
Les factory API
La gestion des variables d’environnements ($config)
Bonnes pratiques dans le nommage des commit (git)
Optimiser l’utilisation des bibliothèques (coût d’importation)Travaux pratiquesMise en œuvre dans le cadre de notre TP fil rouge (front-end de blog listant des articles et permettant la lecture, l’ajout, la modification et la suppression)
Dates et lieux
1
2
1
2
Votre formation Vue.js prise en charge jusqu'à 100% des coûts pédagogiques ! *
Depuis 2018, Atlas (ex-Fafiec) a sélectionné PLB Consultant pour vous proposer les meilleures formations autour de l'Open Source.
- Sessions inter-entreprise sur Paris, Lyon et Lille.
- Sessions intra-entreprise sur toute la France.
* jusqu'à 100% des coûts pédagogiques selon votre branche d'activité dans la limite des fonds mutualisés dédiés aux actions collectives et en application des critères de prise en charge en vigueur (cf conditions détaillées sur le site d'Atlas)
Avis des participants à la formation Vue.JS - Développement d'applications web
Les avis figurant ci-dessous sont issus des fiches d’évaluation que remplissent les participants à la fin de la formation. Ils sont ensuite publiés automatiquement si les personnes ont explicitement accepté que nous les diffusions.
MCA
5/5
Ce que j'ai le plus apprécié :
"La clarté du support, TP guidé"
MN
4/5
NF
4/5
PJ
5/5
BC
5/5
Mon avis sur le formateur :
"Maîtrise son sujet et très disponible."
PL
4/5
DL
5/5
BJ
4/5
HK
4/5
Ce que j'ai le plus apprécié :
"Travaux pratiques"
BJ
5/5
Mon avis sur le contenu du stage :
"Complet"
Mon avis sur le formateur :
"Très bon formateur"
SIDER Boudjamaa
4/5
KY
5/5
GC
5/5
Mon avis sur le contenu du stage :
"Bonne répartition théorie/pratique."
Mon avis sur le formateur :
"Pédagogue, à l'écoute des besoins de chacun et capacité à adapter le rythme en fonction du groupe."
YA
5/5
Ce que j'ai le plus apprécié :
"Les croissants"
SM
5/5
DAJ
5/5
Mon avis sur le contenu du stage :
"Le support de cours était très détaillé et n'était pas surchargé."
LOUBET Xavier
5/5
Mon avis sur le contenu du stage :
"Bonne répartition théorique/pratique. "
Mon avis sur le formateur :
"Excellence maitrise du sujet. Très bonne pédagogie."
LT
5/5
MATON Bruno
5/5
JG
5/5
JAQUINOD Eddy
5/5
LUKOWIAK Thibaut
5/5
Mon avis sur la salle de formation :
"Merci pour les fruits ! J'ai fait une propostion durant mon ancienne formation ici et j'ai pu en manger aujourd'hui. Chapeau, vous êtes désormais au top du top !!!"
MOUAMMINE Abderrahmane
5/5
Mon avis sur le contenu du stage :
"excellent formateur "
Mon avis sur la salle de formation :
"très bon environnement pour l'apprentisage"
Ce que j'ai le plus apprécié :
"excellent formateur tres competent "
GC
5/5
Mon avis sur le contenu du stage :
"toutes les bases de vuejs ont été balayés"
BOURDA Matthieu
4/5
DUSSURGET Arnaud
5/5
NE
5/5
DM
4/5
TAIEB Ines
5/5
DE
5/5
OA
5/5
Ces formations peuvent aussi vous intéresser :
Formations Informatique
et Management
en ligne à ce jour
+
Stagiaires dans nos salles
de cours sur
l'année
%
De participants satisfaits
ou très satisfaits de nos
formations
Formateurs experts
validés par
PLB
