Тёмный

READ, WRITE, UPDATE, DELETE Data | Firebase Realtime Database v9 | JavaScript 

The Amazing Codeverse
Подписаться 12 тыс.
Просмотров 89 тыс.
50% 1

Опубликовано:

 

17 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 270   
@HassaanRaza
@HassaanRaza Год назад
This Video and Series Completely Supports Firebase v10.x.x
@dudaclash1943
@dudaclash1943 2 года назад
Finally someone posted a very simple and helpful tutorial for the 9 release of firebase realtime. Thank you very much.🤜🏻🤛🏻
@HassaanRaza
@HassaanRaza 2 года назад
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
@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
@HassaanRaza Год назад
thank you for your brief appreciation 😄
@mattc9409
@mattc9409 3 года назад
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!
@HassaanRaza
@HassaanRaza 3 года назад
i read the firebase documentation (which is incomplete), asked a little on stackoverflow and figured the rest out of myself 😁
@abdullahafrij866
@abdullahafrij866 3 года назад
Me too😂
@abdullahafrij866
@abdullahafrij866 3 года назад
@@HassaanRaza genius bro u re
@HassaanRaza
@HassaanRaza 3 года назад
@@abdullahafrij866 thanks man
@tuananhdo1870
@tuananhdo1870 2 года назад
The official docs is just very lackluster
@taylorbarron4950
@taylorbarron4950 2 года назад
This is the third attempt I've made at getting Firebase to work for me and this worked right away. Thank you!
@HassaanRaza
@HassaanRaza 2 года назад
awesome!
@shamy5188
@shamy5188 2 года назад
There is always one Indian on the internet who knows everything. 17.10.21 works. Thanks
@HassaanRaza
@HassaanRaza 2 года назад
i am a Pakistani, India and Pakistan are similar but very different, its like america and england, japan and china etc.
@shamy5188
@shamy5188 2 года назад
@@HassaanRaza sorry, just guessed by your accent)
@HassaanRaza
@HassaanRaza 2 года назад
its okay :) indians are also doing great work on RU-vid
@newmangilberts3221
@newmangilberts3221 2 года назад
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
@codewithdevhindi9937
@codewithdevhindi9937 2 года назад
had a lot of issues learning firebase 9v loved your excellent video keep making godly videos like this 🚀🚀🚀🚀🚀
@HassaanRaza
@HassaanRaza 2 года назад
thanks man
@lrajoo11
@lrajoo11 2 года назад
great! a version 9 playlist. you're a lifesaver brother
@HassaanRaza
@HassaanRaza 2 года назад
hehe saving lives since 2019 😆
@jesusgarcia6178
@jesusgarcia6178 Год назад
Very concise and easy to understand and execute, I congratulate you, I hope you continue uploading more of firebase. 👍
@HassaanRaza
@HassaanRaza Год назад
thank you :) i will upload more of these till than you can check out the playlist it already contains many useful stuff.
@harolddavidson5598
@harolddavidson5598 2 года назад
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!
@HassaanRaza
@HassaanRaza 2 года назад
thats great :)
@emilianobustamante5013
@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
@HassaanRaza Год назад
you most welcome and thank you too so much, your very detailed comment means alot.
@sammybammy52
@sammybammy52 2 года назад
Thank you very very much bro, ive been trying to get this done for a long time and you have made so easy
@HassaanRaza
@HassaanRaza 2 года назад
super good to know :)
@SalmanShah95
@SalmanShah95 2 года назад
Alhamdulillah Finally it works! Thanks bro keep it up.
@samiulhaqqq
@samiulhaqqq Год назад
Finally, I was able to work firebase 9 real time data base with react. Thanks
@kw7814
@kw7814 2 года назад
Oh my god after 3 hours of finding no solution you came to the rescue!!! Thank you sir!!!!
@HassaanRaza
@HassaanRaza 2 года назад
that's awesome, glad to help :)
@tahsinahmadsadik5604
@tahsinahmadsadik5604 2 года назад
Thank you so much. The best firebase tutorial I have ever seen!
@HassaanRaza
@HassaanRaza 2 года назад
thanks for praising :)
@Cofe4RealinIgbo
@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
@HassaanRaza Год назад
You are welcome! :)
@surajtech1100
@surajtech1100 Год назад
thanks dude i got stuck and watch your video and get clear everything.
@oshotz
@oshotz 2 года назад
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
@HassaanRaza
@HassaanRaza 2 года назад
even included outro 😆
@ttnsmrnv4137
@ttnsmrnv4137 11 месяцев назад
Thank you so much! Very useful tutorial. A very clear explanation to understand the connection to Firebase and manipulate data.
@melincognito9560
@melincognito9560 2 года назад
Thank you, this was a very clear intro to connecting and using firebase to store/manipulate data :)
@HassaanRaza
@HassaanRaza 2 года назад
your comments really matter to us creators, it motivates us to keep going on!
@MrAlvaro1900
@MrAlvaro1900 2 года назад
Thanks friend, excellent video, greetings to Pakistan from my country Bolivia !!!!!
@HassaanRaza
@HassaanRaza 2 года назад
good (day/night) to you friend :)
@MrAlvaro1900
@MrAlvaro1900 2 года назад
@@HassaanRaza It's daytime, buddy, and your video has arrived just when I needed it most.
@HassaanRaza
@HassaanRaza 2 года назад
haha that's awesome, we have midnight here.
@stevev9221
@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?
@my_fitter
@my_fitter 2 года назад
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.
@HassaanRaza
@HassaanRaza 2 года назад
that's great, good luck with whatever you are doing :)
@RafaelRodriguez-jq3wc
@RafaelRodriguez-jq3wc 2 года назад
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
@HassaanRaza
@HassaanRaza 2 года назад
thanks for writing such a long comment brother 😄
@gregdev3314
@gregdev3314 Год назад
Many thanks. I'm building a smartphone app with Cordova and it works perfectly!!!
@atrikashow8118
@atrikashow8118 Год назад
very beautiful and helpful video. if you will explain get, ref.... it will more compact video. Although it is a really good video .
@kvsec1337
@kvsec1337 3 года назад
Ohh Thank you brother, I'm searching for ver 9, thanks a lot .😍
@TheAlibaadshah
@TheAlibaadshah 2 года назад
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 ....
@Akshat_jain1008
@Akshat_jain1008 Год назад
Amazing bro you are ❤❤
@noer-man
@noer-man 4 месяца назад
thank you bro, you really helped me learn firebase
@Kamil41873
@Kamil41873 2 года назад
You saved my life. Thank you so much brooo. It's working.
@HassaanRaza
@HassaanRaza 2 года назад
that's super good to know :)
@world40123
@world40123 7 месяцев назад
Thank you so much for this video. It really very useful to understand Realtime firebase database
@HassaanRaza
@HassaanRaza 6 месяцев назад
You are welcome! :)
@anwarsayed6962
@anwarsayed6962 11 месяцев назад
very informative thank u
@effymichael95
@effymichael95 Год назад
This was the best tutorial! Thank you so so much!
@HassaanRaza
@HassaanRaza Год назад
You're so welcome!
@SandeshMotoVlogs
@SandeshMotoVlogs 2 года назад
Sir plz make a video on how to upload and download images/videos to Firebase storage🙏🙏
@HassaanRaza
@HassaanRaza 2 года назад
i will take some time, i record on weekends, its hard for me to manage time, but it will surely come.
@rodrigo1300
@rodrigo1300 Год назад
Man I'm in love with your background gif. Where did you find it?
@HassaanRaza
@HassaanRaza Год назад
it runs through a software steam wallpaper engine which you can buy from steam store, the wallpaper is called bonfire
@cgutopia1655
@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
@amiableperson5186
@amiableperson5186 2 года назад
Thankyou so much for this video ....You Solve my many issue regarding firebase.
@HassaanRaza
@HassaanRaza 2 года назад
good to hear that :)
@renatobravo84
@renatobravo84 2 года назад
Gracias por tu contenido amigo, saludos desde Chile.
@HassaanRaza
@HassaanRaza 2 года назад
gracias por tu comentario :) soy de Pakistan
@sajanakavindawickramarathn7199
@sajanakavindawickramarathn7199 3 года назад
Thank you very much. I’m gonna try this out now.😍
@sajanakavindawickramarathn7199
@sajanakavindawickramarathn7199 3 года назад
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. :)))))
@HassaanRaza
@HassaanRaza 3 года назад
happy to know :) keep supporting
@sajanakavindawickramarathn7199
@sajanakavindawickramarathn7199 3 года назад
@@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.
@jimmymason7461
@jimmymason7461 2 года назад
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?
@HassaanRaza
@HassaanRaza 2 года назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-C4ZnTCi50bc.html this video is about what you are talking about.
@ab123-j7v
@ab123-j7v 4 месяца назад
thank you very much bro amazing and simple
@darlinmanuelcasadoperez1092
@darlinmanuelcasadoperez1092 2 года назад
Thank you so much, this video was very helpful!
@kapilvirat4443
@kapilvirat4443 2 года назад
thanks from my bottom of the heart . its very very useful for my project
@HassaanRaza
@HassaanRaza 2 года назад
very good :)
@7coach
@7coach Год назад
This video is for Realtime Database. How to deal with Firestore Database the same operations?
@HassaanRaza
@HassaanRaza Год назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-z-pyxOx3i1s.html
@bhaskererrab7220
@bhaskererrab7220 2 года назад
thank u i was searching for this video
@GoldenJet3344
@GoldenJet3344 Год назад
Bless you my good sir you saved my 9 hour trying to make old firebase vr. code work sorry a$$
@HassaanRaza
@HassaanRaza Год назад
hahaha that's good it took me a while to get the code together, firebase doc sucks.
@GoldenJet3344
@GoldenJet3344 Год назад
@@HassaanRaza sir is there any way to add push() to your set(ref()){} code?
@aeideevie6237
@aeideevie6237 Год назад
Thankyou very much, this was really helpfull. Best video
@CraftingGems
@CraftingGems 2 года назад
Thanks a lot for the video
@katyakakash5700
@katyakakash5700 2 года назад
I love you so so so so much this tutorial saved me...
@HassaanRaza
@HassaanRaza 2 года назад
love you too XD
@dannywilson9604
@dannywilson9604 2 года назад
Really good tutorial with all the things i need thanks alot
@hindustanibhau6792
@hindustanibhau6792 2 года назад
Thank you sir. You did save my lot of search time
@josephj.mirandan.9489
@josephj.mirandan.9489 Год назад
Thanks for the video! You are awesome. Great tutorial
@HassaanRaza
@HassaanRaza Год назад
thank you so much!
@asepbensin1469
@asepbensin1469 Год назад
thanks for the tutorial,for me it's very helpfull
@adityakoparkar
@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
@HassaanRaza Год назад
currently no. but working on it
@yogeshlate4748
@yogeshlate4748 2 года назад
Thank You Brother! New Subscriber Added to Family!!
@HassaanRaza
@HassaanRaza 2 года назад
Yo 😁
@raspicc
@raspicc 2 года назад
Muchísimas gracias me has ayudado, saludos desde Perú.
@HassaanRaza
@HassaanRaza 2 года назад
Encantado de ayudar :), soy de Pakistán
@AnimexS0ngs
@AnimexS0ngs 2 месяца назад
shukrya sir😊
@dharmatejagurram9259
@dharmatejagurram9259 2 года назад
Helped a lot. Thanks :)
@ahmedolukorede3846
@ahmedolukorede3846 2 года назад
Nice work there! Do you have anything (maybe in plan) about using Firebase emulators (i.e. without using data connection)?
@HassaanRaza
@HassaanRaza 2 года назад
i don't know about emulator.
@diyarparw8264
@diyarparw8264 2 года назад
Thank you for this good tutorial.
@BonusNewMember100
@BonusNewMember100 Год назад
👍👍👍👍👍👍👍👍👍 10000 like Tutoriall
@puneethrao7520
@puneethrao7520 2 года назад
Type error: cannot read properties of undefined('reading stdName') I'm getting this error while select is clicked
@HassaanRaza
@HassaanRaza 2 года назад
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.
@swaroopmuralidharan525
@swaroopmuralidharan525 Год назад
Thank you!
@adnanshah6471
@adnanshah6471 2 года назад
sir thank u so much u really helped me out keep it up 👍👍
@HassaanRaza
@HassaanRaza 2 года назад
great! long live Pakistan :)
@parvesriyan8616
@parvesriyan8616 Год назад
awesome brother
@loranetwork
@loranetwork Год назад
which are better to implement, modals on html with javascript or modals on react???
@antonskorin9568
@antonskorin9568 2 года назад
Great tutorial!
@abusolo_3255
@abusolo_3255 Год назад
thank you so much :D
@tamiratfereja9154
@tamiratfereja9154 Год назад
Thank you 🎉
@darkclove7365
@darkclove7365 2 года назад
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.
@cartilage5117
@cartilage5117 2 года назад
Thank you so much!
@asifansariofficial656
@asifansariofficial656 3 года назад
Good work
@eztough6855
@eztough6855 3 месяца назад
thank you brooo!
@premautubechannel1273
@premautubechannel1273 2 года назад
Thank you so much it is working..
@chillaxseeyou
@chillaxseeyou 10 месяцев назад
i have this problem when fetching the data from firebase ,its not shown but when i inspect there no any problem
@HassaanRaza
@HassaanRaza 10 месяцев назад
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
@jhonpaulluceno8257
@jhonpaulluceno8257 2 года назад
how to add automatic id value not a name?
@Rutchata99
@Rutchata99 2 года назад
Thank you very much sir. And I have some question, how can I update the realtime data without refresh my web app.
@HassaanRaza
@HassaanRaza 2 года назад
next video will be about that it will be released on Friday
@Rutchata99
@Rutchata99 2 года назад
Good to know that sir, thank you again for a great video.
@karanpreetsingh2476
@karanpreetsingh2476 Год назад
Hi Brother, Can you make one chat tutorial for 2 signed in users please
@AbhishekDesignAccent
@AbhishekDesignAccent 8 месяцев назад
Nice tutoiral
@erkaneren4587
@erkaneren4587 2 года назад
thank you so much
@01ALPHA
@01ALPHA 2 года назад
getting this error -- snapshot is not defined how can I solve it ?
@gamermaniac8077
@gamermaniac8077 Год назад
you're the best
@olivierboulanger1118
@olivierboulanger1118 3 года назад
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
@HassaanRaza
@HassaanRaza 3 года назад
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.
@olivierboulanger1118
@olivierboulanger1118 3 года назад
@@HassaanRaza Thank you for all !
@anabulrain3291
@anabulrain3291 2 года назад
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?🎉
@kensleylewis
@kensleylewis 2 года назад
Nice. Do you happen to have a guide on uploading our custom contact form to firebase hosting?
@HassaanRaza
@HassaanRaza 2 года назад
no i don't.
@phamphu1753
@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"
@valentinfournier5935
@valentinfournier5935 2 года назад
" set failed: value argument contains undefined in property " help pls
@HassaanRaza
@HassaanRaza 2 года назад
debug the code find, where the error is.
@mkilphewer2425
@mkilphewer2425 2 года назад
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
@HassaanRaza
@HassaanRaza 2 года назад
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
@mkilphewer2425
@mkilphewer2425 2 года назад
@@HassaanRaza wow now i found it there...was that code actually there before when i asked you?....
@sealtielorionrodriguez7186
@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
@satellitesage2487
@satellitesage2487 2 года назад
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!
@sirintruder4852
@sirintruder4852 2 года назад
have you found a solution?
@emirhan86861
@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
@sapnakose
@sapnakose 2 года назад
How we generate Reading value dynamic graph with firebase but when we update firebase value then graph varry without refresh Page any video?
@SalmanShah95
@SalmanShah95 2 года назад
Bro will it work on version 9.6.8? I mean the current version?
@HassaanRaza
@HassaanRaza 2 года назад
yes, it works for the current version.
@SalmanShah95
@SalmanShah95 2 года назад
@@HassaanRaza Ok thanks
@Himanshu-r3d9o
@Himanshu-r3d9o 6 месяцев назад
error is coming on select data code that dbref is not defined anyone pls tell what can i do now
@HassaanRaza
@HassaanRaza 6 месяцев назад
const dbref = ref(db) its a variable that takes firebase ref function and db means db configuration which you have defined.
@ezekiellati5257
@ezekiellati5257 2 года назад
Is there any way to insert a integer data type?, it seems that whenever I input a number it always sends as string
@HassaanRaza
@HassaanRaza 2 года назад
for example you are sending inp.value, instead Number(inp.value)
@ezekiellati5257
@ezekiellati5257 2 года назад
@@HassaanRaza thx, it really helps
@clevercodeverse993
@clevercodeverse993 2 года назад
Thanks bro
@willymalkias7638
@willymalkias7638 2 года назад
I get an error said that Cannot read properties of null (reading 'value')
@HassaanRaza
@HassaanRaza 2 года назад
doing something wrong with the references even one character wrong in the id can cause this, "this" and "This" is not same
@alfredabogado
@alfredabogado Год назад
idk why but the select button can't show my wanted rollnumber.
Далее
How to Build a Homemade Bike Using a Barrel
00:21
Просмотров 890 тыс.
Holding Bigger And Bigger Dogs
00:18
Просмотров 25 млн
How To Load Images Like A Pro
15:48
Просмотров 374 тыс.
Connecting Firebase to a Contact Form
26:07
Просмотров 225 тыс.