Vue.js : Initiation + Approfondissement

Objectifs

Réaliser des applications front-end avec Vue.js

Programme de la formation

Découvrir Vue.js

Vue.js : présentation, principes
Comparaison avec d'autres frameworks JS : Angular, React,...
Initialisation d'un projet et interface en lignes de commande 
Architecture d'une application Vue.js ; objet Vue
Styles d'API: Option / Composition
Interface de debug 
Remise à niveau : Ecmascript5, NodeJS
Notions de composants, cycle de vie

Atelier : Installation de l'environnement, création d'une application

Créer des composants

Structure et implémentation d'un composant
Gestion des événements 
Imbrication de composants
Slots
Evénements personnalisés

Atelier : Organisation de l'application en composants

Peupler les vues

Méthodes d'écritures des templates : render methods, jsx
Composants fonctionnels
Gestion des animations et des des transitions

Atelier : Utilisation de différentes méthodes pour enrichir les vues

Gérer la navigation dans l'application

Configuration des routes
Sécurité de l'application (filtres d'interceptions)
Gestion des transitions

Atelier : Utilisation de Vue router pour naviguer entre les pages.

Gérer l'état et stocker des données

Vuex : présentation, concepts de base.
Gestion des plugins
Stockage des données

Atelier : Utilisation de Vuex dans l'application

Interagir avec une application back-end

Chargement et envoi de données de manière asynchrone
Interrogation d'un service web REST et traitement d'un flux JSON
Gestion des formulaires et validation des saisies
Introduction du data binding

Atelier : Interrogation de services web et exploitation du résultat.

Améliorer son code

Mixins et plugins
Utilisation des Single File Components .vue.
Directives personnalisées
Optimisation des performances
Composables 
Implémenter des tests unitaires

Atelier : optimisation du code applicatif et tests unitaires.

Validation et sanction

Réaliser des applications front-end avec Vue.js

Type de formation

Non certifiante

Sortie

Sans niveau spécifique