En visio

Du 06 Juin au 08 Juin
Organisé par le SPN

Formation Vue JS

Ne ratez pas la prochaine formation Vue JS proposée par le SPN !

#Formation #VueJS
Pictogramme pour l'adresse de l'événement
Adresse de l’évènement
En visio
Pictogramme pour le tarif de l'événement
Tarif
Tarif 1190€ HT adhérent - 1490€ HT non adhérent
Remise de 10% pour 2 participants de la même entreprise / 20% pour 3 ou plus
Pictogramme pour la durée de l'événement
Durée
3 jours
Pictogramme pour le public de l'événement
Public
Développeurs de sites Web désirant développer des applications actuelles Front End.
Image de l'organisateur
Pictogramme de l'organisateur
L’organisateur
  • SPN

A l’issue de ce stage les participants seront en mesure de mettre en oeuvre le Framework Vue.js et d’utiliser Vue.js dans le cadre d’une application SPA (Single Page Application) et d’applications clientes plus conventionnelles.

La formation :

● est animée par un consultant-formateur dont les compétences techniques, professionnelles et pédagogiques ont été validées par des diplômes et/ou testées et approuvées par l’éditeur et/ou par M2i Formation.


● bénéficie d’un suivi de son exécution par une feuille de présence émargée par demi-journée par les stagiaires et le formateur.

Le programme

Jour 1

Présentation de Vue.js

Migration vers Vue.js
MVVM selon Vue.js
Les outils nécessaires liés à l’utilisation de Vue.js
La gestion des interfaces graphiques par les données
La liaison de données
Les structures de contrôle
Répétitives
Alternatives
Notion d’event
Notion de component

Exemples de travaux pratiques

Installation des outils nécessaires et des librairies
Compréhension de Vue CLI
Création d’une première application simple sans composant et hors
Vue CLI
Ecriture d’une page Vue de base
Création de la partie modèle
Création de la partie interface graphique
Intégration de l’interpolation et du double binding
Utilisation des directives de boucle
Test pour création de l’interface

Jour 2

Les essentiels de Vue.js

Cycle de vie d’une requête dans Vue.js et son rôle
Notion d’interpolation
Attributs, filtres et directives
Les propriétés calculées
Différence entre v-model et v-bind
Le v-model
Gérer des listes
L’affichage conditionnel
Event management
Les composants dynamiques
Echange de données entre composants

Exemples de travaux pratiques

Amélioration de l’application développée le jour précédent
Ajout de boucles de gestion à partir de tableaux internes et issus
d’appels REST
Binding de données
Création des premiers composants Vue réutilisables
Application permettant de comprendre l’échange de données entre
composants (du père au fil, du fils au père, entre frères)

Aspects avancés de Vue.js

Transitions et transitions CSS
Transitions dynamiques
Diverses animations, Les fonctions “render”
Les divers types de composants
Les composants fonctionnels
Les Single File Components
Les différents types de directives
Créer une directive adaptée

Exemples de travaux pratiques

Ajout de transition Vue.js dans le projet
Utilisation des directives déjà présentes
Création de nouvelles directives

Jour 3

Les extensions

Type mixin
Type plug-in
Les extensions (composants) monofichier

Exemples de travaux pratiques

Développement de composants monofichier (Single File Component)

Le routing dans Vue.js

Présentation des routes
Les modes
Les liens, Vue initiale et liens

Exemples de travaux pratiques

Ajout du traitement des routes dans le projet Vue.js

Inscriptions :

Contactez par mail : caroline.ardon@spn.asso.fr

h
Image bulle de discussion

Je réponds à vos questions

Caroline Ardon
Responsable animation

Ces évènements pourraient aussi vous intéresser

Formation

Formation Numérique Responsable

Du10 Décembre au 11 Décembre
Formation

Formation

REACT JS – Maitriser le framework

Du14 Décembre au 16 Décembre
Formation

Formation

Formation Flutter

Du14 Décembre au 16 Décembre
Formation

Formation

Prospecter et gagner de nouveaux clients

Du03 Décembre au 04 Décembre
Formation