Quasar 2 & Firebase Cloud Firestore Tutorial (with Vue 3 & Pinia)

Опубликовано: 20 Август 2024
на канале: Make Apps with Danny
1,828
70

Learn how to connect a Quasar 2 app to a Firebase Cloud Firestore database - including real time data sync across devices.
👉 Full Course:
https://www.makeappsacademy.com/p/qua...
👉 Source Code (Click the one named "Quasar 2 Firebase Cloud Firestore Tutorial"):
https://makeappsacademy.com/p/resources

In this video, you'll learn how to take a Quasar 2 app, Moneyballs (created in my Vue 3 & Quasar 2 Mobile & Desktop apps course) and connect it to a Firebase Cloud Firestore database.

By the end of this video, you'll have full CRUD capabilities setup up for one user:
● Load Entries
● Add Entries
● Edit Entries
● Delete Entries
● Reorder Entries

You'll also get real-time data sync working across devices, so that if you Add / Edit / Delete an Entry on one device, you'll instantly see the change on another device.

👇 Chapters 👇

00:00 Video Introduction
01:49 (1.1) Introduction
03:30 (1.2) Editor & Software Setup
04:33 (1.3) Chrome & Vue Devtools
05:05 (1.4) Install Course App: Moneyballs
06:01 (1.5) Moneyballs Overview
13:00 (2.1) Introduction to Firebase
14:48 (2.2) Create a Firebase Project
15:55 (2.3) Create App & Install Firebase
17:55 (2.4) Setup Firestore Database
21:48 (2.5) Connect to Database
24:17 (3.1) Get Entries Store Ready for Firebase
27:34 (3.2) Display Entries from Firestore
32:04 (3.3) Get Entries in Real Time
40:08 (3.4) Add a Loading Screen
45:43 (3.5) Add Entry
52:34 (3.6) Add Entry with Firebase IDs
58:43 (3.7) Delete Entry
01:01:00 (3.8) Update Entry
01:04:50 (4.1) Order Entries
01:10:42 (4.2) Add Order Number to New Entry
01:14:44 (4.3) Add Order Number for First Entry Added
01:16:56 (4.4) Update Order Numbers on Sort


Смотрите видео Quasar 2 & Firebase Cloud Firestore Tutorial (with Vue 3 & Pinia) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Make Apps with Danny 20 Август 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,828 раз и оно понравилось 70 людям.