Firebase - Ultimate Beginner's Guide
Вставка
- Опубліковано 9 лют 2025
- UPDATE. See the latest basics video here: • Firebase - Back to the...
Master the basics of Firebase in 20 minutes. In this episode, we run through hosting, auth, firestore, storage, and cloud functions using nothing but plain JavaScript. angularfirebas...
Firebase firebase.googl...
CLI Tools github.com/fir...
Firebase is like magic. No one really understands it, but people love watching it happen.
1:34 Project Creation on firebase console
2:15 Creating project locally
4:45 Firebase Authentication
7:25 Firebase Database
14:50 Firebase Storage
16:52 Firebase Functions
can someone help me here? I would like each of my users to have their own unique token, but I see that all the users I create on a specific device all have the same token .svp any idea?
here is the code i used :
FirebaseUser mUser = FirebaseAuth.getInstance().getCurrentUser();
mUser.getIdToken(true)
.addOnCompleteListener(new OnCompleteListener() {
public void onComplete(@NonNull Task task) {
if (task.isSuccessful()) {
String idToken = task.getResult().getToken();
// Send token to your backend via HTTPS
// ...
} else {
// Handle error -> task.getException();
}
}
});
Legend
thanks!
Daaaamn, this is like a firestorm of information being injected into my brain. I had to play the video at 0.25 speed to be able to follow... Good luck, "beginners"!
just start to try it it's more convenient way to understand
I don't understand a single word after 4:00 😂😢
Most tutorials blather on and on about unimportant things. This 21 minute video is like hours of regular tutorials. I love it!
0:22 "and you don't really need to have any coding experience to follow along with this video"
...
6:06 "this operation happens asynchronously which mean it returns a promise"
oh yea a promise, yeaaaaaa sure, ofc
Thought this was great at showing an existing programmer the power of using firebase versus their current preferred code. I would agree with the other commenter it was probably not an absolute beginner's guide, but this was very useful to me. Thank you for taking the time. Subscribed!
This was a fantastic overview, I'd say you need basic programming knowledge but it really walks you through in a clear way no matter your level of understanding. Great stuff.
Some of you guys misunderstood the "beginner" thing. This is not a beginner video for JavaScript. It is a beginner video for Firebase. You can't expect to get the most complex features of JS like callbacks and promises in a 20 min vid. And about the "not up to date" part. Of course it will not be up to date because these technologies evolve with the speed of light. It was up to date when it was recorded. And if you see something not up to date, just do what Stephen Banbury did, instead of whining. Thanks for this awesome tutorial!
Not seen it in the comments, but it seems we have three deprecations in the latest SDK since this was published:
1) at around 16:24: .downloadURL is deprecated - I changed to .ref.getDownloadURL().then(... to get it working.
2) at 18:18: functions.config().firebase has been replaced with process.env.FIREBASE_CONFIG
3) at 18:50: we now need a snapshot in the param and reference that when referring to the document.
i.e. .onCreate((snapshot, context) ...
const docId = context.params.productId ...
const name = snapshot.data().name ...
Great video though - many thanks!!
16:24
replace with
task.snapshot.ref.getDownloadURL().then(function(downloadURL) {
console.log("File available at", downloadURL);
const url = downloadURL;
document.querySelector("#imgUpload").setAttribute("src", url);
});
}
very helpful, thanks.
For ts users;
.onCreate((snap, context) => {
const docId: number = context.params.productId;
const value: any = snap.data();
const name: string = value.name;
doing god's work
16:24
for the downloadURL I changed the whole function to async await and just done this:
const url = await task.snapshot.ref.getDownloadURL();
document.querySelector('#imgUpload').setAttribute('src', url);
which is much simpler
You got my full attention throughout the video. Not a lot of content creators are skillful to engage users in 1 minute of video. Thanks for the awesome overview of the firebase. Just the right content I was looking for.
UPDATE 2020 see the latest Firebase Basics video here ua-cam.com/video/q5J5ho7YUhA/v-deo.html
Today we go back to the basics. In 20 minutes I cover pretty much everything you will get out of a full entry level Firebase course using vanilla JS. Also, I wanted to share my personal reasons for choosing Firebase.
Awesome overview and very well presented. I would love to see a full tutorial series like this actually. Keep it up!
I truly needed that one! Thank you and keep going!
this video was exactly what i was looking for, a "why should i use firebase, what it offers me and how easly i can use it" explanation. Great video and the contents you put in the video in 20 min really explain a great deal of real life problems developers has to solve in day-to-day development, meaning i will be back to check out this video from time to time. thanks a lot for sharing!
Hey i getting error firebase.auth.signInWithPopup is not function, plz help out
My program is not showing the displayName of the user which was shown at 6:40 in the video. Please tell me how to resolve this. I am getting this output on screen :Hello ${user.displayName} instead of Hello Vineet Pandey
Really the most complete firebase/firestore tutorial on UA-cam. Thanks a million!
Lot of effort put into the vids, one of my fav dev channels. Keep up the good work
Fantastic video, thank you. A very nice quick overview of what Firebase is and what features it has. As a long time JS dev, I found the code examples were nice and simple and easy to follow to get a basic understanding of exactly how each feature works. This is a dream for JS devs who want to get a MEAN app built and deployed out in the wild. You get so much out of the box - Google CDN, SSL enabled out of the box, real time updates and not having to worry about web hosting, mongo hosting, etc. I'm inspired to build something now!
Very well explained about how firebase is not only quick and easy to setup but also production ready our of the box for many use cases. Great work. You are a gift that keeps giving to the web dev community! Keep it up.
+Sumant. Thank you , I am very happy to hear that :)
It helped, however many steps were skipped making it hard for a beginner to follow.
well it's a Beginner's Guide... when i started watching the video i also thought that it will cover actual api commands, but i guess an introduction to what it can do is also a Beginner's Guide ;D
Definitely not a beginners tutorial, hard to follow if you don't have any experience
Hard disagree. I'm watching this video BECAUSE having absolutely zero experience with firebase (Why else would I watch a Firebase beginners tutorial). And in only 21 minutes I gained all the knowledge needed to start a Firebase project with authentication and a database without a single line of backend code!
The only thing I feel was left on the air is security. Is it really safe for us to do this kind of backend operations on the front end? Isn't our data vulnerable?
But other than that, the practical information was all here. In a very short time without nonsense
Edit: I do have backend experience of course, so maybe I'm not a 'beginner' but I don't think you should use something like firebase if you know nothing about the backend. And if you have used express with something like MongoDB Atlas you can follow all of this relatively easily
Man, this thing is so powerful. Can't understand why I waited so much to start using it. Will certainly give it a try!
Its 's guide. It's fast but helpful. It took me an hour to catch up that he already made changes within maybe 5 frames. Thank you
I needed this big time when I was starting out with Firebase/Firestore. Excellent overview and serves as a solid refresher.
+Jamie Thank you. It's nice to mess around with the regular web SDK every once in a while.
my mind is blown. that was an amazing tour of the firebase.
And thanks a lot for the effort that you guys put in so the beginners like can learn a few things. again great tour of firebase and it's functions :)
Perfect video. Doing a hackathon at my company and needed a quick overview of firebase and this gave it to me quickly and perfectly
Adding the missing `` on line 14 between the transition at 11:16 was really sneaky
I could not understand anything, but the video was engaging. I watched every second.
👍
Well, that escalated quickly...
🤣🤣🤣🤣
yep, garbage tutorial, not beginner friendly at all, must have got a lot of bots upvoting this
@@fwef7445 not begineer friendly. But for people like me who understand web basics and simple JavaScript, HTML and CSS this is incredibly helpful.
@@fwef7445 This tutorial is not garbage.
Just it is not beginner friendly. For a guy like me who is working in JS for nearly 2 years this is on point.
For me "talk is cheap, show me the code"
🤣🤣🤣
This is the first video that I watched for firebase; and I LOVE IT! great demo!
Nice! Firebase is seriously the best :) That's why I made this channel.
Finally.. you broke the 10-15 min limitation and shared a nice 20 minute vid.. Nice.. :)
Haha, it wasn't easy but I did it. I don't think I'll break the 10 min mark very often in the future.
This really helped clear up so many questions I had about firebase. So great!
I'm Now Realising that firebase can give life to so many project ideas that i dumped due to backend involvement
its simply crazy
This was a great beginners guide for someone like me who already has experience with AWS. I was able to get a great idea of what Firebase has to offer when compared to something like AWS. But for complete beginners it might be a bit too fast.
But that's the point, isn't it? You should be learning firebase if you have zero backend experience. Since this is a modern service to abstract said backend away. If you don't know WHAT you are abstracting away you are going to have a hard time regardless of the tutorial you watch
Thank you! Firebase kept popping up and I was wondering what it was all about, so essentially is a "Back-end as a service". Pretty sick!
Holy cow ! this is for pro Only.. beginners don't try this at home , school or anywhere.
I think your pace is perfect. Not too fast, this is a runthrough for high concepts not a hand-holding walk.
You know what video I’d love to see you make? A series on how you make your videos. I’m in an unrelated field of computer science (blockchain) and would love to learn from you as your videos are slick. :)
the quality of your videos are amazing and they're super helpful, thanks!!
This is actually great content. Not beginner friendly of course but when you think about it, what kind of beginner would know about firebase anyway 🤔
One of the best dev videos I've seen
Holy shit, why didn't this exist when I was busting my balls through late nights to build backends. Great tutorial that doesn't waste any time on fluff, thanks a lot man! Subbed because of this.
What were you using before Firebase? And what have you built using Firebase (so far)?
Now I finally understand what's all the hype around Firebase... Awesome !
Wow, thanks so much for doing a basic beginner's guide. I'm juuuuust knowledgeable enough to keep up. I'm migrating sites away from Business Catalyst and have to figure out new ways to build databases and secure zones after being able to do so with HTML, CSS, Liquid, and basic Javascript. It'll be a learning experience for sure!
Daaaang the name "Firebasics", like that. good tutorials man
dude i know it says beginner, but wow you move quickly
you do realize that you can pause and rewind right?
OMG, you're game-changing. Thank you for this, I think this is my next step in development. I got so many ideas. Thank you :D :D :D :D
Thanks for all your videos, you are the greatest.
Thank you :)
For mac users at 2:17 use the command sudo npm install firebase-tools -g
the king we needed
I think you did a really good job! Keep up the great videos. Very helpful, as I’m trying to develop a SAAS.
Better than new firebase video
Woah! Amazing video! feels like there's no limit on what we can do!
this video helped me a lot thank you. i got almost all the answers i wanted.
you are making me really really want to learn firebase! I've been using google-app-engine for hosting, but firebase seems really tempting with all the possibilities.
This made things soooo much clearer, THANK YOU!!!
Thanks, you saved me a lo tof time. Although reading back the comments, I have 8 years of experience to follow along.
Thank you very much for this video. Surprisingly today i had to create a simple app and im still very new to back end development. So i started to search some Rest databases or APIs and i found Firebase. I cant even explain how it was easy with just few clicks to create a real database. And now i found your awesome video. Please make more videos for beginners.
I remember feeling that way the first time also, and it's only getting better from here.
wow fireship, you are amazing, i am really tempted to get your life time course lol
I'm amazed by this. Holy shit. As someone used to working with java and sql in the backend, this is crazy.
Haha, that's exactly how I felt too
boi
Bro Are you sure We don't need any coding experience? B-)
U dont need any coding experience with firebase, ofc u need to know basic html, css, hot to run commands, have node an npm installed etc
For the first 5 minutes you don't... Then it's just straight up coding non stop
@@christianvanlierop8324 acutally to write down exactly as he does you don't need any experience
You need internetidate lvl JavaScript knowledge to implement .
@@ukaszsoszka1202
You wanna tell me to write down JS code you don’t need any coding experience
Ok gotcha
Finally, Firebase with vanilla JS. Thanks!
Thanks a lot. you have a nice efficient speaking rhythm. Every sentence that comes from your mouth is productive.
Sometimes I wonder how some people are so knowledgable that they can even explain what they are doing.
Thanks man. As always, super helpful.
Oh wow. I keep on hearing about Firebase and this is the first video i watch about Firebase. This thing looks promising and powerful! Haha. My team has plans of migrating a legacy code, Spring MVC backend and JSP frontend, to new tech stack i think frontend is either ReactJS or Vuejs. I would like to propose this Firebase to my boss for study. 😁
Thank you!
Not an Ultimate Beginner's Guide. Many of the things you think are common knowledge you just skip, because you understand them and you can't imagine how someone else (an ultimate beginner) cannot.
I believe it's supposed to be the Ultimate, Beginner's Guide. Not the Ultimate Beginner's, Guide. Ultimate as in it covers a lot of topics, not that it's super basic. You just have to find the channel that matches your learning style and speed.
You can only choose two:
Quick, Comprehensive, In-Depth
That is a fair point. It does assume a certain level of programming/dev background. Thanks for the feedback.
Fair points! I think it is just the interpretation of a grading system that was never really defined.
very true
I actually thought this was a good beginner's guide. I do know programming but not firebase.
Great and easy to follow guide. Thanks!
Excellent summary for me. Thank you so much for this content.
Your channel is fully organized...
Until yet, i don't saw the video, but i give you my like! thanks master!!!
Excellent intro. Thank you
Your tuts cure my depression
Great explanation..
if you, after run "firebase init", get "Could not load ...", run "firebase login" before
it's 2022, i've been at least a hobbiest developer for years, and i'm somehow just now learning what Firebase is smdh
One more time, excellent. Concise and didactic, clear and efficient ;)
I'm very excited to learn this cool stuff!
This was disgustingly informative, thanks
Really a great session. Thanks a lot
18:20 I had to use admin.initializeApp(functions.firebaseConfig());. Also thank you for short comprehensive overview!
Thank you so much!! Finally it worked! I don't know why you didn't receive any likes yet. The code the other guy put up there didn't work for me.
Can we put this video on the firebase documentation main page? 😄
So good.
Best video on this by far, thanks for it!
I'm in love with firebase now...
I know half js and I am learning this video helped thanks 😊
Holy crap this is so cool!!!!!! I definitely want to learn more about firebase!
As a professional programmer, who unfortunately is not used to this kind of applications, i'm having an hard time following this tutorial, i cant imagine how it is for a person that doesnt have a programming background.This video is polished and well made but the content is hard to follow unless you are already an experienced dev. and in that case this tutorial may be just scratching the surface of something well known. I dont understand which audience this video is meant for. Too hard for a beginner, too easy for a pro.idk
Just in between ;)
Intermediate
Sangat menarik jadi tontonan bisnis.
Firebase has been a great choice!
Good tutorial, really taught me a lot about firebase, I wish you could type your code out, without that weird copy paste thing, and also indent code properly.
1:34 Project Creation on firebase console
2:15 Creating project locally
4:45 Firebase Authentication
7:25 Firebase Database
Your videos are super good...keep up the good work 👌👌👌
+Alan Will do, thanks for watching!
thanks, please add this video in the firebase main page :)
Very good job and thank you very much Jeff!
Thank you Pierre!
Great intro video for firebase! Thanks!
Excellent insights yet again. Nicely done!
It's so helpful and advanced. Thank you a lot. It's make change my mind how to quick build nice and save cost product.
Got the "Error: An unexpected error has occurred." at 2:30 when trying to init.
Don't forget to login first with the command ~$ firebase login
Thank you!!!
yes thanks!
I love it... fast and informative
ty bro for this video i got a lot from it
Brilliantly done. Thank you.
Tour. Nice word for what this was!
Thank you! Excellent video to the point.
0:50 Well documented? WELL DOCUMENTED? WHY DO YOU THINK MIN WATCHING THIS VIDEO
That statement was relative to him I guess. I'm I and you that think the documentation is not good at all.
thanks for sharing these great videos!!!
I'd really appreciate an updated version.
Excellent guide for developer like me
Great video! I'm not seeing the localStorage being updated after signInWithPopup(). Any idea what's going on there?
Same here.