Firebase - Full Course for Beginners

Firebase is a platform developed by Google for creating mobile and web applications. Learn how to use Firebase 9 in this full course for beginners. Plus, learn how to integrate Firebase with different JavaScript Frameworks.
✏️ Cybernatico developed this course. Check out their channel: / cybernaticobynishant
💻 Code: github.com/nis...
🔗 Firebase Documentation: firebase.googl...
⌨️ How to Setup Firebase and connect to a front-end application
⌨️ Firebase Authentication with different methods
⌨️ Firebase CRUD Operations, i.e. Add Data, Read Data, Update Data, and Delete Data
⌨️ Firebase Storage to store files
⌨️ Firebase Firestore Queries to filter data
⌨️ Firebase Real time listener in Firestore Database
⌨️ Firebase Hosting
⌨️ Firebase with Different JavaScript Frameworks
0:00 - Introduction
1:02 - Authentication
13:24 - Firestore Database
27:24 - Firebase Storage
38:10 - Firebase Realtime Updates
41:10 - Firebase Firestore Queries
44:48 - Firebase Hosting
47:39 - Firebase Security Rules
52:46 - Firebase onAuthStateChanged
56:23 - Firebase with Vanilla JavaScript
1:24:35 - Firebase with Angular 13
1:56:28 - Firebase with React
2:29:50 - Firebase with Next JS
🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster
--
Learn to code for free and get a developer job: www.freecodeca...
Read hundreds of articles on programming: freecodecamp.o...

[@CybernaticoByNishant]

Thank you freeCodeCamp for featuring my course! 🙏🙏

[@witherin-_-3712]

i didnt know this emoji was used outside india lol.

[@witherin-_-3712]

wait you are indian.

[@CybernaticoByNishant]

Yeah. I am. 😌

[@geekyprogrammer4831]

Please improve your accent. It is really bad. I must admire your confidence and courage for uploading hours of videos with that accent!

[@witherin-_-3712]

@@geekyprogrammer4831 hey that's not so polite

[@CTILET]

Just 1 thing i like more than study programming - is to study programing in English with indian accent.

[@johncena-qr4yg]

There always an indian in every tutorials 😂👍

[@sanjarproductions]

I will write 1000 lineas of code kzbin.info/www/bejne/oZbOlZ6OaJWqi6c

[@rehkmansa]

As an engineering grad I’m dead with laughter 😂😂😂😂

[@apurvakumardani172]

Indian accent provides clarity. Yeah and you guys are proving that you don't have good teachers to teach you guys, you depend on Indians.

[@mr.ajayjose]

@@apurvakumardani172 Stop being so offended dude. Narrator has an accent thick as a curry which is a fact. Before you call me racist, I am an Indian too and I would have said the same thing.

[@tomamore3]

I'm 12 minutes in and it seems like the instructor is learning for the first time.

[@xii.ae.88]

yes

[@Shravankumar_888]

indian MTF just reading a script

[@et4493]

He's so ass

[@sjjvddyumiherhv3709]

true , first time not liking a freecodecamp tutorial

[@navinkumarsahu1159]

​@@Shravankumar_888 Hey beggar if you don't like the video just get the hell out of here Anyway you're using product of Indian CEO just get out from KZbin

[@Techyguy609]

Some people really complaining about the way he speaks rather than the content it self , Why the hell you guys are here for to learn or for a singing concert ? His words are clear and much understandable and the process of slow but depth with each step tutorial is good for anyone learing it for the first time.

[@agny369]

ive been struggling with react and firebase for months for this freelancing internship Ive been doing, this video was so clutch and so current, thank you

[@hassantariq8857]

can you tell me about this internship? I Really need the job experience

[@navinkumarsahu1159]

@agny369 can you help me out getting internship

[@Alex-bc3xe]

Just crazy how this channel gives everybody free content.

[@sanjarproductions]

I will write 1000 lineas of code kzbin.info/www/bejne/oZbOlZ6OaJWqi6c

[@Jay_in_Japan]

