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
- 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

Validation et sanction

attestation de suivi ou de présence

Type de formation

Non certifiante

Sortie

Sans niveau spécifique