Vue.js – Développer des applications Web
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.
Proposé par
ENI Service
Prérequis
- Connaître les notions fondamentales de la création de pages Web HTML [T448-030]
- Maîtriser un langage de programmation (C#, Java, C++, PHP, JavaScript, Python)
Public admis
- Salarié en Poste
- Entreprise
Demandeur d'emploi et Etudiant non admis
Financement
- Votre OPCO
- Financement personnel
Financement CPF non pris en charge
Modalités
- En centre
- En entreprise
- À distance
Objectifs pédagogiques
- Installer et configurer un projet Vue.js
- Mettre en place des interactions simples (data binding, événements)
- Collecter les données utilisateurs avec des formulaires
- Définir des composants réutilisables
- Mettre en place la navigation dans l’application
- Stocker les données dans le « local storage »
- Echanger des données avec le serveur
Programme de la formation
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
Proposé par
ENI Service
"votre centre de formation informatique de confiance"
Proposé par
ENI Service