Thank God there's subtitles! Great tutorial

[@fatimanura6359]

his accent is so thick indian, it's hard to get anything he says

[@sennlich]

can't understand this slang.. I#m german and can understand english. But this for me is very hard. is it indish ??

[@Omar_Al_Seddik]

Yeah. He has a pretty strong Indian accent. Just turn on the English subtitles.

[@iampankajmaurya]

Learn from net ninja

[@a-rustacean]

I was just started to learn firebase, thanks for this tutorial.

[@sumitbanwakade9750]

Me also

[@sanjarproductions]

I will write 1000 lineas of code kzbin.info/www/bejne/oZbOlZ6OaJWqi6c

[@restonspositifs3336]

That is not a course for beginners. You started with a project that you haven't let the source course. And for a beginner, how he can init his project ?

[@falytom]

Not a good tutorial & NOT FOR BEGINNERS!. Instructor does not know how to teach or explain. Unless you have prior knowledge working with Firebase and can quickly catch up, you will get lost. Too fast also and not too audible.

[@reactstack257]

Thank youuuuuuuuuuuuuuuu so much for the start with Firebase. Is there a plan to make an advanced firebase course includes : users in a project , rules for a specific users, use functions in roles and code , hide projected_ID from hacking , use backend such as express/node to hide some sensitive auth data.

[@Yash-fz7kw]

When I just started learning firebase, you uploaded this course. Thanks

[@sanjarproductions]

I will write 1000 lineas of code kzbin.info/www/bejne/oZbOlZ6OaJWqi6c

[@shlepeekeg1412]

Let's make his logo on r/place somewhere because of the great work these guys do and help inspire more people to take up coding and other technology spaces

[@SachinKonduru-vo9uf]

Why is it that firebase doesn't send alerts or push notifications to the emails I have added in the console? #troubleshoot

[@LeePenkman]

one thing that got me was setting keys to empty values e.g. to {} actually deletes them, not just that but deletes all the parent keys if theres no data all the way up.., so have to keep some data present for a key like a name or something if you want it to be created

[@fredricmadrona3759]

Thank you for this wonderful tutorial, I have started learning firebase for a week now but I have one problem. I can't connect with my real time database even though my config was right. I have tried to copy tutorial vids but the result is the same, what do you think guys may be the problem?

[@raghavgupta4032]

Not sure , But security rules can be one of the reason. Please Check the security policy to allow read,write

[@shahzplays2946]

Check the security rules, also if you could post a link to github repo.

[@pradyumncs]

Thank You . your firebase storage with URL was spot on perfect for me Amazing

[@voiceofvaishhhh]

"why im repeating Firestore everytime i speak" BHAHAHAHAHAAH realest thing ever xD Lovedd this tutorial but the fact that that wasn't edited out made me press the like button imdtly! So cute

[@abdulsalamansari4312]

00:00 - 00:15 >> Firebase tutorial intro 00:16 >> Fluffy enters

[@astiksharma5971]

😂😂

[@pratikdevle5830]

This is great tutorial for beginners 👍

[@gojovoiceover]

seriously amazing thing, I always love Indian accent very much

[@varshinishankar2792]

at 4.16 , for me authorized domain isn't showing up.. help me

[@583_prasanthkumarpamula6]

Error:Expected type 'Ta',but it was a custom Aa object. I'm getting this error while getting data with addDoc please show me solution

[@shwetaprasad3235]

So much helpful, thank you for this one! ✨

[@sanjarproductions]

I will write 1000 lineas of code kzbin.info/www/bejne/oZbOlZ6OaJWqi6c

[@cloudylo681]

Where did he get the initial code for login email and password

[@Yusuf-sh4me]

Was waiting for this for one weeek🥺🥺🥺

[@sanjarproductions]

I will write 1000 lineas of code kzbin.info/www/bejne/oZbOlZ6OaJWqi6c

[@thegamezoner2026]

your voice is like rohit in krish movie , jokes apart great course

[@RitikRaj-zk1qd]

Video is very good Really helpful but I don't know it only with or other guys also facing this video blur issue

