Top 8 Recommended Firebase Self-Study Materials! [November 2024]

This Course in a Nutshell

If you are looking for the best backend to go along with your Angular frontend, then the Firebase ecosystem (with the Firestore NoSQL database) is the right choice for you.

Today, it's simpler than ever to develop Firebase applications thanks to the latest Firebase development tools, including the awesome local emulator (covered in detail in the course).

Firebase allows us to build applications in a mostly serverless way, in the sense that when using it we only have to write a little bit of server-side code, if any at all in a lot of cases.

With Firebase, we can not only query our database but also do data modification operations straight from the browser, in a secure way. So how is this possible?

The way that this works is that the Firestore database enables us to declaratively accept or deny incoming requests using Firestore Security Rules.

A key ingredient for this to work is Firebase Authentication, which we will cover in detail in this course. Firebase is, of course, frontend agnostic, meaning that it will work with any frontend technology. So why does it work especially well with Angular?

This is due to the powerful AngularFire library, which allows us to easily query and modify Firestore data in a reactive way using the AngularFire Observable-based API.

Besides Firestore, the Firebase ecosystem provides everything else that you need for building a fully functioning backend solution. This includes secure file upload via Firebase Storage and the hosting of your static files via Firebase Hosting.

For the rare cases when you need some server-side code, you can do that too in Firebase using Firebase Cloud Functions, which are node-based stateless functions running on the Google Cloud infrastructure.

Using Cloud Functions, you can implement server-only functionality like database triggers, or even REST endpoints for operations that can only be done on the server, such as user creation, or payments.

The Firebase ecosystem provides a complete solution for quickly building the backend of your web application, allowing you to focus more of your development time on the frontend.

Course Overview

In this course, we are going to take a sample Angular application and we are going to connect it to a Firestore database. We will learn how to do all sorts of database queries and we will provide a complete CRUD example using AngularFire.

We will set up the local development emulator from the very beginning, which will allow us to use a local database with predefined authentication users and some initial data.

The emulator will also allow us to test cloud functions locally as well as security rules, which is super convenient.

From there, we are going to add security to the application, starting with authentication using Firebase Authentication. We will implement both email and password and social login using the Firebase UI library.

We are also going to implement role-based authorization using Firebase Authentication custom claims and the AngularFire Authentication router guard.

We will implement an administration screen that allows an existing administrator to create other users, including other administrators in a secure way.

For this, we will need some backend code, so we will be using Firebase Cloud Functions for that. We will also show how to use Cloud Functions to implement other commonly used backend features, such as database triggers.

We will show how to do secure file upload of an image thumbnail using Firebase Storage.

We will end the course by doing a full production deployment using Firebase Hosting, and testing everything out in a non-emulated production environment.

Table of Contents

This course will go over the following topics:

• Introduction to NoSQL data modeling

• Documents vs Collections

• Firestore Unique Identifiers

• Querying a database using the Firebase SDK

• Angular Service Layer Design with AngularFire

• Pagination

• Indexes, Composite Indexes

• Data Modification with AngularFire

• Transactions

• Multi-path Updates

• Full CRUD example with AngularFire

• Authentication with Firebase Authentication

• Protecting screens with the AngularFire Authentication guard

• Securing Database access with Firebase Security Rules

• Full role-based authorization using Firebase Authentication custom claims

• Secure file upload with Firebase Storage

• Firebase Storage Rules

• Server-side image processing with Firebase Cloud Functions

• Firebase Cloud Functions Database Triggers

• Firebase Could Functions HTTP endpoints

• Cloud Functions Service Accounts

• Production Deployment with Firebase Hosting

What Will You Learn In this Course?

In this course, you will learn everything that you need to know to become a proficient Firebase developer. You will understand how to model a Firestore database, and how to interact with it using AngularFire.

You will know how to implement secure, transactional data modification queries straight from the frontend using the AngularFire Observable-based API. You will know how to secure your data using Firestore Security rules, and how to implement role-based Authorization.

You will learn how to design your system in order for it to need minimum backend code, that when necessary can be implemented using Firebase Cloud Functions.

At the end of the course, you will feel confident designing and developing applications in a serverless way using the complete Firebase ecosystem.

Have a look at the course free lessons below, and please enjoy the course!

