DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป

DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป is a community of 963,673 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for What is Firebase๐Ÿ”ฅ and why should you learn it?
Kushal sharma
Kushal sharma

Posted on • Updated on

What is Firebase๐Ÿ”ฅ and why should you learn it?

Hi, how are you, so you are here to learn about the Firebase that's good. you are on the right path because cloud services are the feature of the Web and mobile applications. So let's get started.

What is Firebase ?

Alt Text

Firebase is a mobile and web application development platform developed by Firebase, Inc. in 2011, then acquired by Google in 2014. As of October 2018, the Firebase platform has 18 products, which are used by 1.5 million apps. (as defined by Wikipedia ).

Firebase is a Backend-as-a-Service (Baas). It provides developers with a variety of tools and services that helps the developer to make web apps, mobile apps, or games regardless of server-side coding, API, or backend data storage. All the backed related stuff is managed by the Google cloud infrastructure. Firebase has some methods to connect with these services and you have to use them to make beautiful apps and websites.

In short, Firebase is a platform that allows you to build web and mobile applications without a server-side programming language.

Alt Text
I am going to start a Firebase series in the dev.to and if you are interested in learning Firebase then leave me a comment so I can know how many are interested in these series. In this first blog, we going to know the products offered by the Firebase and setup our first firebase app.

Some firebase Basic Products and their Usage area

Authentication โ€” user login and identity
Realtime Database โ€” real time, cloud hosted, NoSQL database
Cloud Firestore โ€” realtime, cloud hosted, NoSQL database
Cloud Storage โ€” massively scalable file storage
Cloud Functions โ€” โ€œserverlessโ€, event driven backend
Firebase Hosting โ€” global web hosting
ML Kit โ€”SDK for common ML tasks
Analytics โ€” understand your users, and how they use your app
Predictions โ€” apply machine learning to analytics to predict user behavior
Cloud Messaging โ€” send messages and notifications to users
Remote Config โ€” customize your app without deploying a new version; monitor the changes
A/B Testing โ€” run marketing and usability experiments to see what works best
Dynamic Links โ€” enable native app conversions, user sharing, and marketing campaigns
App Indexing โ€” re-engage users with Google Search integration
In-App Messaging โ€” engage your active users with targeted messages

so lets set up our first app

Go to https://firebase.google.com/ and log in using your Google account.

When you login sees on the top right sight of your screen you will see an option Go to Console, click on that.
Alt Text
now you will be redirected to the home page of the firebase. Which would look like the below screen.
Alt Text

This screen shows your existing project and on the left side, there is + icon to create a new firebase project. Click on the + icon Now you get the following screen

Alt Text

Enter the project name of your choice, just see the below of your project name learning-firebase-f398e8 that was your unique google cloud project id. whenever you create a firebase project. It automatically creates the google cloud project. Enter your firebase app name and press the continue button.

Alt Text

now you got Some user analytics tools you want to enable or disabled. this toll helps to analytics the user of your website or app to check how the visitors are engaging and to the A/B Testing and other analytics tools. for the initial project just disabled it and the press creates a project.
Alt Text

it will take some time to create the project once it finished you will see the following screen.

Alt Text

Congratulations you have set up your first firebase project and are ready to learn the firebase which was on-demand in the current It sector to make the serverless app.

I hope that you like the very first introduction tutorial blog for the firebase. If you like this one then please leave a comment and follow me to get notified when I posted the next part of this Firebase series.

To keep up with everything Iโ€™m doing, follow me on Twitter. ==> Kushal Sharma

Top comments (38)

Collapse
 
makingthings profile image
James Grubb

Great topic. Iโ€™m interested in incorporating real-time functionality within a JAMstack setup. Eg a front end that is populated by content from a headless CMS but also contains elements such as a โ€˜likeโ€™ button that dynamically increases the โ€˜number of likeโ€™ counter.

Collapse
 
giorgosk profile image
Giorgos Kontopoulos ๐Ÿ‘€

Nice write up ... Would be nice to see how you work with each of the services.

Collapse
 
sharmakushal profile image
Kushal sharma Author

sure, I will write about the firebase services also

Collapse
 
tareq12345 profile image
tareq12345

write more

Collapse
 
sharmakushal profile image
Kushal sharma Author

Sure , I will write about firebase services and it's usage area

Collapse
 
sm0ke profile image
Info Comment hidden by post author - thread only accessible via permalink
Sm0ke

Nice. Thanks for writing.

Collapse
 
sharmakushal profile image
Kushal sharma Author

thanks

Collapse
 
sm0ke profile image
Sm0ke

Yw, can we talk in private? Thanks

Collapse
 
ben profile image
Ben Halpern

Nice post

Collapse
 
sharmakushal profile image
Kushal sharma Author

thanks, your words meant a lot for me

Collapse
 
ben profile image
Ben Halpern

Keep up the great stuff

Collapse
 
mocheaz profile image
Moche Azoulay

Nice post. Waiting for more...

Collapse
 
sharmakushal profile image
Kushal sharma Author

thanks, sure I will write more about firebase

Collapse
 
prakh_r profile image
Prakhar Yadav

Looking forward to this tutorial ๐Ÿ‘

Collapse
 
sharmakushal profile image
Kushal sharma Author

sure, I will more about this

Collapse
 
siiruz profile image
siiruz

Very nice topic we are waiting the next step

Collapse
 
rafed123 profile image
Rafed Muhammad Yasir

Want

Collapse
 
sharmakushal profile image
Kushal sharma Author

thanks, Rafed

Collapse
 
ahmedadel563 profile image
DO Bamin

Okay I am in

Collapse
 
ahmedbutt7121991 profile image
Ahmed Butt

Nice intro. Looking forward to learn more about it.

Collapse
 
sharmakushal profile image
Kushal sharma Author

Thanks

Collapse
 
morozovcookie profile image
Morozov Konstantin

Hello! Great topic, thanks! You are definitely should write about each services - it will be useful for everyone. But I think you should write about specific cases for using Firebase.

Collapse
 
rogcomfox profile image
Joe G

Nice post, looking forward for this firebase intro ๐Ÿ˜ƒ

Collapse
 
juandelossantos profile image
David Emilio Sierra Puentes

Thanks Kushal. I'm ready to keep learning!!

Collapse
 
jfosela81 profile image
Jorge

Yes! You have another follower!! Looking forward to reading next chapters! Thanks a lot!

Collapse
 
sharmakushal profile image
Kushal sharma Author

thanks, Jorge

Some comments have been hidden by the post's author - find out more

Classic DEV Post:

caching

Web Caching Explained by Buying Milk at the Supermarket