[@MohdSalman-sq8zz]

koi mera doubt solve kar do...........! kya ham mern stack project firebase par deploy nahi kar sakte, mera matlab backend ka code maine nodeJS me likha hai or database MongoDB use kiya to kya firebase par deploy karne ke liye firebase ka database "firestroe" hi use kiya jata hai ya MongoDB database ke sath b full stack app deploy ho jaygi without using there all firebase authentication feature and firebase databse ? Please help me

[@jdhshs12]

Amazing course guys!! Thank you!!

[@sanjarproductions]

I will write 1000 lineas of code kzbin.info/www/bejne/oZbOlZ6OaJWqi6c

[@user-tagrag90]

security rules 47:47 thank you 😊

[@TechTrendSpectrum]

before watching this video, I want to ask that is Email Verification described in this video? I want to do User Verification, my frameworks are Node js and for backend Firebase. Would anyone like to help me, please?

[@proflead]

Great course!

[@sumersinghrana8868]

Thanks for this video I recently searched this topic and found your video

[@sanjarproductions]

I will write 1000 lineas of code kzbin.info/www/bejne/oZbOlZ6OaJWqi6c

[@nishvishv]

Much awaited. Thanks a lot 😍

[@geekyprogrammer4831]

The accent ruins it . . . .

[@sanjarproductions]

I will write 1000 lineas of code kzbin.info/www/bejne/oZbOlZ6OaJWqi6c

[@teetanrobotics5363]

thanks for the video. Please include timestamps as well

[@sanjarproductions]

I will write 1000 lineas of code kzbin.info/www/bejne/oZbOlZ6OaJWqi6c

[@stevesmith0624]

Great course! only the instructor should explain a little more clearly and slower

[@sampadadhikary3901]

is there anything such as firebase with Django really need it

[@rickytm]

Thanks!!!! Is is possible a full course for Supabase? Greetings from MX

[@cosmic_snot]

impossible to listen

[@muthu1046]

Thanks!

[@EasyGTheTechGuy]

Pls I'm confused. Should I learn this firebase stuff. Is it really that helpful. Someone pls give me the pros and cons of BaaS

[@spacepacehut3265]

First of all Israel is not a legitimate State

[@bipashreearyal5268]

Krishna Mehera teaching Firebase less gooo

[@benjaminpai1139]

Where do I get the App.js file?

[@SachinKonduru-vo9uf]

any idea on how to integrate passkeys ?

[@neonwolf07]

This guy is indian I can feel it

[@dorothyarnoldg5137]

free code camp is blessing for us

[@Anonymous-pf4cr]

how to use firebase for production

[@cientifica9150]

Is there a course for intermediate?

[@youssefabdulaziz2133]

Why Angular, React and even Next but not Vue?!

[@ajayshah7471]

How to do authentication with vs code

[@GeorgeLimitsios]

It seems to be a nice and useful tutorial but I cannot see any starting code to follow along....

[@grandvoid9471]

Its in the github repo in the description. Just copy the code from their into your code enviorment.

[@GeorgeLimitsios]

Thanks for the direction! Silly of me to not properly check.

[@grandvoid9471]

@@GeorgeLimitsiosIts all good. Hope you learn it quickly

[@programmingkhata]

Sir, I have learned web design. I want to learn more. What I will do next will be good for my future. Please tell me Sir In between the MEAN stack and MERN stack

[@anasgaming4770]

kzbin.info/www/bejne/d2qTf3V5jZmWsK8 : Basics for firebase hosting.

[@sihammohamed7480]

Thanks very much for this important course

[@sanjarproductions]

I will write 1000 lineas of code kzbin.info/www/bejne/oZbOlZ6OaJWqi6c

[@AbulKalam-hw2ri]

This video was so life changing, keep up the good work

[@souvikkumarbarua5557]

Can you make full firebase tutorial with just javascript

[@elcanpenahov435]

The video i was looking for 😁

[@sanjarproductions]

I will write 1000 lineas of code kzbin.info/www/bejne/oZbOlZ6OaJWqi6c

