Dans notre formation intensive Vue.
js, vous acquerrez les compétences pour industrialiser, structurer et optimiser vos développements d’applications Web JavaScript.
Apprenez à installer et configurer un projet Vue.
js, à mettre en place des interactions simples grâce au data binding et à la gestion des événements.
Maîtrisez la collecte des données utilisateurs avec des formulaires, définissez des composants réutilisables, et optimisez la navigation dans l’application.
Découvrez le stockage des données dans le ‘local storage’ et comment échanger des données avec le serveur.
De plus, nous abordons la gestion des états avec Vuex, les requêtes AJAX avec l’API Fetch, et l’utilisation de la bibliothèque de composants Vuetify.
Mettez en pratique ces compétences en créant une application bancaire de gestion de comptes et clients.
Programme détaillé
Présentation de Vue.js
- Historique et rappels JavaScript
- Comparaison avec Angular et React
- Un framework progressif
- Environnement de développement
Template
- Syntaxe
- Définir et gérer les propriétés
- Définir et gérer les événements
- Définir et gérer les zones de saisie
Réutilisabilité et composition
- Directives de Vue.js
- Component
- Mixin
- Création de directives
Structurer son projet
- Utilisation de NodeJS
- Commandes vue-cli
- Modules et syntaxe ES6
- Webpack
Navigation dans l’application
- Présentation du module vue-router
- Définition des routes
- Passer des paramètres
- Liens et actions de navigation
Gestionnaire d’états Vuex
- Données de l’application
- Persistance locale des données
- Manipulation du state
- Définition d’action
- Création de plugins
Communication avec le serveur
- Requêtes AJAX avec l’API Fetch
- Objets Promise
- Synchronisation des échanges
- Mise en œuvre des tokens d’authentification JWT
Bibliothèque de composants Vuetify
- Configuration du projet pour vuetify
- Présentation des composants
- Intégration des principaux composants
- Personnalisation du thème
Travaux pratiques
- Création d’une application bancaire de gestion de comptes et de clients
- Mise en place du projet
- Création d’un premier template
- Ajout d’un formulaire de création d’un nouveau client
- Mise en place de la navigation dans l’application
- Création de services métiers de persistance locale
- Connexion de l’application à un service Web REST