Créer une Single Page Application avec Vue.js et Firestore
4.5 (35 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
188 students enrolled

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

Apprenez à créer une Single Page Application avec Vue et Firestore
4.5 (35 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
188 students enrolled
Current price: $72.99 Original price: $104.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 3 hours on-demand video
  • 1 article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Utiliser Vue en Front et Firestore en Back
Course content
Expand all 24 lectures 03:10:16
+ Création et gestion d'un formulaire
3 lectures 26:48
Création d'un Single File Component
10:43
Lier les champs d'un formulaire aux données d'un component
09:10
Gestion de la soumission d'un formulaire
06:55
+ Firestore
8 lectures 01:07:55
Création d'une base de données Firestore
08:34
Création d'une Data Access Layer (DAL)
11:56
Création d'un nouveau contact
07:45
Ajout d'une méthode qui remet à zéro un formulaire
02:57
Lecture de documents depuis Firestore
13:50
Refactorisation : passer des props à un component enfant.
08:53
Emission d'un custom event
06:03
Suppression d'un contact
07:57
+ Aller plus loin
6 lectures 53:57
Résolution des erreurs signalées par ESLint
02:27
Ajout de Boostrap 4
10:49
Modification d'un contact
11:03
Implémenter un système d'"edit in place"
12:21
"Save edit" et "cancel edit"
13:00
Suppression d'un contact via un custom event
04:17
+ Le routage
4 lectures 28:31
Implémentation du routage
12:02
Utilisation de router-link pour naviguer
04:35
Styliser le lien actif
02:30
Utilisation de paramètres de routage
09:24
+ Bonus
1 lecture 01:00
Coupons vers des formations complémentaires
01:00
Requirements
  • HTML/CSS, de solides bases en JavaScript
Description

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.

Who this course is for:
  • Développeurs web en poste, freelances, étudiant(e)s en informatique, autodidactes motivé(e)s