[@kushagra4401]

19:55

[@melamelawen]

Okay nice free content and we're all thankful but the delivery is all over the place. First why not use VScode instead of a sandbox? next instead of demonstrating signin, signup, database all in one "App component" why not create a real project that demonstrates the flow of all this? Thank you for the free content though

[@TheThornTech]

The lesson that I’m waiting for🎉

[@sanjarproductions]

I will write 1000 lineas of code kzbin.info/www/bejne/oZbOlZ6OaJWqi6c

[@techbd7149]

Brother i need a Earning app AIA file.I think you can help me😘😘... please give me AIA file..How to create new AIA file

[@coolstuff6342]

Please Make one for Android Studio in Java as well

[@sanjarproductions]

I will write 1000 lineas of code kzbin.info/www/bejne/oZbOlZ6OaJWqi6c

[@robbinluo2810]

Great tutorial though it's a little hard to keep up with the accent

[@spacepacehut3265]

Well I would say he is himself confused in the tutorial many times so the learners can't understand the process.

[@sashathedonut]

why is the ad 3 hours long

[@7heMech]

Is this firebase v9

[@Raj-iz9uz]

in description it's mention version 9

[@puriwatw.1323]

Timestamp please

[@EdwinVoser]

Sorry, I don't understand him

[@WasimRana2015]

Fantastic Tutorial :)

[@sanjarproductions]

I will write 1000 lineas of code kzbin.info/www/bejne/oZbOlZ6OaJWqi6c

[@plantsbipta]

Thanks for firebase tutorials

[@sanjarproductions]

I will write 1000 lineas of code kzbin.info/www/bejne/oZbOlZ6OaJWqi6c

[@Leonardo_A1]

no VBA ???

[@universecode1101]

Great I love firebase

[@sanjarproductions]

I will write 1000 lineas of code kzbin.info/www/bejne/oZbOlZ6OaJWqi6c

[@miumenk]

Thankssss i need this tutorial:)

[@sanjarproductions]

I will write 1000 lineas of code kzbin.info/www/bejne/oZbOlZ6OaJWqi6c

[@chandrachurmukherjeejucse5816]

Great resource!!!

[@imalkagunasekara8725]

Great

[@vio_tio12]

too bad no vue.js ;(

[@FUTUREPES]

Let's gooo

[@gammastrain5289]

Awesome hell yeah

[@pranit_7D]

Wow! I just searched for this 😂😂😂

[@norteenx]

how can i take any weapon by animation

[@norteenx]

@@user-wt7bo2ow9r What?

[@whosestone]

I swear, at this point I just should learn Hindi

[@CodingKitchen]

Thank you

[@princejain4899]

Indian accent make me easy to understand

[@jansprlak110]

Beta tester od roku 2016 oceňujem,

[@Michaelnjuguna1]

thank you.

[@saplay3372]

Fantastic

[@tkot7857]

session 1: 30:00 min

[@jhin5588]

Keep going at it! You got this

[@temurbekjabborov7847]

I mean email and password page in js

[@heredavid6670]

Thx so much ! I really appreciate this kind of videos

[@sanjarproductions]

I will write 1000 lineas of code kzbin.info/www/bejne/oZbOlZ6OaJWqi6c

[@ajaysan2765]

Thanks

[@amoghpoojary430]

Soooohelpful, thank youuu

[@ahmed9638]

thank you sir

[@amatakchannel3735]

amazing =)

[@ngndnd]

i feel like hes just coding and not explaining anything

[@lisali6205]

thank you

[@sfs8730]

You should have given the started code if its for beginners you should have known better

[@anasgaming4770]

kzbin.info/www/bejne/d2qTf3V5jZmWsK8 : Basics for firebase hosting.

[@bahibrahim101]

Thank you

[@stnayem]

Nice tutorial

[@sanjarproductions]

I will write 1000 lineas of code kzbin.info/www/bejne/oZbOlZ6OaJWqi6c

[@MightyKingKala]

that's banger