Deuxième challenge avec Vue JS et Axios
Objectifs
Les objectifs de cette vidéo sont de vous apprendre à :
- Créer une application Vue JS avec Vue-CLI
- Récupérer des données d'une API REST avec Axios
- Utiliser Bootstrap pour afficher ces données dans un tableau structuré
Résumé
Découvrez comment créer une application Vue JS utilisant Axios pour interagir avec une API REST et Bootstrap pour la mise en forme.
Description
Dans cette vidéo, nous allons vous guider à travers un défi de développement Web en utilisant Vue JS, Axios et Bootstrap. L'objectif est de créer une application Vue 3 nommée 'inscrit2' capable de récupérer des données d'une API REST grâce à Axios et de les afficher de manière structurée avec Bootstrap. Vous commencerez par installer les dépendances requises, puis vous modifierez les fichiers main.js et app.vue pour configurer l'application. Ensuite, vous implémenterez le composant 'users' qui se chargera de faire la requête Ajax et d'afficher les résultats sous forme de tableau. La vidéo détaille chaque étape avec des indices pratiques pour vous aider dans le processus, comme l'utilisation du hook 'created' de Vue JS pour faire la requête API et intégrer les composants nécessaires. En fin de vidéo, vous aurez acquis les compétences nécessaires pour interfacer une API avec Axios et organiser les données avec Bootstrap, tout en expérimentant la création et la modification de projets Vue CLI.
Questions fréquentes
Programme détaillé
Module 1 - Premiers pas en Vue3
Module 2 - Les composants Vue JS
Module 3 - Les applications SPA (Single Page Applications)
Module 4 - L'interface en ligne de commande Vue-Cli
Module 5 - Le gestionnaire d'état Vuex
Module 6 - Le gestionnaire d'état Pinia
Module 7 - Persistance des données avec Firebase
Module 8 - Plus loin avec Vue.js 3
