Créer une Single Page Application avec Vue.js et Firestore

Utiliser Vue.js en Front et Firestore en Back

   Voir la bande annonce

Vous souhaitez apprendre à développer rapidement une application ou un POC (Proof Of Concept) afin de passer de l'idée à sa réalisation ? Le couple Vue.js et Firestore est idéal pour cela. Nous allons créer ensemble un gestionnaire de contacts qui vous permettra de vous familiariser par la pratique à la création d'une SPA (Single Page Application). A l'aide de Vue.js côté Front, vous apprendrez à :

- créer des components de type Single File
- composer ces components
- faire communiquer un component parent avec ses enfants via des props
- faire communiquer des components enfants avec leur parent via des custom events
- créer et gérer des formulaires
- intégrer bootstrap
- implémenter le routage

Côté Backend, vous apprendrez à :
- créer une base de données à l'aide de Firestore
- à créer collection et documents

Afin de faire communiquer votre Front Vue.js avec votre Backend Firestore, vous verrez en détail comment créer une DAL (Data Access Layer) qui vous permettra de coupler faiblement votre Front avec votre Backend.

Beaucoup d'astuces de pro seront dévoilées, qui vous permettront de développer rapidement vos applications Vue.js, notamment grâce à Vue CLI 3 et aux snippets de "Vue VSCode Snippets" que nous utiliserons tout au long de cette formation.

Cerise sur le gâteau, vous découvrirez comment implémenter une fonctionnalité d' "edit in place" qui permettra à vos utilisateurs d'éditer de façon conviviale du contenu.

Le code source de cette formation est disponible sur Github.


Votre formateur


Samir Medjdoub
Samir Medjdoub

Développeur web depuis 2003 dans des entreprises clientes publiques (SNCF, URSSAF, EDF...) et privées (Iron Mountain, Jouve, CDiscount...), dirigeant de la société rennaise Code Concept spécialisée en formation JavaScript Front, Back et mobiles hybrides, Samir Medjdoub a eu comme comme fil conducteur la conscience qu’il est bien plus facile de rester sur la vague que de tenter de remonter après s’être laissé submerger. Fidèle à cette stratégie, il a ainsi pris la vague Angular 2 dès les versions bêta en 2015, celle de Node.js il y a sept années de cela et a eu la chance d'évoluer dans des sociétés qui avaient été parmi les premières en France à adopter MongoDB, conjointement aux bases de données relationnelles. Il a toujours cru que comparaison était raison et a porté une égale attention à React et Redux dès 2015, puis Vue.js en 2016. Meteor et désormais Svelte.js sont les outsiders qui retiennent régulièrement son attention.

Les développeuses et développeurs JavaScript (Front, Back ou Fullstack !) ont de très beaux jours devant eux : les formations de la société Code Concept vous aideront à investir efficacement dans les frameworks, plateformes et librairies JavaScript qui vous ouvriront de belles opportunités en 2024 !


Programme de la formation


  Initialisation du projet
Valable dans jours
jours après votre inscription
  Création et gestion d'un formulaire
Valable dans jours
jours après votre inscription
  Firestore
Valable dans jours
jours après votre inscription

FAQ (questions fréquentes)


Combien de temps ai-je accès à ce cours et à ses mises à jour ?
Indéfiniment.
Si le cours ne correspond pas à mes attentes, puis-je être remboursé ?
Oui. Vous disposez de 30 jours d'essai durant lesquels vous pouvez être remboursé.
Pourquoi les prix sont-il indiqués Hors Taxes ?
Car vous venez d'une vingtaine de pays différents. La TVA n'est pas la même partout. La plateforme de paiement ajoute donc, dans le cas de la France, 20% de TVA, pour chaque autre pays, la TVA du pays considéré.

Démarrez maintenant !