1. Introduction
2. Firebase & AngularFire In Depth - Helicopter View
3. IMPORTANT
4. Course Introduction and Development Environment Setup
5. Set Up a Firebase Account and Populate a Firestore Database
6. Firestore Fundamentals - What is a Firestore Document?
7. Firestore Fundamentals - Collections, Unique Identifiers and Relationships
8. Firestore Fundamentals - Introduction to Collection Queries using AngularFire
9. Firestore Fundamentals - Performance Guarantees and Indexes
10. Firestore Fundamentals - Collection Group Queries
11. Firestore Fundamentals - Realtime Capabilities
12. Angular Service Layers with AngularFire and Firestore
13. New Section Introduction - Beginning the Implementation of the Home Component
14. An Example of a Firestore array-contains Query
15. Converting Firestore Query Results to a Domain Model
16. Finishing the Implementation of the Home Component
17. The Firebase Local Emulator - Why do we need it?
18. Setting Up a Firebase Project with firebase init
19. Introduction to the Firebase Local Emulator
20. AngularFire CRUD Example - The Create Course Form
21. AngularFire CRUD Create Service - API Design
22. AngularFire CRUD Create - Service Implementation
23. AngularFire CRUD Update - Service Implementation
24. AngularFire CRUD Update - Building the Edit Course Dialog
25. AngularFire CRUD Update - Final Implementation and Demo
26. AngularFire CRUD Delete - Implementation and Demo
27. Understanding Firestore Transactional Batched Writes
28. Course Screen - Pre-Fetching Data with a Course Resolver
29. Course Screen - Router Resolver Implementation and Demo
30. How to Implement a Firestore Paginated Query
31. Firestore Data Pagination Example - Implementation Conclusion and Demo
32. Firebase Authentication and Firestore Security Rules
33. Introduction to Firebase Authentication
34. Implementing Authentication Using Firebase UI
35. Implementing an Angular User Service - API Design
36. User Service - Adapting the UI to the User Authentication Status
37. Introduction to Firestore Security Rules
38. Firestore Security Rules Fundamentals - Nested Rules
39. Firestore Security Rules Fundamentals - Rule Order and Access Types
40. Checking if a User Is Authenticated Using Firestore Security Rules
41. Implementing Firestore Schema Validation With Firestore Security Rules
42. How to Implement a User White List Using Firestore Security Rules
43. Implementing Role Based Access Control (RBAC) with Firestore Security Rules
44. How to Write Security Rules For Collection Group Queries
45. RBAC UI Implementation - The Roles Observable
46. Showing certain UI Features only to Administrator Users
47. Protecting Access to Admin Screens With the AngularFire Authentication Guard
48. Serverless File Upload With Firebase Storage
49. Introduction to Firebase Storage
50. File Upload with Firebase Storage - Implementation Finished and Demo
51. Implementing a File Upload Progress Indicator for Firebase Storage
52. How to Create a Safe Download Url in Firebase Storage
53. Firebase Storage Security Rules
54. Firebase Cloud Functions In Depth
55. Why do We Need Firebase Cloud Functions?
56. How Do Firebase Cloud Functions Work?
57. Firebase Cloud Functions - Hello World
58. Firebase Cloud Functions - Introduction to Database Triggers
59. How To Initialize a Firestore Connection From a Firebase Cloud Function
60. Firebase Cloud Functions Add Document Trigger Implementation
61. How To Minimize the Cold Startup Time Of Firebase Cloud Functions
62. Firebase Cloud Functions - Update Triggers
63. Firebase Cloud Functions - Delete Trigger
64. How to Create an HTTP Endpoint with Firebase Cloud Functions
65. Calling a Firebase Cloud Function REST Endpoint
66. Implementing a Create User REST Endpoint with Firebase Cloud Functions
67. Setting Up an Angular Http Interceptor
68. Securing a Firebase Cloud Function Endpoint using Express Middleware
69. Firebase Cloud Functions Secure REST Endpoint - Final Demo
70. Production Deployment With Firebase Hosting
71. Introduction to Firebase Service Accounts
72. Setting The Claims of the Initial Root Admin Using a Node Script
73. Production Deployment With Firebase Hosting
74. Final Application Test In Production
75. Conclusion
76. Bonus Lecture (Updated November 2024)
77. Conclusions and Key Takeaways

