when i needed it, didn't find it anywhere the docs are incomplete, so researched, read the docs asked here and there and then made it available for the public :)
Who has been refreshing the videos page at least daily waiting for the updated tutorial? I have. Thank you!! I finally got my code to work! May i ask how you found about the import {getDatabase, ref, set, .... } code ? I wouldn't have beem able to figure it out. Thanks!
thank you so much for this tutorial!!! ive been going crazy looking up how the lbraries work and everyojne uses either old versions or methods and this video was perfect. also thank you for the text explanations in between code writing to explain certain concepts, they immediately cleared up doubts i had. amazing video! ill be sure to check out your other tutorials!!!!
Hello!. I have a problem with your code at 5:24 at line 69 is : " uncaught typeerror: cannot read properties of null (reading 'value') ". I have a question that is where you defined the "value"
Thank you very much, this has been the tutorial I've been waiting for, but I want to have a video on listing all the data in a table with an action column where you can edit and delete each data in the web to the real time database. Thank you
Retrieve Firebase Data Into Html Table Tutorial: ua-cam.com/video/8GnPrvjgg5M/v-deo.html Perform CRUD with FIrebase Using HTML Table: ua-cam.com/video/Bb3G87J8XGE/v-deo.html
Thank you for making this amazing video it has helped me to finally understand how to connect to Firebase and manipulate data. At last I can move on to better things!!! Thanks again.
Thank you for your effort, I've been searching a lot about this but this help from you was the only way I could get arround about how deal with firebase db and JS
How did the other three buttons except INSERT work without button click event listener.I didn't see you adding event listener to the other 3 button. Could you help me bro I'm new to coding
actually the video was cut a few times because of some mistakes otherwise you can see that after 15:00 i have added all the events without them the buttons will not work
once again love you bose for making this tutorial. in new viersion and again my Question is if i save a same record as roll no. then show alert message this roll no. already saved use an other roll no. thank you please if you can ....
Great tutorial. Now I'd like to query data of all students from a Section, so I changed rollbox.value to secbox.value, but got "No data found" even though the Section has the student's Name, RollNo, etc. Would you please advise me on how to do this query?
Thanks @theamazingcodeverse! Great tutorial that made me finally understand Firebase Realtime Database CRUD operations! One question is in the Firebase configuration object, you don't need to add the 'databaseURL' property?
hello sir your video are very helpful thanks for your great effort! I have seen more of your videos on Realtime database but I didn't get product list pagination or load more product button tutorial on v9 also search product from product from database and on click go to product detail, please give us tutorial on this thank you
The video is totally awsome...............but if I try to add the script tag in the new file(ex: something.js) and declare the references, I am getting an error message of ("Uncaught ReferenceError: set is not defined at HTMLButtonElement.insertData") how to fix this
woowww. You are a genius. This worked really well for me. Thank you for this precious video and for making it quick. Thanks again and best regards. :)))))
Hello and thank you for the tutorial, i only have a question, i follow the steps on making the insert function as well as the database setup but when i try to inserting data and clicking the insert button an error shows like this: Uncaught TypeError: Cannot read properties of null (reading 'value') at HTMLButtonElement.InsertData. it is a big help to me because im trying to learn firebase, thank you very much
Really awesome tutorial. To the point explanation. Do you have any place where you have uploaded the code? It is easy to modify in place and check how it all works!
Is there a way to put the js code in a separate js file without using a server? It's quite messy to put the js code inside the html file, especially if the app is a lil bit big. Nonetheless, thanks for the tutorial!
Thank you it's really great ! I had a question if you may, with select we can get one student. What is the methode to get all the students ? (in JSON ?) Thank you
brother when I add more than one data in the firebase realtime database , all data are automatically get deleted and show only field name. please help on this?🎉
My path is set(ref(db , "users/" + userId) ) ...... but it is giving this error validation.ts:352 Uncaught Error: child failed: path argument was an invalid path = "users/[object PointerEvent]". Paths must be non-empty strings and can't contain ".", "#", "$", "[", or "]"
Best way to use Firebase Realtime Database using C# .NET:
ua-cam.com/video/MuybxvcnFxQ/v-deo.html
Finally someone posted a very simple and helpful tutorial for the 9 release of firebase realtime. Thank you very much.🤜🏻🤛🏻
when i needed it, didn't find it anywhere the docs are incomplete, so researched, read the docs asked here and there and then made it available for the public :)
Who has been refreshing the videos page at least daily waiting for the updated tutorial? I have. Thank you!! I finally got my code to work! May i ask how you found about the import {getDatabase, ref, set, .... } code ? I wouldn't have beem able to figure it out. Thanks!
i read the firebase documentation (which is incomplete), asked a little on stackoverflow and figured the rest out of myself 😁
Me too😂
@@HassaanRaza genius bro u re
@@abdullahafrij866 thanks man
The official docs is just very lackluster
TIMESTAMPS:
0:00 - Intro
0:25 - Database Setup
1:24 - HTML Setup
2:28 - Firebase Configuration
3:14 - Modular Imports (Note: he forgot to import "get")
4:41 - *** SET ***
7:03 - Event Listeners + CSS Cleanup
8:15 - Create the Database
8:40 - SET Testing
9:08 - *** GET ***
12:21 - GET Testing (with errors)
13:26 - GET Testing (working)
13:36 - *** UPDATE ***
14:35 - *** REMOVE ***
15:08 - SET / GET / UPDATE / REMOVE Testing
16:12 - Outro
even included outro 😆
This is the third attempt I've made at getting Firebase to work for me and this worked right away. Thank you!
awesome!
had a lot of issues learning firebase 9v loved your excellent video keep making godly videos like this 🚀🚀🚀🚀🚀
thanks man
There is always one Indian on the internet who knows everything. 17.10.21 works. Thanks
i am a Pakistani, India and Pakistan are similar but very different,
its like
america and england,
japan and china
etc.
@@HassaanRaza sorry, just guessed by your accent)
its okay :) indians are also doing great work on UA-cam
great! a version 9 playlist. you're a lifesaver brother
hehe saving lives since 2019 😆
thank you so much for this tutorial!!! ive been going crazy looking up how the lbraries work and everyojne uses either old versions or methods and this video was perfect. also thank you for the text explanations in between code writing to explain certain concepts, they immediately cleared up doubts i had. amazing video! ill be sure to check out your other tutorials!!!!
you most welcome and thank you too so much, your very detailed comment means alot.
Hello!. I have a problem with your code at 5:24 at line 69 is : " uncaught typeerror: cannot read properties of null (reading 'value') ". I have a question that is where you defined the "value"
Thank you very much, this has been the tutorial I've been waiting for, but I want to have a video on listing all the data in a table with an action column where you can edit and delete each data in the web to the real time database. Thank you
Retrieve Firebase Data Into Html Table Tutorial:
ua-cam.com/video/8GnPrvjgg5M/v-deo.html
Perform CRUD with FIrebase Using HTML Table:
ua-cam.com/video/Bb3G87J8XGE/v-deo.html
Finally, I was able to work firebase 9 real time data base with react. Thanks
Alhamdulillah
Finally it works!
Thanks bro keep it up.
Very concise and easy to understand and execute, I congratulate you, I hope you continue uploading more of firebase.
👍
thank you :) i will upload more of these till than you can check out the playlist it already contains many useful stuff.
Thank you so much. The best firebase tutorial I have ever seen!
thanks for praising :)
Great tutorial. I really enjoyed it. It helped me create a data entry UI for a mobile app that I'm building. Thanks a ton!
thats great :)
Thank you very very much bro, ive been trying to get this done for a long time and you have made so easy
super good to know :)
Thank you so much! Very useful tutorial. A very clear explanation to understand the connection to Firebase and manipulate data.
Oh my god after 3 hours of finding no solution you came to the rescue!!! Thank you sir!!!!
that's awesome, glad to help :)
Thank you, this was a very clear intro to connecting and using firebase to store/manipulate data :)
your comments really matter to us creators, it motivates us to keep going on!
Amazing bro you are ❤❤
You are too much.... You but the lesson in such away that even a complete beginner will understand every step. Thanks so much
You are welcome! :)
Many thanks. I'm building a smartphone app with Cordova and it works perfectly!!!
thanks dude i got stuck and watch your video and get clear everything.
Thanks friend, excellent video, greetings to Pakistan from my country Bolivia !!!!!
good (day/night) to you friend :)
@@HassaanRaza It's daytime, buddy, and your video has arrived just when I needed it most.
haha that's awesome, we have midnight here.
Thank you for making this amazing video it has helped me to finally understand how to connect to Firebase and manipulate data. At last I can move on to better things!!! Thanks again.
that's great, good luck with whatever you are doing :)
which are better to implement, modals on html with javascript or modals on react???
how to add automatic id value not a name?
Type error: cannot read properties of undefined('reading stdName')
I'm getting this error while select is clicked
this error means it cannot find the element either you have given the wrong id, or wrong reference, like id=abc and your are saying Abc, thats wrong.
Thank you for your effort, I've been searching a lot about this but this help from you was the only way I could get arround about how deal with firebase db and JS
thanks for writing such a long comment brother 😄
getting this error -- snapshot is not defined how can I solve it ?
Ohh Thank you brother, I'm searching for ver 9, thanks a lot .😍
why not use firebase queries to sort out list of data?
watch the new video now:
ua-cam.com/video/C4ZnTCi50bc/v-deo.html
You saved my life. Thank you so much brooo. It's working.
that's super good to know :)
How we generate Reading value dynamic graph with firebase but when we update firebase value then graph varry without refresh Page any video?
Is there any way to insert a integer data type?, it seems that whenever I input a number it always sends as string
for example you are sending
inp.value, instead
Number(inp.value)
@@HassaanRaza thx, it really helps
How did the other three buttons except INSERT work without button click event listener.I didn't see you adding event listener to the other 3 button.
Could you help me bro I'm new to coding
actually the video was cut a few times because of some mistakes otherwise you can see that after 15:00 i have added all the events without them the buttons will not work
@@HassaanRaza wow now i found it there...was that code actually there before when i asked you?....
This was the best tutorial! Thank you so so much!
You're so welcome!
Thank you so much for this video. It really very useful to understand Realtime firebase database
You are welcome! :)
thank you bro, you really helped me learn firebase
Thankyou so much for this video ....You Solve my many issue regarding firebase.
good to hear that :)
once again love you bose for making this tutorial. in new viersion and again my Question is if i save a same record as roll no. then show alert message this roll no. already saved use an other roll no. thank you please if you can ....
thanks from my bottom of the heart . its very very useful for my project
very good :)
very beautiful and helpful video. if you will explain get, ref.... it will more compact video. Although it is a really good video .
thank u i was searching for this video
idk why but the select button can't show my wanted rollnumber.
error is coming on select data code that dbref is not defined anyone pls tell what can i do now
const dbref = ref(db)
its a variable that takes firebase ref function and db means db configuration which you have defined.
" set failed: value argument contains undefined in property " help pls
debug the code find, where the error is.
How i can fetch data into android via firebase , the data come from external server ?? Plz i need help
Answer me if you can
Gracias por tu contenido amigo, saludos desde Chile.
gracias por tu comentario :) soy de Pakistan
Great tutorial. Now I'd like to query data of all students from a Section, so I changed rollbox.value to secbox.value, but got "No data found" even though the Section has the student's Name, RollNo, etc. Would you please advise me on how to do this query?
ua-cam.com/video/C4ZnTCi50bc/v-deo.html
this video is about what you are talking about.
I get an error said that Cannot read properties of null (reading 'value')
doing something wrong with the references even one character wrong in the id can cause this, "this" and "This" is not same
Thanks @theamazingcodeverse! Great tutorial that made me finally understand Firebase Realtime Database CRUD operations! One question is in the Firebase configuration object, you don't need to add the 'databaseURL' property?
Thank you so much, this video was very helpful!
Thankyou very much, this was really helpfull. Best video
Thanks for the video! You are awesome. Great tutorial
thank you so much!
Hey bro, realtime database in firebase many times throws an error Client is offline. I am not able to fix this error. Please suggest something.
Thank you sir. You did save my lot of search time
very informative thank u
I love you so so so so much this tutorial saved me...
love you too XD
Man I'm in love with your background gif. Where did you find it?
it runs through a software steam wallpaper engine which you can buy from steam store, the wallpaper is called bonfire
I have error client is offline. Anyone help me
it sometimes happens for no reason just refresh your page once or twice.
@@HassaanRaza I am using react and I many times refresh my page but I got same error
Muchísimas gracias me has ayudado, saludos desde Perú.
Encantado de ayudar :), soy de Pakistán
Helped a lot. Thanks :)
Bro will it work on version 9.6.8?
I mean the current version?
yes, it works for the current version.
@@HassaanRaza Ok thanks
hello sir your video are very helpful thanks for your great effort! I have seen more of your videos on Realtime database but I didn't get product list pagination or load more product button tutorial on v9 also search product from product from database and on click go to product detail, please give us tutorial on this thank you
Bless you my good sir you saved my 9 hour trying to make old firebase vr. code work sorry a$$
hahaha that's good it took me a while to get the code together, firebase doc sucks.
@@HassaanRaza sir is there any way to add push() to your set(ref()){} code?
please I trying to write the same code and it not working. Is it that I have firebase version 9.1.3? or something else. B.T.W. sorry for my english
it will work for all version however, i have use two import, it is must that both should contain the same firebase version
The video is totally awsome...............but if I try to add the script tag in the new file(ex: something.js) and declare the references, I am getting an error message of ("Uncaught ReferenceError: set is not defined at HTMLButtonElement.insertData") how to fix this
import statement only work in the current script scope, so functions are only valid in that script where you defined the import statement
Really good tutorial with all the things i need thanks alot
is safe to put all the credentials inside a public html ?
Thank you very much. I’m gonna try this out now.😍
woowww. You are a genius. This worked really well for me. Thank you for this precious video and for making it quick. Thanks again and best regards. :)))))
happy to know :) keep supporting
@@HassaanRaza of course I will. :)))
you are the best person I found to do this kind of videos. Very clear and compact content. Great teacher.
Hello and thank you for the tutorial, i only have a question, i follow the steps on making the insert function as well as the database setup but when i try to inserting data and clicking the insert button an error shows like this: Uncaught TypeError: Cannot read properties of null (reading 'value')
at HTMLButtonElement.InsertData. it is a big help to me because im trying to learn firebase, thank you very much
hello, i have the same problem as you, have you found a solution?
Hello Im really thankfull to see your tutorial and I have a question. How can we write the script in another file and call it in the html page
Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') help me pls
check ids of all button, if it matches your references in javascript.
hello sir i got some error, can you help me.
Cannot read properties of null (reading 'value') at HTMLButtonElement.InsertData
this error means it cannot find the element either you have given the wrong id, or wrong reference, like id=abc and your are saying Abc, thats wrong.
I have the same problem as you, have you found a solution?
Great tutorial!
Thanks a lot for the video
Really awesome tutorial. To the point explanation. Do you have any place where you have uploaded the code? It is easy to modify in place and check how it all works!
currently no. but working on it
Hello, I need to using "child added". How can i using?
Thank You Brother! New Subscriber Added to Family!!
Yo 😁
thanks for the tutorial,for me it's very helpfull
sir thank u so much
u really helped me out
keep it up 👍👍
great!
long live Pakistan :)
Very helpful, thank you so much
Is there a way to put the js code in a separate js file without using a server? It's quite messy to put the js code inside the html file, especially if the app is a lil bit big. Nonetheless, thanks for the tutorial!
have you found a solution?
Do you have any advice on how to use this code but deploy the result with chart.js?
haven't used it so no, you can visit the playlist from link in description to find out other videos which might help
awesome brother
Thank you for this good tutorial.
Thank you so much it is working..
Nice. Do you happen to have a guide on uploading our custom contact form to firebase hosting?
no i don't.
Sir plz make a video on how to upload and download images/videos to Firebase storage🙏🙏
i will take some time, i record on weekends, its hard for me to manage time, but it will surely come.
Thank you it's really great ! I had a question if you may, with select we can get one student. What is the methode to get all the students ? (in JSON ?) Thank you
in the example i am specifying rollno if you don't do that, you will get all the records in snapshot,
snapshot will have the complete json tree.
@@HassaanRaza Thank you for all !
brother when I add more than one data in the firebase realtime database , all data are automatically get deleted and show only field name.
please help on this?🎉
My path is set(ref(db , "users/" + userId) ) ...... but it is giving this error
validation.ts:352 Uncaught Error: child failed: path argument was an invalid path = "users/[object PointerEvent]". Paths must be non-empty strings and can't contain ".", "#", "$", "[", or "]"
Thanks, how can you make it so that it will show the values in the database in real time? e.g. like in a chat app
you can use onValue function for it, it gets data realtime.
firebase.google.com/docs/database/web/read-and-write
i will make a video chat app, but on next next weekend
Nice work there! Do you have anything (maybe in plan) about using Firebase emulators (i.e. without using data connection)?
i don't know about emulator.
Thank you very much sir. And I have some question, how can I update the realtime data without refresh my web app.
next video will be about that it will be released on Friday
Good to know that sir, thank you again for a great video.
can i have the file maybe i miss type something it didn't work
Hi Brother, Can you make one chat tutorial for 2 signed in users please
This video is for Realtime Database. How to deal with Firestore Database the same operations?
ua-cam.com/video/z-pyxOx3i1s/v-deo.html