Vue.js: Initiation + Approfondissement
5 jour(s)
Objectifs
Réaliser des applications front-end avec Vue.js
Contenu
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éthodes pédagogiques
Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.
Public cible
A qui s'adresse la formation?
Développeurs JavaScript
|
|
Prérequis
Bonnes maîtrises de l'environnement JavaScript
|
Evaluation
Méthodes d'évaluation
Contrôle continu
|
|
Certificat, diplôme
Attestation de fin de stage mentionnant le résultat des acquis
|