HomeCoursesA Complete Guide to Firebase on the Web

4.8

Intermediate

6h 45min

A Complete Guide to Firebase on the Web

Explore Firebase's unified development platform; gain insights into authentication, Firestore, Cloud Functions, and deployment with CLI. Delve into hands-on web application creation and comprehensive tools.

Join 2.7 million developers at

Overview

Content

Reviews

Firebase is a unified application development platform to create, deploy, and monitor web and mobile experiences. It unites common product functions in a single platform, freeing engineers to create functionality and user experience rather than having to create the infrastructure. This course is a comprehensive introduction to the Firebase 9 SDK through hands-on development of a web application. You’ll start with basic concepts and functions like authentication, database, and Cloud Storage with Firestore. You’ll then learn Cloud Functions for Firebase, environment variables, Security Rules, and hosting capabilities before deploying an application using the command line interface (CLI). At each step, you’ll get hands-on exercises to modify the code, see real-time output in your browser, and finish with an assessment. By the end of this course, you’ll have all the tools you need to build and deploy a web application with the Firebase 9 SDK—the latest version of Firebase.

Firebase is a unified application development platform to create, deploy, and monitor web and mobile experiences. It unites comm...Show More

WHAT YOU'LL LEARN

Familiarity with the Firebase 9 SDK, Google’s application development platform, and its production support functions

The ability to authenticate and monitor users, secure your application using Security Rules, and manage a database using Firebase

A deep understanding of hosting, storage with Cloud Firestore, and Cloud Functions for Firebase

A working knowledge of the Firebase Emulator Suite to build and test applications

Hands-on experience with creating a full-featured web application in Firebase

Familiarity with the Firebase 9 SDK, Google’s application development platform, and its production support functions

TAKEAWAY SKILLS

Firebase

Authentication

Database

Content

46 Lessons5 Quizzes1 Assessment

Introduction

1 Lessons

Get familiar with creating full-stack applications using Firebase's robust back-end solutions.

About This Course

Get Started with Firebase

2 Lessons

Look at Firebase's cloud services for backend needs and integrate it seamlessly into your project.

What is Firebase?

Add Firebase to Our Project

Firebase Authentication

10 Lessons

Examine Firebase Authentication for secure user identification, including methods, management, and practical implementation.

Introduction to Firebase Authentication

Email and Password Authentication

Federated Identity Authentication Providers

Handling User Signout

Track and Handle Authentication Status

Manage Users in Firebase

Update User Information

Persistence in Firebase

Delete and Re-authenticate a User

Quiz on Firebase Authentication

The Firebase Realtime Database

5 Lessons

Apply your skills to manage and optimize data using Firebase Realtime Database effectively.

Introduction to the Firebase Realtime Database

Read, Write, and Delete Data from the Realtime Database

Sort, Filter, and Order Realtime Database Queries

Import and Export JSON

Quiz: Realtime Database

Cloud Firestore

6 Lessons

Map out the steps for using Cloud Firestore's database, structure, CRUD operations, and querying functions.

Introduction to Cloud Firestore

Understanding the Cloud Firestore Structure

Write, Update, and Delete data from Cloud Firestore

Read data from Cloud Firestore

Sort, Filter, and Order Firestore Queries

Quiz: Cloud Firestore

Cloud Storage for Firebase

4 Lessons

Tackle Cloud Storage setup, file upload, download, and deletion using Firebase's SDK tools.

Introduction to Cloud Storage

Uploading Files to Storage

Download Files from Storage

Delete Files from Storage

The Firebase CLI

2 Lessons

Master the steps to use the Firebase CLI for project management and deployments.

Introduction to the Firebase CLI

Common Firebase CLI Commands

Cloud Functions

6 Lessons

Learn how to use Cloud Functions for automated code execution, direct triggers, and app integration.

Introduction to Cloud Functions

Get Started With Cloud Functions

Trigger Functions Directly

Call Functions From an Application

Background Trigger Functions

Quiz: Cloud Functions

Environment Variables in Firebase

2 Lessons

Get started with configuring environment variables using file-based and Firebase CLI methods.

File-based Environment Configuration in Firebase

Environment Configuration with the Firebase CLI

10.

Firebase Security Rules

3 Lessons

Break apart how Firebase Security Rules protect data access and enforce permissions.

Realtime Database Security Rules

Cloud Firestore and Cloud Storage Security Rules

Quiz: Firebase Security Rules

11.

Firebase Hosting

2 Lessons

Break down the steps to deploying web content with Firebase Hosting efficiently.

Introduction to Firebase Hosting

Deploying to Firebase Hosting

Firebase Assessment

Assessment

12.

Conclusion

1 Lessons

Take a look at advanced Firebase features, community resources, and future learning opportunities.

Summary and What's Next

13.

Appendix

2 Lessons

Follow the process of setting up, connecting, and using the Firebase Emulator Suite locally.

Introduction to the Firebase Emulator Suite

Connect Your Application to the Emulator Suite

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:

Dera Okeke

Developed by MAANG Engineers

Every Educative resource is designed by our team of ex-MAANG software engineers and PhD computer science educators — subject matter experts who’ve shipped production code at scale and taught the theory behind it. The goal is to get you hands-on with the skills you need to stay ahead in today's constantly evolving tech landscape. No videos, no fluff — just interactive, project-based learning with personalized feedback that adapts to your goals and experience.

Trusted by 2.7 million developers working at companies

"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks"

Anthony Walker

@_webarchitect_

"Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!"

Evan Dunbar

ML Engineer

"You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it."

Software Developer

Carlos Matias La Borde

"I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site"

Souvik Kundu

Front-end Developer

"Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content."

Vinay Krishnaiah

Software Developer

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Personalized Interview Prep

Skip the LeetCode grind with a custom roadmap that adapts to your goals. Hands-on practice for Coding Interviews, System Design, and more.

Mock Interviews

Test your skills in a simulated interview setting. Receive personalized feedback based on your performance. Available for Coding Interviews, System Design, and more.

AI Prompt

Build prompt engineering skills. Practice implementing AI-informed solutions.

Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

Explain with AI

Select any text within any Educative course, and get an instant explanation — without ever leaving your browser.

AI Code Mentor

AI Code Mentor helps you quickly identify errors in your code, learn from your mistakes, and nudge you in the right direction — just like a 1:1 tutor!

Free Resources

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath