Télécharger en tant que PDF, PPTX
Téléchargé parAlphorm
Alphorm.com Formation Vue JS 3 : Exploiter la Composition API
La formation sur Vue.js 3, animée par Fabien Le Corre, se concentre sur l'exploitation de la Composition API pour améliorer la réactivité et la modularité des composants. Elle aborde divers sujets tels que vite.js, les directives personnalisées, les computed et watch, ainsi que l'intégration de pinia et firebase/firestore. Destinée aux développeurs ayant des bases en Vue.js, cette formation met en avant des techniques pour écrire un code plus propre et réutilisable.
Contenu connexe
Similaire à Alphorm.com Formation Vue JS 3 : Exploiter la Composition API
Alphorm.com Formation Vue JS 3 : Exploiter la Composition API
- 1. Formation Vue JS 3 Exploiterla Composition API Une formation Fabien LE CORRE
- 2. Une formation Plan dela formation Introduction 1. Découverte de la composition API 2. La réactivité avec la composition API 3. Vite.js pour aller plus vite 4. Custom directives 5. Computed et Watch avec la composition API 6. Vue Router avec la composition API 7. Teleport pour téléporter les éléments 8. Emit avec la composition API 9. Les props avec la composition API 10. Provide / Inject 11. Les composables 12. Vue Use 13. Pinia 14. Firebase / Firestore Conclusion
- 3. Une formation Public concerné Développeursayant des bases de Vue JS et désireux de découvrir les formidables possibilités offertes par la composition API de Vue JS 3
- 4. Une formation Connaissances requises HTML/CSS Javascript Desbases en Vue JS
- 6. Présentation du projet Uneformation Fabien LE CORRE
- 7. Une formation Présentation desoutils VsCode Terminal / iTerm / Hyper NodeJS NPM / Yarn Vue dev tool
- 8. Découvrir la compositionAPI Vue.js 3 Une formation Fabien LE CORRE
- 9. Une formation La CompositionAPI C'est un nouveau moyen d'écrire des composants Vue, apparu avec Vue 3 et c'est une alternative à l'option API que nous avons utilisée dans la première formation
- 10. Une formation Mon codeest obsolète ? Non! La composition API a été pensée pour être un ajout qui fonctionnera en plus de l'option API De plus les concepts que vous connaissez déjà avec l'option API reste les mêmes avec la composition API
- 11. Une formation Les avantages Uncode plus propre, plus facile à lire et à maintenir On va pouvoir également réutiliser du code plus facilement Cela peut s'avérer vraiment utile sur une application avec des centaines de composants
- 12. Implémenter une fonctionnalité avecl'API option Une formation Fabien LE CORRE
- 13. Convertir une fonctionnalité avecla composition API Une formation Fabien LE CORRE
- 14. Simplifier les composants avecscript setup Une formation Fabien LE CORRE
- 15. Découvrir les cyclesde vie avec la composition API Une formation Fabien LE CORRE
- 16. Implémenter la réactivité surles data primitives avec Ref Une formation Fabien LE CORRE
- 17. Implémenter la réactivité avecReactive Une formation Fabien LE CORRE
- 18. Vérifier si unevaleur est réactive avec isRef Une formation Fabien LE CORRE
- 19. Vérifier si unobjet est réactif avec isReactive Une formation Fabien LE CORRE
- 20. Empêcher la mutation d'unobjet réactif avec readonly Une formation Fabien LE CORRE
- 21. Vérifier si unobjet est en lecture seule avec isReadonly Une formation Fabien LE CORRE
- 22. Découvrir les Refsde Template Une formation Fabien LE CORRE
- 23. Créer une Refsur une propriété d'un objet réactif avec toRef Une formation Fabien LE CORRE
- 24. Déstructurer un objetréactif avec toRefs Une formation Fabien LE CORRE
- 25. Afficher un objetréactif en brut avec toRaw Une formation Fabien LE CORRE
- 26.
- 27. Installer une application avecVite Une formation Fabien LE CORRE
- 28. Découvrir la structure del'application Une formation Fabien LE CORRE
- 29. Ajouter une routeau router Une formation Fabien LE CORRE
- 30. Implémenter une customdirective locale avec la composition API Une formation Fabien LE CORRE
- 31. Implémenter une custom directivelocale avec argument Une formation Fabien LE CORRE
- 32. Implémenter une customdirective globale avec la composition API Une formation Fabien LE CORRE
- 33. Implémenter une custom directiveglobale avec argument Une formation Fabien LE CORRE
- 34. Créer un compteur decaractère avec Computed Une formation Fabien LE CORRE
- 35. Détecter si lecompteur dépasse une limite avec Watch Une formation Fabien LE CORRE
- 36. Créer une routeet une view pour lister des articles Une formation Fabien LE CORRE
- 37. Récupérer l'ID d'unarticle dans l'URL avec Vue Router et la composition API Une formation Fabien LE CORRE
- 38. Accéder aux paramètresde routes dans script setup avec le composable useRoute Une formation Fabien LE CORRE
- 39. Utiliser le composable useRouterpour rediriger Une formation Fabien LE CORRE
- 40.
- 41. Téléporter un élément avecTeleport Une formation Fabien LE CORRE
- 42. Utiliser Teleport pour afficherune notification Une formation Fabien LE CORRE
- 43. Utiliser Teleport dans uncomposant enfant Une formation Fabien LE CORRE
- 44. Utiliser emit avec lacomposition API Une formation Fabien LE CORRE
- 45. Créer nos composants Uneformation Fabien LE CORRE
- 46. Afficher nos composants dynamiquement Uneformation Fabien LE CORRE
- 47. Garder en vieun composant inactif avec KeepAlive Une formation Fabien LE CORRE
- 48. Définir et transmettre uneprops Une formation Fabien LE CORRE
- 49. Assigner des props demanière dynamique Une formation Fabien LE CORRE
- 50. Utiliser les propsdynamiques dans une boucle v-for Une formation Fabien LE CORRE
- 51. Fournir les dataau composant enfant avec provide Une formation Fabien LE CORRE
- 52. Utiliser les dataavec inject Une formation Fabien LE CORRE
- 53. Découvrir les composables Uneformation Fabien LE CORRE
- 54. Créer un composable Uneformation Fabien LE CORRE
- 55. Utiliser un composable Uneformation Fabien LE CORRE
- 56. Réutiliser un composable Uneformation Fabien LE CORRE
- 57.
- 58. Utiliser VueUse avecVue 3 Une formation Fabien LE CORRE
- 59. Binder automatiquement avec lecomposant sans rendu Une formation Fabien LE CORRE
- 60. Présentation du projet etde Pinia Une formation Fabien LE CORRE
- 61. Installer une application avecPinia Une formation Fabien LE CORRE
- 62. Installer et importer Bootstrapet Boostrap Icons Une formation Fabien LE CORRE
- 63. Intégrer le template àl'application Une formation Fabien LE CORRE
- 64. Découper l'application en composants Uneformation Fabien LE CORRE
- 65. Créer et définirun State Une formation Fabien LE CORRE
- 66. Utiliser le State dansun composant Une formation Fabien LE CORRE
- 67. Utiliser les getters avecPinia Une formation Fabien LE CORRE
- 68. Lister les projetsdu state Une formation Fabien LE CORRE
- 69. Utiliser les actions poursupprimer Une formation Fabien LE CORRE
- 70. Utiliser Vue UUID Uneformation Fabien LE CORRE
- 71. Valider le formulaire etafficher les erreurs Une formation Fabien LE CORRE
- 72. Découvrir Firebase et Firestore Uneformation Fabien LE CORRE
- 73. Créer un nouveauprojet Firebase Une formation Fabien LE CORRE
- 74. Créer et installer unenouvelle application Une formation Fabien LE CORRE
- 75. Créer une basede données Firestore en mode test Une formation Fabien LE CORRE
- 76. Ajouter une nouvelle collection Uneformation Fabien LE CORRE
- 77. Connecter la basede données à notre application Une formation Fabien LE CORRE
- 78. Récupérer les donnéesdepuis la base Firestore Une formation Fabien LE CORRE
- 79. Implémenter le tempsréel avec la base de données Une formation Fabien LE CORRE
- 80. Ajouter des données àla base Firestore Une formation Fabien LE CORRE
- 81. Supprimer des données dela base Firestore Une formation Fabien LE CORRE
- 82. Mettre à jourdes données de la base Firestore Une formation Fabien LE CORRE
- 83.
- 84. Une formation Découverte dela composition API La réactivité Aller plus vite avec Vite! Custom directives Computed et Watch Vue Router avec la composition API Teleport : téléporter les éléments Emit avec la composition API Les composants dynamiques Les props avec la composition API Provide et Inject Les composables Vue Use Pinia Firebase / Firestore Bilan