NEW React.js 18 and Firebase 9 project.

Build Realtor (Real estate) clone using React js 18, Firebase 9, Tailwind CSS 3, and React router 6.

The best course to learn React.js, Firebase and Tailwind CSS creating a real estate website. In this brand new course, you are going to learn how to build the realtor clone using ReactJS version 18, Firebase version 9 and tailwind CSS version 3.

Welcome to the project where you'll build and deploy a realtor clone application using the newest version of react, Firebase and tailwind CSS. You'll learn how to develop a professional website and deploy it to the internet so that you can share it with your friends and potential clients or put it on your portfolio. In this brand new project, we going to create an stunning new listing section, custom categories, responsive design, listings cards, rent and sale pages, and most importantly listing pages where you can see the map and image slider. Realtor clone is the best modern fully functional real estate application that you can currently find. By building this single web app, you'll get the knowledge needed to build any website that uses CRUD operations including create, read, update and delete in react using Firebase Firestore database. You are going to learn Firebase auth for complete authentication and learn how to sign up or sign in the users using username and password and Google oAuth. Also, we going to add forgot password functionality using Firebase auth to let the users get the email with the link to change their password.

you'll be able to develop this website using the most in demand technologies today such as react.js, Firebase, tailwind CSS and with just a couple of other dependencies like leaflet and swiper js. We are going to add a map using leaflet packages, and use Google geolocation API to convert addresses to latitude and longitude values. We are going to  learn how to use Swiper.js latest version to add a super amazing image slider. and you will learn how to use react toastify package to create nice and customized notifications. and like all modern websites, you are going to create a beautiful spinner component and use it in all pages requiring loading effects. We are going to learn how create a reusable component such as a listing card that we can use in different parts of the website.

You'll build everything from scratch by watching this course. We're going to start simple and then we're going to move to more complex topics as we go alongside building this application. you'll learn react functional components and their re-usability, react file and folder structure. You are going to learn important react events like onChange and onSubmit event listeners. We are going to learn how to use useEffect and useState react hooks to control the states and fetch data from the Firestore database. Also, you are going to learn how to create routes, use useParams and useNavigate hooks using react router latest version version 6. We are going to work on creating private routes and custom hooks for protecting the important pages like user profile page. You'll achieve mastery using tailwind CSS version 3. and learn how to style the project using Tailwind CSS including how to add custom classes. And finally, we are going to deploy the website to Vercel to be able to share it with others or put it on your portfolio.

You might be wondering what are the prerequisites for building such an amazing website. You just need to know a bit of HTML CSS and JavaScript it would be great.

My name is Sahand, and I have over 15 years of programming experience.

I will be your instructor and answer any questions you may have in the comment section.

1. Introduction
2. 01 - Introduction
3. Installation and first template
4. 02 - Install React js and Tailwind CSS and create the first template
5. 03 - Create pages and routes
6. 04 - Create the header component
7. Authentication using Firebase auth version 9
8. 05 - Create Sign in, Sign up and Forgot password pages and OAuth component
9. 06 - Install firebase and react-toastify and sign up the user
10. 07 - Complete the OAuth functionality
11. 08 - Complete the Sign in functionality
12. 09 - Complete the forgot password page functionality
13. Profile page
14. 10 - Create private route for protecting the profile page and logout functional
15. 11 - Add the edit functionality to the profile page
16. 12 - Complete the header component and make it dynamic
17. 14 - Create the spinner component
18. 15 - Create the create listing page UI
19. Add functionality of onchange and onsubmit functions to the create listing page
20. Add my listings section to the profile page and create the listingItem component
21. 17 - Complete the listingItem component
22. 18 - Add delete and edit functionality to the my listing section
23. 19 - Create EditListing page
24. Listing page
25. 20 - Create listing page and use Swiper to add the image slider
26. 21 - Add share copy functionality
27. 22 - Add the listing information to the listing page
28. 23 - Create the landlord contact component
29. 24 - Add map to the listing page using leaflet and react-leaflet packages
30. Home page
31. 25 - Create slider component and add it to the home page
32. 26Complete home page by adding recent offers, places for rent and place for sale
33. Offers and category pages
34. 27 - Complete the offers page
35. 28 - Create the places for rent and sale pages
36. Deployment
37. 29 - Deploy to Vercel

