Vue.js: Initiation + Approfondissement

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

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
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
Server Side Rendering

Implémenter des tests unitaires

Atelier: optimisation du code applicatif et tests unitaires.

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.