Créer une Single Page Application avec Vue.js et Firestore
Créer une Single Page Application avec Vue.js et Firestore
Formez-vous à Vue.js par la pratique, grâce à cette formation en ligne et en vidéo !
Vue.js est un framework JavaScript qui monte.
Il mérite votre intérêt pas uniquement car c'est le petit nouveau, mais surtout car il est bien né - son créateur est un ancien de l'équipe de l'excellent framework Meteor !
En outre, Vue.js permet de facilement enrichir une application web existante, là où un gros framework tel qu'Angular est taillé pour les Single Page Apps (SPA) et ne se greffe donc pas volontiers sur un site existant.
Vue.js est dans sa version 2.
Profitez donc de sa maturité sans craindre de le voir disparaître et rejoignez les presque 130 000 développeurs qui ont marqué leur satisfaction en lui accordant une étoile sur GitHub.
La documentation de Vue.js est extrêmement bien conçue mais nécessite des comprendre beaucoup de notions : templates, data binding, directives, méthodes, soumission d'un formulaire gestion des éléments du clavier, watchers, custom events (...)
C'est pourquoi toutes ces notions essentielles sont abordées dans ce tuto !
Le code sources des exemples sont fournis avec la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.
Bonne découverte de Vue.js !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Prise en main
Prise en main
Chapitre 2
Notions de base
Notions de base
Chapitre 3
Les composants
Les composants
Chapitre 4
Intégration d'un composent tiers
Intégration d'un composent tiers
Chapitre 5
Divers ... mais important :)
Divers ... mais important :)
Chapitre 6
Vue-cli, Single File Components et SPA
Vue-cli, Single File Components et SPA
Plan détaillé du cours
Chapitre 1 : Prise en main
10m29
Leçon 1Préparation son environnement de développement
Leçon 2Votre toute première application Vue.js
Leçon 3Installer un serveur web à l'aide de NPM
Chapitre 2 : Notions de base
57m49
Leçon 1Le data binding
Leçon 2Installer les "Vue.js devtools" de Chrome
Leçon 3Le two-way binding
Leçon 4Gérer les événements
Leçon 5Gérer la soumission d'un formulaire
Leçon 6Parcourir un tableau
Leçon 7Parcourir un tableau d'objets
Leçon 8Ajouter une classe CSS conditionnellement
Leçon 9Afficher du contenu HTML conditionnellement
Leçon 10Gérer les événements du clavier
Leçon 11Gérer la suppression d'une tâche
Leçon 12Comprendre et mettre en oeuvre les lifecycle hooks
Chapitre 3 : Les composants
56m06
Leçon 1Créer un composent global
Leçon 2Créer un composant local
Leçon 3Ajouter des données à un composant enfant
Leçon 4Ajouter des méthodes à un composant enfant
Leçon 5Passer des données d'un composant parent vers ses enfants
Leçon 6Passer le résultat d'une requête Ajax effectuée par le parent à son enfant
Leçon 7Organiser une application en hiérarchie de composants
Leçon 8Insérer du contenu entre les tags d'un composant à l'aide des slots
Leçon 9Émettre un custom event depuis en enfant et le gérer dans le parent
Leçon 10Afficher dans le parent les composants petits-enfants qui ont émis un événement
Leçon 11Pré-rendu et rendu d'un tableau d'objets
Chapitre 4 : Intégration d'un composent tiers
12m52
Leçon 1Utilisation d'un composant tiers et récapitulatif
Chapitre 5 : Divers ... mais important :)
30m56
Leçon 1Créer un filtre
Leçon 2Les computed properties
Leçon 3Activer/désactiver un bouton en fonction de la valeur d'une computed property
Leçon 4Surveiller le contenu d'un champ texte à l'aide d'un watcher
Leçon 5Requêtes asynchrones et watcher couplé à debounce pour filtrer les requêtes
Chapitre 6 : Vue-cli, Single File Components et SPA
1h02
Leçon 1Installer vue-cli et générer un projet
Leçon 2Architecture du projet généré par vue-cli
Leçon 3Refactoriser des composants Vue.js en 'Single File Components'
Leçon 4Création du composant UserList.vue
Leçon 5Création du composant UserDetails.vue
Leçon 6 Ajouter du style à un 'Single File Component'
Leçon 7Implémenter le routage
Leçon 8Créer des liens statiques et dynamiques
Avis des apprenants