Quasar 2 & Firebase Cloud Firestore (with Vue 3 & Pinia)
Quasar 2 & Firebase Cloud Firestore (with Vue 3 & Pinia), available at $54.99, has an average rating of 4, with 69 lectures, based on 1 reviews, and has 27 subscribers.
You will learn about How to connect a Quasar 2 app to a Firebase Cloud Firestore database How to setup Firebase Authentication so users can Register, Login & Log out How to setup Firebase Security Rules to secure your users' data How to get the finished app built & working for Web, iOS, Android, Mac & Windows This course is ideal for individuals who are Vue 3 & Quasar Developers looking to create a backend for their Cross-Platform App with Firebase Cloud Firestore It is particularly useful for Vue 3 & Quasar Developers looking to create a backend for their Cross-Platform App with Firebase Cloud Firestore.
Enroll now: Quasar 2 & Firebase Cloud Firestore (with Vue 3 & Pinia)
Summary
Title: Quasar 2 & Firebase Cloud Firestore (with Vue 3 & Pinia)
Price: $54.99
Average Rating: 4
Number of Lectures: 69
Number of Published Lectures: 69
Number of Curriculum Items: 69
Number of Published Curriculum Objects: 69
Original Price: $19.99
Quality Status: approved
Status: Live
What You Will Learn
- How to connect a Quasar 2 app to a Firebase Cloud Firestore database
- How to setup Firebase Authentication so users can Register, Login & Log out
- How to setup Firebase Security Rules to secure your users' data
- How to get the finished app built & working for Web, iOS, Android, Mac & Windows
Who Should Attend
- Vue 3 & Quasar Developers looking to create a backend for their Cross-Platform App with Firebase Cloud Firestore
Target Audiences
- Vue 3 & Quasar Developers looking to create a backend for their Cross-Platform App with Firebase Cloud Firestore
In this course, you’ll learn how to connect a Quasar 2 app (with Vue 3 & Pinia) to a Firebase Cloud Firestore Database.
You’ll start by downloading and launching the course app, Moneyballs (from my course Vue 3: Create a Mobile & Desktop App (with Quasar 2 & Pinia).
You’ll connect Moneyballs to a Firebase Cloud Firestore database and add full CRUD capabilities for one user:
-
Get and display Entries from Firestore
-
Add Entry
-
Delete Entry
-
Update Entry
-
Reorder Entries
You’ll then create an Auth page where a user can login & register and setup Firestore Authentication:
-
Register User
-
Logout User
-
Login User
-
Redirect the User on Login & Logout
You’ll then add support for Multiple Users and add security to the app:
-
Navigation Guards
-
Firebase Security Rules
Finally, you’ll build the app for production and get it working on 5 platforms:
-
Web browser
-
iOS
-
Android
-
Mac
-
Windows
By the end of this course, you’ll have a thorough understanding of how to connect your own Quasar 2 app to a Firebase Cloud Firestore database.
For this course, I recommend:
-
Having completed my course Vue 3: Create a Mobile & Desktop App (with Quasar 2 & Pinia)
-
Using a Mac
-
Having a basic understanding of Vue 3 (Composition API), Quasar, Pinia & JavaScript
Course Curriculum
Chapter 1: Introduction
Lecture 1: Introduction
Lecture 2: Editor & Software Setup
Lecture 3: Chrome & Vue Devtools
Lecture 4: Install Course App: Moneyballs
Lecture 5: Moneyballs Overview
Lecture 6: Download Source Code
Chapter 2: Firebase: Introduction & Setup
Lecture 1: Introduction to Firebase
Lecture 2: Create a Firebase Project
Lecture 3: Create App & Install Firebase
Lecture 4: Setup Firestore Database
Lecture 5: Connect to Database
Lecture 6: Download Source Code
Chapter 3: Read, Add, Delete & Update Entries
Lecture 1: Get Entries Store Ready for Firebase
Lecture 2: Display Entries from Firestore
Lecture 3: Get Entries in Real Time
Lecture 4: Add a Loading Screen
Lecture 5: Add Entry
Lecture 6: Add Entry (with Firebase IDs)
Lecture 7: Delete Entry
Lecture 8: Update Entry
Lecture 9: Download Source Code
Chapter 4: Order & Reorder Entries
Lecture 1: Order Entries
Lecture 2: Add Order Number to New Entry
Lecture 3: Add Order Number for First Entry Added
Lecture 4: Update Order Numbers on Sort
Lecture 5: Download Source Code
Chapter 5: Auth Page (Register & Login)
Lecture 1: Auth Page – Setup Layout, Page & Route
Lecture 2: Add a Card & Title
Lecture 3: Add Tabs for Login & Register
Lecture 4: Add the Form Elements
Lecture 5: Check Form in Dark Mode
Lecture 6: Dynamic Submit Button
Lecture 7: Hook Up the Form Fields
Lecture 8: Handle Form Submit
Lecture 9: Basic Validation & Error Dialog
Lecture 10: Handle Submit Success
Lecture 11: Redirect Back to Entries Page
Lecture 12: Download Source Code
Chapter 6: Authentication
Lecture 1: Firestore Authentication & Auth Store
Lecture 2: Register User
Lecture 3: Logout User
Lecture 4: Login User
Lecture 5: Listen for Auth Changes
Lecture 6: Store User’s Email & User ID
Lecture 7: Improve Logout Button
Lecture 8: Redirect User on Auth Change
Lecture 9: Download Source Code
Chapter 7: Multiple Users
Lecture 1: Restructure Database for Multiple Users
Lecture 2: Setup Refs for Multiple Users
Lecture 3: Clear Entries array in State when user logs out
Lecture 4: Unsubscribe from the Get Entries Listener
Lecture 5: Download Source Code
Chapter 8: Security: Navigation Guards
Lecture 1: Add a Router Boot File
Lecture 2: Add Navigation Guard Restrictions
Lecture 3: Smoother Login (for Returning User)
Lecture 4: Download Source Code
Chapter 9: Security: Firestore Security Rules
Lecture 1: Poor Security Demonstration
Lecture 2: Secure Data with Firebase Security Rules
Lecture 3: Download Source Code
Chapter 10: Platforms
Lecture 1: Web
Lecture 2: iOS (Fix Capacitor Error)
Lecture 3: Android (Fix the Jitters)
Lecture 4: Mac
Lecture 5: Windows
Lecture 6: Download Source Code
Chapter 11: Extra: Order Entries with Firestore Query
Lecture 1: Remove entriesOrdered Getter
Lecture 2: Order Entries with Firestore Query
Lecture 3: Download Source Code
Chapter 12: Bonus Lectures
Lecture 1: Bonus Lecture
Instructors
-
Danny Connell
Indie App Developer & Instructor
Rating Distribution
- 1 stars: 0 votes
- 2 stars: 0 votes
- 3 stars: 0 votes
- 4 stars: 1 votes
- 5 stars: 0 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024
- Top 10 Gardening Courses to Learn in November 2024