What you will learn in this course?

In this course, you will learn the fundamentals of Firebase and all of its benefits, and then apply that knowledge to your Android applications.

Specifically, you will be able to create Android Applications that use Firebase Features and learn how to use Firebase's full drop-in Authentication Solution which includes Google Sign-in, Facebook sign-in, Twitter sign in and many more!

You will also become proficient in all core Firebase features such as Cloud Firestore, Cloud Storage, Cloud Messaging to name some. You'll master the art of problem-solving in programming using an efficient, proven method and learn how to write high-quality Kotlin code.

In addition, you will learn detailed aspects of the Firebase Android SDK using the Kotlin programming language and how to write Advanced Android applications.

Although the courses focus is primarily on Kotlin, there is a section dedicated to Java developers.

If you want to become an expert in Android using the Firebase Platform, then this is the course to enroll in.

Throughout the course, you can always contact your instructor Jason Fedin personally to get help when you're stuck. He regularly checks the discussions to help you in every step along the way.

Also, this course will be extended and refined in the future based on student feedback as Jason places a lot of value on the feedback of his students.

Who is the course aimed at?

This is not a beginners course.  It's assumed you have Kotlin and/or Java experience either by taking a course like the  Learn Programming Academy's Kotlin for Java developers or Java Masterclass courses on Udemy, or equivalent courses.

Additionally, because the course is Android focused, it's assumed that you have an understanding of how to build Android applications. Either by taking one of both of the Learn Programming Academy's Kotlin or Java Android courses, here on Udemy, or equivalent.

Students and or commercial developers with knowledge of Kotlin and/or Java and Android who want to learn how to apply Firebase into their applications will get a lot from this course.

Getting started

If you are ready to get started, click on the enroll or Add to Cart button on this page and start taking your Firebase skills with Android to the next level.

1. Introduction
2. Welcome to Class!
3. Class Organization
4. Overview
5. Firebase Features
6. FAQ
7. Installing Android Studio
8. Installation notes - please read
9. Windows - Install Android Studio
10. Mac - Install Android Studio
11. Linux - Install Android Studio
12. Configure Android SDK on all Three Platforms
13. Android Studio Settings
14. Enable VT-X in BIOS (Optional for Windows users)
15. Getting Started with Firebase
16. Adding Firebase to Your App (Manually)
17. Adding Firebase to Your App (Firebase Assistant)
18. Firebase Projects
19. Configuring Multiple Projects
20. Firebase IAM (Identity Access Managment)
21. Authentication (Java)
22. Overview
23. Using FirebaseUI for Authentication (Email/Password)
24. Using FIrebaseUI for Authentication (Email Link and No Password)
25. Email and Password Authentication using the SDK
26. (Challenge) Adding Email/Password Authentication to the Appointment Reminder app
27. (Demonstration) Adding Email/Password Authentication to the Appointment Reminder
28. Managing Firebase Users
29. Email Link Authentication using the SDK
30. Signing in with Google
31. (Challenge) Adding Google Authentication to the Appointment Reminder app
32. (Demonstration) Adding Google Authentication to the Appointment Reminder app
33. Signing in with Facebook
34. Signing in with Twitter
35. Signing in with Microsoft
36. Signing in Using a Phone Number
37. (Challenge) Adding Other Authentication Methods to the Appointment Reminder App
38. Authentication (Kotlin)
39. Using FirebaseUI for Authentication (Email/Password)
40. Using FIrebaseUI for Authentication (Email Link and No Password)
41. Email and Password Authentication using the SDK
42. Firebase Common Kotlin Extensions
43. (Challenge) Adding Email/Password Authentication to the Appointment Reminder App
44. (Demonstration) Adding Email/Password Authentication to the Appointment Reminder
45. Managing Firebase Users
46. Email Link Authentication Using the SDK
47. Signing in with Google
48. (Challenge) Adding Google Authentication to the Appointment Reminder App
49. (Demonstration) Adding Google Authentication to the Appointment Reminder App
50. Signing in with Facebook
51. Signing in with Twitter
52. Signing in with Microsoft
53. Signing in Using a Phone Number
54. (Challenge) Adding Other Authentication Methods to the Appointment Reminder App
55. Realtime Database
56. Overview
57. Setup and Configuration
58. Data Organization
59. Reading and Writing
60. Updating and Deleting
61. Working with Lists
62. (Challenge) Employee Database
63. (Demonstration) Employee Database
64. Cloud Firestore
65. Overview
66. Setup and Configuration
67. Firestore vs. Realtime Database
68. Data Organization
69. Firestore Kotlin Extensions
70. Reading and Writing
71. Updating and Deleting
72. Queries, Sorting, and Filtering
73. (Challenge) Employee Database
74. (Demonstration) Employee Database
75. Cloud Storage
76. Overview
77. Setup and Configuration
78. Creating a Reference
79. Uploading Files
80. Downloading Files
81. File Metadata and Deleting Files
82. (Challenge) Upload/Download App
83. (Demonstration) Upload/Download App
84. Cloud Functions
85. Overview
86. Creating and Deploying a Cloud Function
87. Invoking a Cloud Function from Your App
88. (Challenge) Cloud Functions
89. Crashlytics
90. Overview
91. Setup and Configuration
92. Crash Reports
93. (Challenge) Forcing a Crash
94. Cloud Messaging
95. Overview
96. Messages
97. Sending a Notification Message
98. Sending a Message to Multiple Devices
99. Receiving Messages
100. (Challenge) Cloud Messaging
101. Setting up your App Server
102. Sending Messages from your App Server
103. In-App Messaging
104. Overview
105. Setup and Configuration
106. Message Behavior and Customization
107. (Challenge) In-App Messaging
108. Dynamic Links
109. Overview
110. Creating Dynamic Links
111. Receiving Dynamic Links
112. (Challenge) Dynamic Links
113. AdMob with Firebase
114. Overview
115. Setup and Configuration
116. Creating a Banner Ad
117. Creating an Interstitial Ad
118. (Challenge) AdMob
119. Analytics
120. Overview
121. Setup and Configuration
122. The Analytics Console
123. Debugging Events
124. Logging Events and Setting User Properties
125. Tracking Screens
126. Extending with Cloud Functions
127. (Challenge) Analytics
128. Final Project
129. Overview
130. Adding Authentication
131. (Demonstration) Adding Authentication
132. (Challenge) Implementing the Choose Player Screen
133. (Demonstration) Implementing the Choose Player Screen
134. (Challenge) Implementing the Game Screen
135. (Demonstration) Implementing the Game Screen
136. Additional Challenges
137. Conclusion
138. Course Summary
139. Extra Information - Source code, and other stuff
140. Source Code
141. Bonus Lecture and Information

