Firebase

Why learn Firebase ❓ #

  • Firebase is a popular mobile and web development platform by Google that offers a range of tools and services to help developers build high-quality and scalable applications quickly and easily.
  • By learning Firebase, developers can leverage its powerful features such as real-time database, authentication, hosting, cloud functions, and more to build robust applications with minimal coding effort.
  • Firebase also integrates seamlessly with other popular development frameworks such as Flutter, React, Angular and Vue making it an ideal choice for modern web and mobile app development.

🎓 Take Away Skills #

After completing this learning path you will be knowledgeable in:

  • Create a real-time database using Firebase
  • Authenticate users with Firebase
  • Use Firebase storage for uploading and downloading files
  • Deploy an application using Firebase hosting

🛠️ Prerequisites #

🧑🏻‍💻 Programming Knowledge #

  • Firebase supports multiple programming languages including Dart, JavaScript, Java, Objective-C, Swift, and Kotlin. You should have a solid understanding of at least one of these programming languages.
  • A basic understanding of database concepts such as data modeling, querying, and indexing.
  • For web development services you should have a good understanding of web development concepts such as HTML, CSS, and JavaScript.
  • For mobile app development services you should have a basic understanding development frameworks such as React Native or Flutter.

📲 Installation and Setup #

  • You need a browser to follow along this learning path. You can choose browser of your choice. The preferred ones are listed below:

    • Google Chrome A browser by Google based on the open source Chromium web browser project with developer tools. Install Google Chrome

  • Create a Firebase account: Go to the Firebase website and create an account. If you already have a Google account, you can use that to sign in.

  • Create a new Firebase project: Once you’ve signed in, create a new Firebase project by clicking on the “Create Project” button. Follow the prompts to set up your project.

  • Add Firebase to your app: Depending on the platform you’re developing for (web, Android, iOS), you’ll need to add the Firebase SDK to your app. You can follow the instructions provided by Firebase to add the SDK to your app. iOS, Android, Web and Flutter

  • Set up Firebase services: Firebase offers a range of services such as authentication, database, storage, and more. To use these services, you’ll need to set them up in your Firebase project. Follow the prompts in the Firebase console to set up the services you need.

  • Test your app: Once you’ve set up Firebase and added the SDK to your app, you can test your app to make sure everything is working as expected. Firebase provides tools and documentation to help you test your app and troubleshoot any issues.

  • Alternatively, you can use the Firebase Command Line Interface (CLI) Tools that can be used to test, manage and deploy your Firebase project from the command line. Deploy code and assets to your Firebase projects. Run a local web server for your Firebase Hosting site. Interact with data in your Firebase database. Firebase CLI reference

💡 Learning Session #

I. Getting Started with Firebase #

🎓 Topics to Learn

- Firebase and its features
- Creating a Firebase project
- Setting up Firebase SDKs for different platforms

🧑🏻‍💻 Learn from

📽️ Videos

📄 Articles/Blogs

🛠️ Get into action

A project you can build to implement the concepts you have learned above:

  • Create a Firebase project and integrate Firebase SDK into a mobile or web application

II. Firebase Realtime Database #

🎓 Topics to Learn

- Introduction to Firebase Realtime Database
- Structuring your database
- Reading and writing data
- Security rules

🧑🏻‍💻 Learn from

📽️ Videos

📄 Articles/Blogs

🛠️ Get into action

A project you can build to implement the concepts you have learned above:

  • Create a simple to-do list application that uses Firebase Realtime Database to store data.

III. Firebase Authentication #

🎓 Topics to Learn

- Introduction to Authentication
- Creating users
- Log in & Sign up using email & password
- Login services from Google, Facebook and others
- Accessing user data

🧑🏻‍💻 Learn from

📽️ Videos

📄 Articles/Blogs

🛠️ Get into action

A project you can build to implement the concepts you have learned above:

  • Implement Firebase Authentication in your to-do list application

IV. Cloud Storage for Firebase #

🎓 Topics to Learn

- Storage API
- Uploading files
- Downloading files
- Security rules

🧑🏻‍💻 Learn from

📽️ Videos

📄 Articles/Blogs

🛠️ Get into action

A project you can build to implement the concepts you have learned above:

  • Modify your to-do list application to allow users to upload and download files.

V. Firebase Hosting #

🎓 Topics to Learn

- Introduction to Firebase Hosting
- Deploying your application
- Custom domains
- SSL certificates

🧑🏻‍💻 Learn from

📽️ Videos

📄 Articles/Blogs

🛠️ Get into action

A project you can build to implement the concepts you have learned above:

  • Deploy your to-do list application using Firebase Hosting.

🔖 Resource Pool #

You can checkout these additional resources to learn more about Firebase

📄 Articles/Blogs #

📽️ Videos #

📚 Books #

🗞️ Newsletters #

🫂 Communities #

🚀 Project Pool #

Here are few project ideas you can try out, these are just an inspiration to get started. Try to learn and build ideas that come to your mind.

  • Create a Real-time chat application built with Firebase. (link)
  • Develop a Blog application built with Firebase. (link)
  • Build a To-Do app using React and Firebase (link)

Created with 💙 by Aswin Sivasankaran & TinkerHub