This Video and Series Completely Supports Firebase v10.x.x
@dudaclash19432 жыл бұрын
Finally someone posted a very simple and helpful tutorial for the 9 release of firebase realtime. Thank you very much.🤜🏻🤛🏻
@HassaanRaza2 жыл бұрын
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 :)
@HassaanRazaАй бұрын
Retrieve Firebase Data Into Html Table Tutorial: kzbin.info/www/bejne/bnjRgaWsn8yaa68 Perform CRUD with FIrebase Using HTML Table: kzbin.info/www/bejne/eJOWeGttf52Lfac
@abnoco Жыл бұрын
Great tutorial. Easy to follow and a lot of information. No React, EJS, Axios, etc. etc. etc. Just clean, easy to understand code that works. THANK YOU! A foundation I can build upon. Finally.
@HassaanRaza Жыл бұрын
thank you for your brief appreciation 😄
@mattc94092 жыл бұрын
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!
@HassaanRaza2 жыл бұрын
i read the firebase documentation (which is incomplete), asked a little on stackoverflow and figured the rest out of myself 😁
@abdullahafrij8662 жыл бұрын
Me too😂
@abdullahafrij8662 жыл бұрын
@@HassaanRaza genius bro u re
@HassaanRaza2 жыл бұрын
@@abdullahafrij866 thanks man
@tuananhdo18702 жыл бұрын
The official docs is just very lackluster
@HassaanRaza2 жыл бұрын
why not use firebase queries to sort out list of data? watch the new video now: kzbin.info/www/bejne/eWW9n4d5nppjmMU
@HassaanRaza2 жыл бұрын
Check Out The New React with Firebase 9 tutorial: kzbin.info/www/bejne/Z4Wsh5d_hK6LbJY Check Out Complete Playlist For Version 9: + Realtime Database: kzbin.info/aero/PLrb70iTVZjZMQGywkJ8nsXG7_ZyHc_rAV + Cloud Firestore: kzbin.info/aero/PLrb70iTVZjZOtt_9AMiIz-28sSNS73Yq-
@RiyaKumari-ve9nt2 жыл бұрын
please provide code also
@taylorbarron49502 жыл бұрын
This is the third attempt I've made at getting Firebase to work for me and this worked right away. Thank you!
@HassaanRaza2 жыл бұрын
awesome!
@newmangilberts32212 жыл бұрын
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
@codewithdevhindi99372 жыл бұрын
had a lot of issues learning firebase 9v loved your excellent video keep making godly videos like this 🚀🚀🚀🚀🚀
@HassaanRaza2 жыл бұрын
thanks man
@shamy51882 жыл бұрын
There is always one Indian on the internet who knows everything. 17.10.21 works. Thanks
@HassaanRaza2 жыл бұрын
i am a Pakistani, India and Pakistan are similar but very different, its like america and england, japan and china etc.
@shamy51882 жыл бұрын
@@HassaanRaza sorry, just guessed by your accent)
@HassaanRaza2 жыл бұрын
its okay :) indians are also doing great work on KZbin
@emilianobustamante5013 Жыл бұрын
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!!!!
@HassaanRaza Жыл бұрын
you most welcome and thank you too so much, your very detailed comment means alot.
@harolddavidson55982 жыл бұрын
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!
@HassaanRaza2 жыл бұрын
thats great :)
@samiulhaqqq Жыл бұрын
Finally, I was able to work firebase 9 real time data base with react. Thanks
@ttnsmrnv413711 ай бұрын
Thank you so much! Very useful tutorial. A very clear explanation to understand the connection to Firebase and manipulate data.
@sammybammy522 жыл бұрын
Thank you very very much bro, ive been trying to get this done for a long time and you have made so easy
@HassaanRaza2 жыл бұрын
super good to know :)
@lrajoo112 жыл бұрын
great! a version 9 playlist. you're a lifesaver brother
@HassaanRaza2 жыл бұрын
hehe saving lives since 2019 😆
@jesusgarcia6178 Жыл бұрын
Very concise and easy to understand and execute, I congratulate you, I hope you continue uploading more of firebase. 👍
@HassaanRaza Жыл бұрын
thank you :) i will upload more of these till than you can check out the playlist it already contains many useful stuff.
@tahsinahmadsadik56042 жыл бұрын
Thank you so much. The best firebase tutorial I have ever seen!
@HassaanRaza2 жыл бұрын
thanks for praising :)
@SalmanShah952 жыл бұрын
Alhamdulillah Finally it works! Thanks bro keep it up.
@gregdev3314 Жыл бұрын
Many thanks. I'm building a smartphone app with Cordova and it works perfectly!!!
@melincognito95602 жыл бұрын
Thank you, this was a very clear intro to connecting and using firebase to store/manipulate data :)
@HassaanRaza2 жыл бұрын
your comments really matter to us creators, it motivates us to keep going on!
@kw78142 жыл бұрын
Oh my god after 3 hours of finding no solution you came to the rescue!!! Thank you sir!!!!
@HassaanRaza2 жыл бұрын
that's awesome, glad to help :)
@RafaelRodriguez-jq3wc2 жыл бұрын
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
@HassaanRaza2 жыл бұрын
thanks for writing such a long comment brother 😄
@world401236 ай бұрын
Thank you so much for this video. It really very useful to understand Realtime firebase database
@HassaanRaza6 ай бұрын
You are welcome! :)
@surajtech1100 Жыл бұрын
thanks dude i got stuck and watch your video and get clear everything.
@chillaxseeyou10 ай бұрын
i have this problem when fetching the data from firebase ,its not shown but when i inspect there no any problem
@HassaanRaza10 ай бұрын
put alert() in function and check that the function is triggering or not. also try to print the snapshot retrieved from firebase in the arrow function in console log
@my_fitter2 жыл бұрын
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.
@HassaanRaza2 жыл бұрын
that's great, good luck with whatever you are doing :)
@Cofe4RealinIgbo Жыл бұрын
You are too much.... You but the lesson in such away that even a complete beginner will understand every step. Thanks so much
@HassaanRaza Жыл бұрын
You are welcome! :)
@oshotz2 жыл бұрын
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
@HassaanRaza2 жыл бұрын
even included outro 😆
@puneethrao75202 жыл бұрын
Type error: cannot read properties of undefined('reading stdName') I'm getting this error while select is clicked
@HassaanRaza2 жыл бұрын
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.
@noer-man4 ай бұрын
thank you bro, you really helped me learn firebase
@MrAlvaro19002 жыл бұрын
Thanks friend, excellent video, greetings to Pakistan from my country Bolivia !!!!!
@HassaanRaza2 жыл бұрын
good (day/night) to you friend :)
@MrAlvaro19002 жыл бұрын
@@HassaanRaza It's daytime, buddy, and your video has arrived just when I needed it most.
@HassaanRaza2 жыл бұрын
haha that's awesome, we have midnight here.
@kvsec13372 жыл бұрын
Ohh Thank you brother, I'm searching for ver 9, thanks a lot .😍
@stevev9221 Жыл бұрын
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?
@Kamil418732 жыл бұрын
You saved my life. Thank you so much brooo. It's working.
@HassaanRaza2 жыл бұрын
that's super good to know :)
@amiableperson51862 жыл бұрын
Thankyou so much for this video ....You Solve my many issue regarding firebase.
@HassaanRaza2 жыл бұрын
good to hear that :)
@kapilvirat44432 жыл бұрын
thanks from my bottom of the heart . its very very useful for my project
@HassaanRaza2 жыл бұрын
very good :)
@atrikashow8118 Жыл бұрын
very beautiful and helpful video. if you will explain get, ref.... it will more compact video. Although it is a really good video .
@effymichael95 Жыл бұрын
This was the best tutorial! Thank you so so much!
@HassaanRaza Жыл бұрын
You're so welcome!
@user-qe8cx8cv8f6 ай бұрын
error is coming on select data code that dbref is not defined anyone pls tell what can i do now
@HassaanRaza5 ай бұрын
const dbref = ref(db) its a variable that takes firebase ref function and db means db configuration which you have defined.
@ab123-j7v4 ай бұрын
thank you very much bro amazing and simple
@darlinmanuelcasadoperez10922 жыл бұрын
Thank you so much, this video was very helpful!
@katyakakash57002 жыл бұрын
I love you so so so so much this tutorial saved me...
@HassaanRaza2 жыл бұрын
love you too XD
@phamphu1753 Жыл бұрын
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"
@01ALPHA2 жыл бұрын
getting this error -- snapshot is not defined how can I solve it ?
@TheAlibaadshah2 жыл бұрын
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 ....
@anwarsayed696211 ай бұрын
very informative thank u
@valentinfournier59352 жыл бұрын
" set failed: value argument contains undefined in property " help pls
@HassaanRaza2 жыл бұрын
debug the code find, where the error is.
@Akshat_jain1008 Жыл бұрын
Amazing bro you are ❤❤
@GoldenJet3344 Жыл бұрын
Bless you my good sir you saved my 9 hour trying to make old firebase vr. code work sorry a$$
@HassaanRaza Жыл бұрын
hahaha that's good it took me a while to get the code together, firebase doc sucks.
@GoldenJet3344 Жыл бұрын
@@HassaanRaza sir is there any way to add push() to your set(ref()){} code?
@hindustanibhau67922 жыл бұрын
Thank you sir. You did save my lot of search time
@aeideevie6237 Жыл бұрын
Thankyou very much, this was really helpfull. Best video
@asepbensin1469 Жыл бұрын
thanks for the tutorial,for me it's very helpfull
@jimmymason74612 жыл бұрын
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?
@HassaanRaza2 жыл бұрын
kzbin.info/www/bejne/eWW9n4d5nppjmMU this video is about what you are talking about.
@dannywilson96042 жыл бұрын
Really good tutorial with all the things i need thanks alot
@cgutopia1655 Жыл бұрын
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
@josephj.mirandan.9489 Жыл бұрын
Thanks for the video! You are awesome. Great tutorial
@HassaanRaza Жыл бұрын
thank you so much!
@loranetwork Жыл бұрын
which are better to implement, modals on html with javascript or modals on react???
@SandeshMotoVlogs2 жыл бұрын
Sir plz make a video on how to upload and download images/videos to Firebase storage🙏🙏
@HassaanRaza2 жыл бұрын
i will take some time, i record on weekends, its hard for me to manage time, but it will surely come.
@alfredabogado Жыл бұрын
idk why but the select button can't show my wanted rollnumber.
@sajanakavindawickramarathn71992 жыл бұрын
Thank you very much. I’m gonna try this out now.😍
@sajanakavindawickramarathn71992 жыл бұрын
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. :)))))
@HassaanRaza2 жыл бұрын
happy to know :) keep supporting
@sajanakavindawickramarathn71992 жыл бұрын
@@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.
@bhaskererrab72202 жыл бұрын
thank u i was searching for this video
@renatobravo842 жыл бұрын
Gracias por tu contenido amigo, saludos desde Chile.
@HassaanRaza2 жыл бұрын
gracias por tu comentario :) soy de Pakistan
@raspicc2 жыл бұрын
Muchísimas gracias me has ayudado, saludos desde Perú.
@HassaanRaza2 жыл бұрын
Encantado de ayudar :), soy de Pakistán
@rodrigo1300 Жыл бұрын
Man I'm in love with your background gif. Where did you find it?
@HassaanRaza Жыл бұрын
it runs through a software steam wallpaper engine which you can buy from steam store, the wallpaper is called bonfire
@jhonpaulluceno82572 жыл бұрын
how to add automatic id value not a name?
@sealtielorionrodriguez7186 Жыл бұрын
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
@yaqeenhamadat2472 жыл бұрын
How i can fetch data into android via firebase , the data come from external server ?? Plz i need help Answer me if you can
@sapnakose2 жыл бұрын
How we generate Reading value dynamic graph with firebase but when we update firebase value then graph varry without refresh Page any video?
@prathmeshadsod6292 жыл бұрын
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 "]"
@mkilphewer24252 жыл бұрын
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
@HassaanRaza2 жыл бұрын
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
@mkilphewer24252 жыл бұрын
@@HassaanRaza wow now i found it there...was that code actually there before when i asked you?....
@adnanshah64712 жыл бұрын
sir thank u so much u really helped me out keep it up 👍👍
@HassaanRaza2 жыл бұрын
great! long live Pakistan :)
@willymalkias76382 жыл бұрын
I get an error said that Cannot read properties of null (reading 'value')
@HassaanRaza2 жыл бұрын
doing something wrong with the references even one character wrong in the id can cause this, "this" and "This" is not same
@atuk58542 жыл бұрын
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
@HassaanRaza2 жыл бұрын
it will work for all version however, i have use two import, it is must that both should contain the same firebase version
@yogeshlate47482 жыл бұрын
Thank You Brother! New Subscriber Added to Family!!
@HassaanRaza2 жыл бұрын
Yo 😁
@dharmatejagurram92592 жыл бұрын
Helped a lot. Thanks :)
@diyarparw82642 жыл бұрын
Thank you for this good tutorial.
@CraftingGems2 жыл бұрын
Thanks a lot for the video
@jaysontabingue98562 жыл бұрын
hello sir i got some error, can you help me. Cannot read properties of null (reading 'value') at HTMLButtonElement.InsertData
@HassaanRaza2 жыл бұрын
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.
@AnimexS0ngsАй бұрын
shukrya sir😊
@7coach Жыл бұрын
This video is for Realtime Database. How to deal with Firestore Database the same operations?
@HassaanRaza Жыл бұрын
kzbin.info/www/bejne/sF7TqquFrZicZ9U
@adityakoparkar Жыл бұрын
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!
@HassaanRaza Жыл бұрын
currently no. but working on it
@ezekiellati52572 жыл бұрын
Is there any way to insert a integer data type?, it seems that whenever I input a number it always sends as string
@HassaanRaza2 жыл бұрын
for example you are sending inp.value, instead Number(inp.value)
@ezekiellati52572 жыл бұрын
@@HassaanRaza thx, it really helps
@shivamsuri33412 жыл бұрын
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.
@ashiqahamed5132 жыл бұрын
I have error client is offline. Anyone help me
@HassaanRaza2 жыл бұрын
it sometimes happens for no reason just refresh your page once or twice.
@ashiqahamed5132 жыл бұрын
@@HassaanRaza I am using react and I many times refresh my page but I got same error
@premautubechannel12732 жыл бұрын
Thank you so much it is working..
@emirhan86861 Жыл бұрын
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
@sandee92432 жыл бұрын
Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') help me pls
@HassaanRaza2 жыл бұрын
check ids of all button, if it matches your references in javascript.
@satellitesage24872 жыл бұрын
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!
@sirintruder48522 жыл бұрын
have you found a solution?
@darkclove73652 жыл бұрын
If you for whatever reason choose to have the database stored in any other region than the US, you have to set the databaseURL property in firebaseConfig const firebaseConfig = { xxxx: "xxxx", xxxx: "xxxx", databaseURL: "url that's in the realtime database page at firebase" } Without the databaseURL property the config default to US.
@antonskorin95682 жыл бұрын
Great tutorial!
@SalmanShah952 жыл бұрын
Bro will it work on version 9.6.8? I mean the current version?
@HassaanRaza2 жыл бұрын
yes, it works for the current version.
@SalmanShah952 жыл бұрын
@@HassaanRaza Ok thanks
@skandasuresh89412 жыл бұрын
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
@HassaanRaza2 жыл бұрын
import statement only work in the current script scope, so functions are only valid in that script where you defined the import statement
@swaroopmuralidharan525 Жыл бұрын
Thank you!
@Bonomax85 Жыл бұрын
is safe to put all the credentials inside a public html ?
@ahmedolukorede38462 жыл бұрын
Nice work there! Do you have anything (maybe in plan) about using Firebase emulators (i.e. without using data connection)?
@HassaanRaza2 жыл бұрын
i don't know about emulator.
@Rutchata992 жыл бұрын
Thank you very much sir. And I have some question, how can I update the realtime data without refresh my web app.
@HassaanRaza2 жыл бұрын
next video will be about that it will be released on Friday
@Rutchata992 жыл бұрын
Good to know that sir, thank you again for a great video.
@karanpreetsingh2476 Жыл бұрын
Hi Brother, Can you make one chat tutorial for 2 signed in users please