Hello Students

Welcome to Python Firebase with Firebase Admin SDK course, there are different topics and sections in this course.

What is Python ?

Python is an interpreted high-level general-purpose programming language. Its design philosophy emphasizes code readability with its use of significant indentation. Its language constructs as well as its object-oriented approach aim to help programmers write clear, logical code for small and large-scale projects.

What is Firebase ?

Firebase is a platform developed by Google for creating mobile and web applications. It was originally an independent company founded in 2011. In 2014, Google acquired the platform and it is now their flagship offering for app development.

What is Firebase Admin SDK ?

The Admin SDK is a set of server libraries that lets you interact with Firebase from privileged environments to perform actions like:

• Read and write Realtime Database data with full admin privileges.

• Programmatically send Firebase Cloud Messaging messages using a simple, alternative approach to the Firebase Cloud Messaging server protocols.

• Generate and verify Firebase auth tokens.

• Access Google Cloud resources like Cloud Storage buckets and Cloud Firestore databases associated with your Firebase projects.

• Create your own simplified admin console to do things like look up user data or change a user's email address for authentication.

Firebase Admin SDK supports different programming languages like Java, C#, NodeJS, C++ and Python, in this course we are interested in

integrating Firebase Admin SDK with Python Programming Language.

Course Structure

This course is divided in to different sections.

1: In the first section we are going to learn that how we can create a Project in Firebase, how we can generate private key for our service account, and how we can initialize Firebase Admin SDK in Python Programming Language.

2: In the second section we are going to learn about Firebase Authentication,  so Firebase Authentication provides backend services, easy-to-use SDKs, and ready-made UI libraries to authenticate users to your app. It supports authentication using passwords,  phone numbers, popular federated identity providers like Google,  Facebook and Twitter, and more, in this course we are interested in creating users with email and password.

