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 :)
@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
@codewithdevhindi99372 жыл бұрын
had a lot of issues learning firebase 9v loved your excellent video keep making godly videos like this 🚀🚀🚀🚀🚀
@HassaanRaza2 жыл бұрын
thanks man
@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!
@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 KZfaq
@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
@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.
@lrajoo112 жыл бұрын
great! a version 9 playlist. you're a lifesaver brother
@HassaanRaza2 жыл бұрын
hehe saving lives since 2019 😆
@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 :)
@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.
@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 :)
@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 :)
@SalmanShah952 жыл бұрын
Alhamdulillah Finally it works! Thanks bro keep it up.
@samiulhaqqq Жыл бұрын
Finally, I was able to work firebase 9 real time data base with react. Thanks
@tahsinahmadsadik56042 жыл бұрын
Thank you so much. The best firebase tutorial I have ever seen!
@HassaanRaza2 жыл бұрын
thanks for praising :)
@ttnsmrnv413711 ай бұрын
Thank you so much! Very useful tutorial. A very clear explanation to understand the connection to Firebase and manipulate data.
@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 😆
@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!
@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! :)
@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 😄
@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 :)
@surajtech1100 Жыл бұрын
thanks dude i got stuck and watch your video and get clear everything.
@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?
@gregdev3314 Жыл бұрын
Many thanks. I'm building a smartphone app with Cordova and it works perfectly!!!
@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.
@world401236 ай бұрын
Thank you so much for this video. It really very useful to understand Realtime firebase database
@HassaanRaza6 ай бұрын
You are welcome! :)
@Kamil418732 жыл бұрын
You saved my life. Thank you so much brooo. It's working.
@HassaanRaza2 жыл бұрын
that's super good to know :)
@kvsec13372 жыл бұрын
Ohh Thank you brother, I'm searching for ver 9, thanks a lot .😍
@effymichael95 Жыл бұрын
This was the best tutorial! Thank you so so much!
@HassaanRaza Жыл бұрын
You're so welcome!
@noer-man3 ай бұрын
thank you bro, you really helped me learn firebase
@Akshat_jain1008 Жыл бұрын
Amazing bro you are ❤❤
@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 жыл бұрын
kzfaq.info/get/bejne/eZqKobd0zpuUkpc.html this video is about what you are talking about.
@amiableperson51862 жыл бұрын
Thankyou so much for this video ....You Solve my many issue regarding firebase.
@HassaanRaza2 жыл бұрын
good to hear that :)
@atrikashow8118 Жыл бұрын
very beautiful and helpful video. if you will explain get, ref.... it will more compact video. Although it is a really good video .
@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 ....
@HassaanRazaАй бұрын
Retrieve Firebase Data Into Html Table Tutorial: kzfaq.info/get/bejne/bq2eg9Wnz83LZYE.html Perform CRUD with FIrebase Using HTML Table: kzfaq.info/get/bejne/eMhjeptor568d3k.html
@kapilvirat44432 жыл бұрын
thanks from my bottom of the heart . its very very useful for my project
@HassaanRaza2 жыл бұрын
very good :)
@katyakakash57002 жыл бұрын
I love you so so so so much this tutorial saved me...
@HassaanRaza2 жыл бұрын
love you too XD
@darlinmanuelcasadoperez10922 жыл бұрын
Thank you so much, this video was very helpful!
@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.
@bhaskererrab72202 жыл бұрын
thank u i was searching for this video
@anwarsayed696210 ай бұрын
very informative thank u
@renatobravo842 жыл бұрын
Gracias por tu contenido amigo, saludos desde Chile.
@HassaanRaza2 жыл бұрын
gracias por tu comentario :) soy de Pakistan
@josephj.mirandan.9489 Жыл бұрын
Thanks for the video! You are awesome. Great tutorial
@HassaanRaza Жыл бұрын
thank you so much!
@01ALPHA2 жыл бұрын
getting this error -- snapshot is not defined how can I solve it ?
@loranetwork Жыл бұрын
which are better to implement, modals on html with javascript or modals on react???
@HassaanRaza2 жыл бұрын
Check Out The New React with Firebase 9 tutorial: kzfaq.info/get/bejne/Z7p5icd6tK-8Zmg.html Check Out Complete Playlist For Version 9: + Realtime Database: kzfaq.info/sun/PLrb70iTVZjZMQGywkJ8nsXG7_ZyHc_rAV + Cloud Firestore: kzfaq.info/sun/PLrb70iTVZjZOtt_9AMiIz-28sSNS73Yq-
@RiyaKumari-ve9nt2 жыл бұрын
please provide code also
@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
@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
@chillaxseeyou9 ай бұрын
i have this problem when fetching the data from firebase ,its not shown but when i inspect there no any problem
@HassaanRaza9 ай бұрын
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
@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"
@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.
@raspicc2 жыл бұрын
Muchísimas gracias me has ayudado, saludos desde Perú.
@HassaanRaza2 жыл бұрын
Encantado de ayudar :), soy de Pakistán
@asaadkittaneh29283 ай бұрын
thank you very much bro amazing and simple
@dannywilson96042 жыл бұрын
Really good tutorial with all the things i need thanks alot
@dharmatejagurram92592 жыл бұрын
Helped a lot. Thanks :)
@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
@hindustanibhau67922 жыл бұрын
Thank you sir. You did save my lot of search time
@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.
@aeideevie6237 Жыл бұрын
Thankyou very much, this was really helpfull. Best video
@CraftingGems2 жыл бұрын
Thanks a lot for the video
@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?
@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?....
@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.
@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!
@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
@yogeshlate47482 жыл бұрын
Thank You Brother! New Subscriber Added to Family!!
@HassaanRaza2 жыл бұрын
Yo 😁
@senthuranradakrishnan82472 жыл бұрын
Very helpful, thank you so much
@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
@asepbensin1469 Жыл бұрын
thanks for the tutorial,for me it's very helpfull
@AnimexS0ngsАй бұрын
shukrya sir😊
@jhonpaulluceno82572 жыл бұрын
how to add automatic id value not a name?
@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.
@7coach Жыл бұрын
This video is for Realtime Database. How to deal with Firestore Database the same operations?
@HassaanRaza Жыл бұрын
kzfaq.info/get/bejne/sJOgrNuA3ZnNYac.html
@guitarriffslibrary2 жыл бұрын
AFTER CLICKING THE "INSERT" BUTTON, IT WONT CONNECT WITH THE FIREBASE. PLEASE HELP. THANKS
@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?
@diyarparw82642 жыл бұрын
Thank you for this good tutorial.
@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
@valentinfournier59352 жыл бұрын
" set failed: value argument contains undefined in property " help pls
@HassaanRaza2 жыл бұрын
debug the code find, where the error is.
@alfredabogado Жыл бұрын
idk why but the select button can't show my wanted rollnumber.
@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
@sapnakose2 жыл бұрын
How we generate Reading value dynamic graph with firebase but when we update firebase value then graph varry without refresh Page any video?
@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
@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
@olivierboulanger11182 жыл бұрын
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
@HassaanRaza2 жыл бұрын
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.
@olivierboulanger11182 жыл бұрын
@@HassaanRaza Thank you for all !
@anabulrain32912 жыл бұрын
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?🎉
@user-qe8cx8cv8f5 ай бұрын
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.
@gamermaniac8077 Жыл бұрын
you're the best
@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
@BonusNewMember100 Жыл бұрын
👍👍👍👍👍👍👍👍👍 10000 like Tutoriall
@parvesriyan8616 Жыл бұрын
awesome brother
@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
@premautubechannel12732 жыл бұрын
Thank you so much it is working..
@adnanshah64712 жыл бұрын
sir thank u so much u really helped me out keep it up 👍👍
@HassaanRaza2 жыл бұрын
great! long live Pakistan :)
@cartilage51172 жыл бұрын
Thank you so much!
@sundararvind57862 жыл бұрын
Too good man
@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 "]"