Hey man i found your channel yesterday and im addicted already! I never knew programming and coding could be so much fun! Love your enthousiasm. Keep up the good work!
Few things has changed: 1. Add { databaseURL: "databasename.region.firebaseapp.app"(your database url in realtime database section), } in the config object. 2. Add the (by going to the commented out libraries url and selecting CDN then firebase-database) script element. This is as of june 2021. I did this after all the things in video time - 7:14
Thanks for the update! I'm stucked in the beginning, i don't know if there are more updates, but i cant use the import function on the js file :/ I've already installed webpack, and the import statement is in setup(), but i get this error: Cannot use import statement outside a module
This helped me a lot with a survey I'm working on for my thesis. The Firebase interface changed a bit but I could figure it out following this tutorial, thank you so much!
Dude, I like the crazy way of your demonstration. You are crazy and funny, and crazy programmers like me will love your videos. Nice work. It is obvious you are enjoying what you do and isn't that what our job should be? Good luck buddy.
hello sir... I learnt a lot from you..😊😊 Im very thankful to you...u make things easy to understand n the way you teach is awesome... sir Please make more videos on firebase(current one, with firestore etc) cuz Im new to this and I want to learn them to implement in whatever silly stuff im doin..and I know no one can teach things better than you..😊😊😊💐 please sir
Can't believe how this video is helpfull and the previous one too :o Thank you verry much .. keep working you have talent in coding and teaching i wasn't planning to watch the video and "oppssss" i just watched them without feeling bored at all :D thank you ..
Hello... First of all, thank you for the awesome video. I do have one question that may sound crazy, but let's say you (accidentally, of course) put that "var data = { name: "DTS", score: 43 }" inside of an infinite loop (let's say a "while" loop). Would that end up "crashing" your database or will Firebase end up charging you because you accidentally exceeded the limit for the free database?
I think this video needs an update. Firstly, the console of Firebase is quite different. Secondly, the webcode that I need to copy is different from your video. Most importantly, you don''t load the database under your index.html file. Instead, Firebase gets loaded by importing it, but I came accross an error when importing Firebase. It said something like.... Cannot use import statement outside a module. ????
So how about the part with the secure authenticating to Firebase? I would like people to be able to send data to the database, and retrieve it. But I won't like to have the API key and such in the code, as that seems way to vulnerable :)
I don't know if I maybe missed it in the tutorial, but my code needed both these to work recently (not just the first line), things changed since. it did not work without the firebase-database.js line, kept getting a firebase.database() not a function error message, but except for that, all worked well still as instructed in the tutorial.
Google is , at least "wealthy" ! So it's a DB where u can store/retrieve whatever u want, whoever u are.. for FREE ? U know , I started with COBOL74 (i'm an old programmer !) and it's 4 me to realize that I can handle a remote DB as if it was mine... anyway, why not ? Thank u very much for your videos ! It's a great job, at least. I learned a lot from you. (Thx again, from France, apology 4 poor English)
Sir I would suggest that ur tutorial would be very nice if u somehow make slow whenver u delete some text. It makes us frustrate specially when we think we exactly copy what u did, but it does not function at the end. Due to some I do not know if u intensionally do that. I notice in the crucial part ur make quick select with a sudden delete
I wish you didn't use p5js. Seems like it makes things so easy, but totally abstracts away from vanilla JS. It's my only issue with your courses, because aside from that I learn lots from them, but I just struggle to apply things learned directly, always I'm applying them as best I can indirectly since I need to learn what you are teaching without your special functions, commands, etc. Just to be crystal clear though, you do a great job and your videos are very engaging. It's just that since you are one of my absolute favourites, it would be nice if your videos stuck to vanilla for the broadest appeal.
I like the fact that he uses it since its a good library and its not hard to twist it to whatever you want in js and considering you watch his videos it must mean you must have some interest in p5
var database = firebase.database(); // this line shows me error (formfb.html:36 Uncaught TypeError: firebase.database is not a function) @The Coding Train
important Suggestion - If I just copy the code you are presentig, I run into an error saying 'firebase.database' is not a function. To solve this, I needed to remove '-app' in my script src link. like, ""
That way only works for p5js up to firebase version 8.10.1, it looks like there's something else needed to integrate the latest firebase CDN versions to p5js, which I wasn't yet able to figure out what. Any help will be welcome!
Hey, kinda off topic, but could you maybe make Conway's Game of Life for a coding challenge? Maybe have the cells change color as they grow older, so it will be like an evolving rainbow-thing! :D
hello and good day sir. love your tutorial so much thank you..sir can i ask question. what if i want my system keep add another data in database using similar ID until user click stop button... thank you..
Hi Dan! I love your videos, they are so helpful. I have an issue with this particular exercise, I get a reference error: firebase is not defined, although I linked the firebase library in my index.html. Any ideas?? Thank you so much for your help !
Can someone help me? When I use firebase on my own form, it sends the data the first time and then when I try to send it again it says something about ['DEFAULT'] already exist.
Hey, I am Ovi. The way you code I love it. I facing a problem. I don't want a string key for my JSON object. I want numeric key like array index(E.g 0,1,3,4 so on). I think you or someone will help me. Advance Thanks. Good job bro. keep it up.
I want to also add, after doing some research, I found one document showing that you must install npm onto your computer. Why? There is nothing in this video that discusses about installing NPM. Why can't I just link Firebase, just like in the video? This really puts me in a pickle because I am using an Android tablet, so I can't install NPM. This does not make any sense.
Alexon da Silva Moreira Se se quiser aprender algo tipo programação só se aproveita o conteudo gringo... A maioria dos cursos são traduções de sites ou foruns gringos.
Hello, Nice video,,, I want to connect and store data in firebase through node js app, without any server... Ie simple js file in node project, with require("firebase").. I have tried it.. It's not working.. Could you help me in this.... ?
I tried to put a for loop with an array of "Input values" in "var data" like below but it dosen't worked is there a more convenient solution than to hardcode all the values? function submitData() { var data = { linedrawingNumber: numberLinedrawing, for (i = 1; i
These next two links will give you some ideas of how you could manage arrays: firebase.googleblog.com/2014/04/best-practices-arrays-in-firebase.html stackoverflow.com/questions/27124406/proper-way-to-store-values-array-like-in-firebase C Mos
Try Siraj Raval. He's a slightly different style, and focuses more on machine learning, but he's pretty good at teaching what he does, and I know him and Dan are "fans" of each other so to speak.
Thank you so much for your great work! You answered many questions I had been searching for for hours. Already a loyal fan and will be attending all of your classes. My problem: I am using firebase-broadcast to push the data of an avatar position and rotation. Works great and users can move, seeing each other's movement. Can you help with retrieving key data for the current user only? So user 123abc is connected, their key x = ?. getCurrentUser(x) Thanks in advance!
A complain: Try to make your project name as descriptive as possible. The idea that every project is "awesome project" or "hello world" can be a bit frustrating when you try to trace back your steps.
Hey man i found your channel yesterday and im addicted already! I never knew programming and coding could be so much fun! Love your enthousiasm. Keep up the good work!
This tutorial should be listed on the Firebase website! Awesome video! So glad I found your channel!
Few things has changed:
1. Add
{
databaseURL: "databasename.region.firebaseapp.app"(your database url in realtime database section),
}
in the config object.
2. Add the
(by going to the commented out libraries url and selecting CDN then firebase-database)
script element.
This is as of june 2021.
I did this after all the things in video time - 7:14
Thanks for the update!
I'm stucked in the beginning, i don't know if there are more updates, but i cant use the import function on the js file :/
I've already installed webpack, and the import statement is in setup(), but i get this error: Cannot use import statement outside a module
dude I have been relentlessly searching on the web about saving data on firebase and you just made it more simple. Great Job!!!!
This helped me a lot with a survey I'm working on for my thesis. The Firebase interface changed a bit but I could figure it out following this tutorial, thank you so much!
these are hands down the best videos on firebase. even better than the firebase's channel videos. thanks a lot, and your personality is amazing
was stuck in a problem with firebase data push. i was triyng set({ }) method, but your method just worked for me. saved my life.
Thanks to your video I managed to set up Firebase to my own project. Thanks a lot!
Dude, I like the crazy way of your demonstration. You are crazy and funny, and crazy programmers like me will love your videos. Nice work. It is obvious you are enjoying what you do and isn't that what our job should be? Good luck buddy.
My god, how did I not discover you sooner!!! This type of teaching is the best!
Dude I love you :D your reaction "Ah, uh" to the project having loaded was priceless. Like a kitten scared by a clap.
Please don't stop this healthy obsession! Thank you.
hello sir...
I learnt a lot from you..😊😊
Im very thankful to you...u make things easy to understand n the way you teach is awesome...
sir Please make more videos on firebase(current one, with firestore etc) cuz Im new to this and I want to learn them to implement in whatever silly stuff im doin..and I know no one can teach things better than you..😊😊😊💐
please sir
youre an energetic teacher bruh! the best firebase tut ive seen
I love this guy for his personality.
Just wanna say thanks for such straightforward funny tutorial, it has saved my life from depressing due to confusion while learning those ;-;
I love your Content, and the example is exactly what I am doing I just want to have a global leaderboard and compare the user score!
nice content. love that simple explanation with fancy board behind you
Thanks man you help me a lot in my final year project, p/s:You are like pewds in educated way
Thanks! This really helped me build my app
Glad to hear!
createInput() should allow the user to pass in a third param as placeholder text, this will improve UX
This was so helpful! I'm in the process of designing my first app and this is perfect for data storage and management. 🙂
You don’t need to reinitialize firebase(config) every-time you reference the database. Thank you so much for what you do though
Thanks for the tip!
i want you as teacher in my college.keep it up
Such a good video for beginners to develop website with Firebase
Can't believe how this video is helpfull and the previous one too :o
Thank you verry much .. keep working you have talent in coding and teaching
i wasn't planning to watch the video and "oppssss" i just watched them without feeling bored at all :D
thank you ..
Thanks maan. I was laughin and learning while watching your video. You should be a very nice teacher.
Finally after 18 days hurdles I got something
Thanks brother
It would be awesome to watch you create your OWN programming language. I bet you can do it!
Seems a little fartfetched
noob destroyer yeah I know, but maybe a simpler one like basic. You make them with other languages, not just ones and zeros.
Thank you very much for your work! It helped me a lot on my thesis project! Thank you! :D
I'll definitely watch if you ever come up with Android or Android + firebase tutorials. Any plans DTB??
Hello... First of all, thank you for the awesome video. I do have one question that may sound crazy, but let's say you (accidentally, of course) put that "var data = { name: "DTS", score: 43 }" inside of an infinite loop (let's say a "while" loop). Would that end up "crashing" your database or will Firebase end up charging you because you accidentally exceeded the limit for the free database?
I think this video needs an update. Firstly, the console of Firebase is quite different. Secondly, the webcode that I need to copy is different from your video. Most importantly, you don''t load the database under your index.html file. Instead, Firebase gets loaded by importing it, but I came accross an error when importing Firebase. It said something like.... Cannot use import statement outside a module. ????
So how about the part with the secure authenticating to Firebase? I would like people to be able to send data to the database, and retrieve it. But I won't like to have the API key and such in the code, as that seems way to vulnerable :)
I really love what you're doing, i just thank you for all that. Keep making videos.
I don't know if I maybe missed it in the tutorial, but my code needed both these to work recently (not just the first line), things changed since.
it did not work without the firebase-database.js line, kept getting a firebase.database() not a function error message, but except for that, all worked well still as instructed in the tutorial.
thanks!!
Hmm, I added both but still got the firebase.database(), not a function error. Any ideas?
Thank you!
Can't wait to learn the rest of Firebase!
thanks bro! best lesson in youtube!!! absolutly best! я так страдал! убил кучу времи а тут все так просто!
Google is , at least "wealthy" ! So it's a DB where u can store/retrieve whatever u want, whoever u are.. for FREE ? U know , I started with COBOL74 (i'm an old programmer !) and it's 4 me to realize that I can handle a remote DB as if it was mine... anyway, why not ? Thank u very much for your videos ! It's a great job, at least. I learned a lot from you. (Thx again, from France, apology 4 poor English)
Sir I would suggest that ur tutorial would be very nice if u somehow make slow whenver u delete some text. It makes us frustrate specially when we think we exactly copy what u did, but it does not function at the end. Due to some I do not know if u intensionally do that. I notice in the crucial part ur make quick select with a sudden delete
Hey, thank you for this great video, i have a question what if initialization data is incorrect, how to catch this error?
I wish you didn't use p5js. Seems like it makes things so easy, but totally abstracts away from vanilla JS. It's my only issue with your courses, because aside from that I learn lots from them, but I just struggle to apply things learned directly, always I'm applying them as best I can indirectly since I need to learn what you are teaching without your special functions, commands, etc.
Just to be crystal clear though, you do a great job and your videos are very engaging. It's just that since you are one of my absolute favourites, it would be nice if your videos stuck to vanilla for the broadest appeal.
He has been big part of p5 and processing that's why he teaches it....it's his framework
I like the fact that he uses it since its a good library and its not hard to twist it to whatever you want in js and considering you watch his videos it must mean you must have some interest in p5
var database = firebase.database(); // this line shows me error (formfb.html:36 Uncaught TypeError: firebase.database is not a function)
@The Coding Train
th-cam.com/video/YfvlDzS-2ic/w-d-xo.html
watching you video always make me smile :D
important Suggestion - If I just copy the code you are presentig, I run into an error saying 'firebase.database' is not a function. To solve this, I needed to remove '-app' in my script src link. like, ""
Super like for you
Thank you man :) . I was also having the same problem . Now it is working fine
Thank you! This has helped me a lot!
Thank you very much Dan! Very very useful video
the way you speak is awesome !!
Thanks Bro.Really very helpful to implement my project.
Just found your channel, love your vids!!!
That way only works for p5js up to firebase version 8.10.1, it looks like there's something else needed to integrate the latest firebase CDN versions to p5js, which I wasn't yet able to figure out what. Any help will be welcome!
Hey, kinda off topic, but could you maybe make Conway's Game of Life for a coding challenge? Maybe have the cells change color as they grow older, so it will be like an evolving rainbow-thing! :D
Oh, just saw you already did this, really cool stuff! :)
please make videos with more details on this subject
Cool video Mate
Hello Daniel, where can I find a link to where you live stream?
You are best teacher thanks for great tutorial
You Are A G R E A T AMAZING TEACHER & JUST EARNED A NEW STUDENT !
HOLA
What if you want to do a more complicated app? Can you do a tutorial that shows how to save to a more complex json file? Thanks!
If my prof was as interested and passionate about code as you I probably would've stayed in college. At least I'm not in debt though...
hello, nice way of putting the tutorial across i love the way do it, thank you ;-)
hello and good day sir. love your tutorial so much thank you..sir can i ask question. what if i want my system keep add another data in database using similar ID until user click stop button... thank you..
Thanks, helped me a lot.
Hey Daniel, I saw you teach ITP, does ITP have a coding course?
Hi Dan! I love your videos, they are so helpful.
I have an issue with this particular exercise, I get a reference error: firebase is not defined, although I linked the firebase library in my index.html. Any ideas?? Thank you so much for your help !
wow found this video for exactly that purpose, saving high scores lol thanks
you saved my project. Thank you
Do you have to run firebase on your local host? If so how do you set that up.
Best tutorial ever. :)
Dan ....!! you are my hero >___
Haha! Very good! Please keep it up!
Can you set fire base to delete data based on a certain date?
Can someone help me? When I use firebase on my own form, it sends the data the first time and then when I try to send it again it says something about ['DEFAULT'] already exist.
Hey, I am Ovi. The way you code I love it. I facing a problem. I don't want a string key for my JSON object. I want numeric key like array index(E.g 0,1,3,4 so on). I think you or someone will help me.
Advance Thanks. Good job bro. keep it up.
I want to also add, after doing some research, I found one document showing that you must install npm onto your computer. Why? There is nothing in this video that discusses about installing NPM. Why can't I just link Firebase, just like in the video? This really puts me in a pickle because I am using an Android tablet, so I can't install NPM. This does not make any sense.
Thanks a lot for the video :)
That moment when you are 10 seconds into the video and he literally described your problem, saving highscore for a simpel game you made.
make a playlist on the security of firestore database, please!!!
É uma pena que estas explicações não são em Português! Muito Show Parabéns!!!!
Alexon da Silva Moreira actually no, it's not.
Alexon da Silva Moreira Se se quiser aprender algo tipo programação só se aproveita o conteudo gringo... A maioria dos cursos são traduções de sites ou foruns gringos.
Hello, Nice video,,,
I want to connect and store data in firebase through node js app, without any server... Ie simple js file in node project, with require("firebase").. I have tried it.. It's not working.. Could you help me in this.... ?
in android, what could be the cause for onDataChange not firign ever?
how to do i add comments on users posts ?? using Firebase
Great! But Whenever i click the button to save my app gets killed why is that? P.s=I am running the app on phone instead of emulator, please help!
I tried to put a for loop with an array of "Input values" in "var data" like below but it dosen't worked is there a more convenient solution than to hardcode all the values?
function submitData() {
var data = {
linedrawingNumber: numberLinedrawing,
for (i = 1; i
These next two links will give you some ideas of how you could manage arrays:
firebase.googleblog.com/2014/04/best-practices-arrays-in-firebase.html stackoverflow.com/questions/27124406/proper-way-to-store-values-array-like-in-firebase
C Mos
oh, thanks a lot! (I just recognized your comment)
I'm having an error saying firebase is not defined. What should I do?
Found a solution to replace the tag in the html with
How can i save user's first name and last name under userid as parent node?
Is there a channel like this one for Python codes?
great videos, btw
Try Siraj Raval. He's a slightly different style, and focuses more on machine learning, but he's pretty good at teaching what he does, and I know him and Dan are "fans" of each other so to speak.
Thank you so much for your great work! You answered many questions I had been searching for for hours. Already a loyal fan and will be attending all of your classes. My problem: I am using firebase-broadcast to push the data of an avatar position and rotation. Works great and users can move, seeing each other's movement. Can you help with retrieving key data for the current user only? So user 123abc is connected, their key x = ?. getCurrentUser(x) Thanks in advance!
love you...................you are awesome!
This is awwesome...
Thank you
is it possible to use Firebase on Rails? or is it just on NodeJS?
use Rest api
Does that mean that I can host my website in Firebase for free ?
+Daniel Shiffman Are you the guy from helloprocessing.org? the website link might be wring
I am! Let me know where you see an incorrect link.
helloprocessing.org takes me nowhere
it's hello.processing.org
How to set a custom id for each initials and scores?
u are my hero hahah
what a nice game
1:06 "But I don't care about that" COPIUM
Mooooar. I'm too lazy for archive! XD
A complain: Try to make your project name as descriptive as possible. The idea that every project is "awesome project" or "hello world" can be a bit frustrating when you try to trace back your steps.
thank youuuuuuu very very much
How do you apply this code on android studio?