Cours
PrestaShop

Newsletter

VueJS et Firestore : Créer une Single Page Application

Utiliser le Framework JavaScript VueJS en Front et Firestore en Back

Ou s'abonner pour un accès illimité sans engagement à tout Skilleos pour 19,90€/mois. En savoir plus
chapitre

Chapitres

22

chrono

Durée

02h55 de cours en ligne

chrono

Prérequis

acces

Accès

24h/24 et 7j/7
PC/Mac, tablette et smartphone

certificat

Certificat

Délivré à la fin de la formation

1for1

1 For 1

Un abo ou un achat sur Skilleos = Un cours offert à un bénéficiaire

Samir Medjdoub

Samir Medjdoub

Développeur depuis 2003 dans des entreprises clientes publiques (SNCF, URSSAF, EDF...) et privées (Iron Mountain, Jouve, CDiscount...), avec 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, Samir Medjdoub a ainsi pris la vague Angular 2 dès les versions alpha et bêta fin 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. Les développeuses et développeurs JavaScript (Front, Back ou Fullstack !) ont de très beaux jours devant eux : investissez dans les frameworks, plateformes et librairies JavaScript qui vous ouvriront de belles opportunités en 2019.

Vous souhaitez apprendre à développer rapidement une application ou un POC (Proof Of Concept) afin de passer rapidement de l'idée à sa réalisation ? Le couple Vue.js et Firestore est idéal pour cela. Vous aller créer, accompagner de votre formateur Samir Medjdoub, un gestionnaire de contacts qui vous permettra de vous familiariser par la pratique à la création d'une SPA (Single Page Application).

Dans ce cours VueJS et Firestore en ligne, afin de faire communiquer votre Front VueJS 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 VueJS, notamment grâce à Vue CLI 3 et aux snippets de "Vue VS Code Snippets" que vous utiliserez tout au long de ce cours. 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.

À la fin du cours, vous serez capable de :

  • 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
  • Créer une base de données à l'aide de Firestore
  • Créer votre collection et documents

Chapitres

INITIALISATION DU PROJET
1
10:17
Génération de notre projet
CRÉATION ET GESTION D'UN FORMULAIRE
2
10:43
Création d'un Single File Component
3
09:11
Lier les champs d'un formulaire aux données d'un component
4
06:56
Gestion de la soumission d'un formulaire
FIRESTORE
5
08:34
Création d'une base de données Firestore
6
11:56
Création d'une Data Access Layer (DAL)
7
07:45
Création d'un nouveau contact
8
02:57
Ajout d'une méthode qui remet à zéro un formulaire
9
13:51
Lecture de documents depuis Firestore
10
08:54
Refactorisation : passer des props à un component enfant
11
06:03
Emission d'un custom event
12
07:57
Suppression d'un contact
ALLER PLUS LOIN
13
02:28
Résolution des erreurs signalées par ESLint
14
10:50
Ajout de Boostrap 4
15
11:03
Modification d'un contact
16
12:22
Implémenter un système d'"edit in place"
17
04:17
Suppression d'un contact via un custom event
LE ROUTAGE
18
12:02
Implémentation du routage
19
04:36
Utilisation de router-link pour naviguer
20
02:31
Styliser le lien actif
21
09:25
Utilisation de paramètres de routage
22
00:35
Conclusion

VueJS et Firestore : Créer une Single Page Application

39.00 €

close if for show price

  • langues fr