3. In the third section we are going to learn about Firebase Realtime Database, now the The Firebase Realtime Database lets you build rich, collaborative applications by allowing secure access to the database directly from client-side code. Data is persisted locally, and even while offline, realtime events continue to fire, giving the end user a responsive experience.

4. In the fourth part we want to talk about Firebase Cloud Firestore with Python, the Cloud Firestore is a cloud-hosted, NoSQL database that your Apple,  Android, and web apps can access directly via native SDKs. Cloud Firestore  is also available in native Node.js, Java, Python, Unity, C++ and Go SDKs, in addition to REST and RPC APIs.

5. In the fifth part we are going to learn about Firebase Cloud Storage, the Cloud Storage for Firebase lets you upload and share user generated content, such as images and video, which allows you to build rich media content into your apps. Your data is stored in a Google Cloud Storage.

6. In the sixth part we are going to learn that how we can work with Pyrebase4, it is a wrapper library around firebase admin sdk.

1. Course Introduction
2. Course Introduction
3. Course Requirements
4. Firebase Configuration with Python
5. Section Introduction
6. Firebase Introduction & Creating Project
7. Firebase Admin SDK Installation
8. Creating Service Account Key
9. Initializing Firebase Admin SDK in Python
10. Firebase Authentication with Python
11. Section Introduction
12. Creating User with Email & Password in Firebase with Python
13. Firebase Authentication - Getting all users
14. Firebase Authentication - User Status
15. Firebase Authentication - Email Verification
16. Firebase Realtime Database with Python
17. Section Introduction
18. Firebase Realtime Database Introduction
19. Inserting Data to Firebase Realtime Database
20. Updating Data in Firebase Realtime Database
21. Getting the Data From Firebase Realtime Database
22. More on Firebase Real Time Database with Python
23. Querying Data from Firebase Realtime Database with Python
24. Sorting and Filtering with Firebase Real Time Database
25. Working with Nested Data in Firebase Real Time Database
26. Firebase Real Time Database Batch Operation
27. Firebase Cloud Firestore with Python
28. Section Introduction
29. Firebase Cloud Firestore Introduction
30. Inserting Data to Firebase Cloud Firestore with Python
31. Getting the Data from Firebase Cloud Firestore with Python
32. Query in Firebase Cloud Firestore
33. More on Firebase Cloud Firestore with Python
34. Real Time Updates with Python & Cloud Firestore
35. Advanced Query with Firebase Cloud Firestore
36. Update Data in Cloud Firestore with Python
37. Delete Document from Cloud Firestore with Python
38. Firebase Cloud Storage with Python
39. Section Introduction
40. Firebase Cloud Storage Introduction
41. Firebase Cloud Storage Adding Image with Python
42. More on Firebase Cloud Storage with Python
43. Uploading File to Cloud Storage
44. Uploading & Downloading Videos from Cloud Storage
45. Add Metadata to Cloud Storage
46. Working with Pyrebase4
47. Section Introduction
48. Pyrebase Introduction & Installation
49. Pyrebase4 Authentication
50. Pyrebase4 Realtime Database
51. Pyrebase4 Cloud Storage

Any IT professional or hobbyist anticipating a solid understanding of how Firebase works in JavaScript web and mobile applications and desires an understanding of Firebase's suite of features (including its real-time database, user authentication options, Cloud Function serverless back-end integration, and Cloud Messaging features) needs to go through this course to leverage Firebase in new or existing web projects.  Anyone desiring to learn how Firebase solutions are designed, configured, and developed needs the knowldege and practice presented in this course.  This not only includes web, mobile, and service application developers, but also architects, UI designers, testers, and administrators. This course provides a solid understanding of how to get Firebase for JavaScript projects up and running.

1. Starting with Firebase
2. Introduction
3. Firebase Defined
4. Firebase and GCP
5. A Mobile Solution
6. Firebase for JavaScript
7. Firebase Features
8. Introduction
9. Authentication
10. Realtime Database
11. Cloud Functions
12. Cloud Messaging
13. A Firebase Project
14. Introduction
15. Google Authentication
16. Database Integration
17. Trollbox Implementation
18. Cloud Functions Translator
19. Additional Features
20. Introduction
21. Additional Database Operations
22. Firebase Hosting
23. User Managed Administration
24. Wrap up