Connect an HTML webpage to a Firebase database for CRUD using vanilla JavaScript

[@bubbaganoosh1387]

Finally found the video that actually worked for me with my firebase database. Thank you so much Keith!

[@ciscolord]

Best tutorial for Firebase on the whole internet.

[@user-ik3di2qv8r]

I'm not quite halfway through this tutorial yet but just wanted to say, this is the best one I've found for what I need to do.

[@ben________]

Mr Paterson, thank you so much ! You have no idea how much time I spent going around several tutorials, including the one google provides... None of them were able to be as on point, calm, and clear. My project works now :) Thanks !

[@edwardaguilar2566]

After perhaps using YT for >70% of my life, this is my first time ever leaving a comment. Just wanted to say thank you for taking the time to share some of your knowledge w strangers on the internet. You've made my winter break much more productive and resourceful. It's because of this video that I finally got over a niche block with Firebase 9 that I've been stuck on for ~3 days. Thank you, and Happy New Year!

[@tinashesadazi4336]

Best explanation I have ever seen. This exercise helped me grasp the fundamentals and it became very easy to widen my knowledge. Please keep on adding more content.

[@jasonduboff8432]

agreed, this guy is amazing at explaining and walking through the steps!!

[@qandos-nour]

I was looking for a simple method to build a very simple DB to my blog and thankfully I found your video Thanks for your effort and explanation

[@audraogilvy4781]

This is my all-time favorite tutorial video. I love your teaching style. Thank you for explaining clearly everything.

[@rufatabbasov]

You teach in simple words, step by step. Thank you!

[@tigrafwedw]

Hey there mr Paterson! Just wanted to let you know that your way of teaching is what inspired me to go through with a project. The information is gold and your calm, unrushed, to the point way of teaching, is a virtue. The world needs more people like you. Wish we had more content from your part. All the best, thank you for your contribution! Disclaimer: In my 16 years on YT, i ve left certainly less than 20 comments. Thats how special i found you to be :)

[@timothyquattrochi279]

Thanks for the video. I would like to add that if you are trying to insert more than one item to your firebase real time db then use push instead of set. when I was using set it would just replace the existing value, but using push added children.

[@Randor10]

Fantastic video! It includes each of the individual building blocks that can be scaled up as needed. Just what I was looking for. Thanks!

[@eviehartman2895]

This is such a beautifully useful video, answering many questions I had after looking at more "official" tutorials! Going over the actual Javascript we need and why is such an important part (or refresher) for those starting out with this. Thank you x1000!

[@vanshgoyal-uo5cf]

Awosome Tutorial . give me understanding of this

[@shimbopupa]

Hi. Thx from Argentina. My english is really bad, but u explain this like a master. So thx again!!!!

[@user-eu5wo2bt8r]

The video I was looking for since I discovered firebase!

[@rapleydonmusic]

This is great work. Good job. You made a complete beginner configure a Database. I've been searching for a video like this for quite some time. Keep them coming.... 😲

[@icha3281]

Thank you sir, u really help me doing my final project and your explanation is truly easy to understand for a beginner like me!

[@simonc6275]

Thanks Keith, I have been searching for awhile looking for HTML webpage to a database for some time. This is brilliant. I now have a template to develop my skills. Thank you

[@josecohen6197]

Mr. Paterson. Excellent your video. Please make more videos on this topic. Congratulations.😀

[@VincentAziz]

thank you very much sir. out of all the firebase videos i have tried only yours had worked for me I dont know why. I have a request if you could make another video that shows how to make register and log in page.

[@suleman6406]

Thank You sir for this video...Now my doubts are clear :)

[@ソク]

Post more videos sir you're doing great😊♥️ Lots of love from India😁♥️♥️

[@minc33]

Such a great video! And if I may make a request, could you make a video on how to use Firebase functions?

[@adhochero6619]

thanks this really helped me get started, get a good basic grasp that I can now move forward with

[@danielhunt2510]

This is a brilliant tutorial and really well explained. Your methodical approach as you build in the complexity makes complete sense every step of the way. Thank you. Additionally, I am very new to html/JavaScript coding so this might sound like a silly question: With regards to security of your database, if this was publicly published what protection would you take to stop someone copying the JavaScript from the html file and maliciously connecting to your database?

[@sajidkalam3586]

Hello!! It really helped me and it worked and the only thing that I'm having a problem with is whenever the empty data or say no data is there for name id and age and are inserted then the values previously stored are removed.

[@nefra5885]

You're a savior Mr.Paterson!

[@onurkaraguler7985]

I really thank you for the wonderful video. Please continue to post more videos, especially about Firebase. Liked and subscribed.

[@chhandchaughule3240]

Sir i am really thankful for your efforts with making and uploading this video.

[@badnanakhtar2131]

was strugglin it with for the enitre day..Thanks for making it so easier

[@John-wx3zn]

Thank you very much for your tutorial. I was able to learn from you. I put your techniques in my website.

[@joelohkaishunhiroyukifujik5700]

Thank you so much, from the bottom of my heart this was the only video that helped me:,) ❤

[@DominicNweze]

Best vids so far. Thanks worked for me very well.

[@Tiang20]

"you already know im 21" hahaha, great video sir very helpfull, pls make it more vidos like this

[@mowdianbeaugrandtech]

my hero! you save my life

[@alejandrogandara33]

thank for your time.. great video.!!!!

[@yeeehaww69yearsago81]

THANKSSSS BROOOO SOO MANY UTUBERS COULDNT DO IT THIS GOOOD

[@nigelpallatt]

Great. Iv always been scared of Firebase but now not so much. 😀

[@serbanpascovici913]

You are grate! Thanks a lot for your work and time! God bless you!

[@benjaminhafenscher6722]

Very good video, thank you very much!

[@kiduspetros]

It's really an amazing video, clear and on point. but when I try to put the script in a separate js file it does not work why is that?

[@coreypfeiffer6322]

Very helpful! Thanks 😁

[@southeastofengland]

This is an insanely helpful tutorial! Quick question though, what would a good way to get all the data listings out at one time be? As in, no need to browse by ID. I want to make a program that displays everything at the same time but I'm not sure how i'd be able to get all the data down!

[@IbrahimAli-ve9er]

it was very helpful. thank you

[@avelinisen]

yay finally a tutorial that works

[@gopixus]

High quality content, thank you

[@adityakelkar1801]

Hi, how will you write the finddata function if you want to find all users with a specific age (eg:20) ?

[@jimmymason7461]

Great info. Could you do a tutorial using Firestore + javascript as well? I heard that Firestore can do queries that Firebase Realtime can't.

[@sgh9533]

Its really, The Best explanation I have ever seen on!

[@pandorasbox7541]

Thank you very much for your tutorial.

[@HammadKhanYT]

Fantastic tutorial but the code did not work for me. Is this compatible with the latest Firebase version or I have to use a specific older version? Getting the error "ReferenceError: Can't find variable: set"

[@Phobos221B]

Mr. Paterson I am unable to store the user's password using this method. Could you please elaborate more on that

[@progamer_55]

great video!! thanks fro the tutorial

[@S0ZIDATELL]

Great video!

[@johnsanthosh9540]

Thanks for the video.

[@mohithsuhas8007]

Love the content Boss.

[@jacobnida7889]

BEST HELP EVER!

[@gabrielgomesmabiala6707]

Very Helpful thanks

[@abcde7515]

this video helped me thanks

[@vedanttiwari3112]

Thanks!

[@xNiickT]

Great tutorial!

[@m.erennn]

What is the different between ''Realtime Database'' and ''Firestore Database''? I'm trying with firestore database and it's not working for me

[@zidi_abderrahmen]

All its fine but when I insert the data into the firebase nothing inserted

[@queenofpein7111]

Only the user can edit their own data ? User only can see it?

[@QGETFamily]

Love it. Thank you.

[@ramazanayten3758]

how to javascript firebase login and register custom user id key example

[@SaiKrishna-sy6ir]

I can't be work multiple records storage

[@constantine9074]

MOORE... the public demads MOOORE :)

[@m.erennn]

Can I do it with firestore database? What should I change for it

[@awh_solocactus]

and for those who are lazy 😆😆 It's Literally Us

[@thrilltech]

Thanks

[@BonusNewMember100]

❤❤❤❤ Succces Tanks you

[@user-tn4qo4bn5z]

thnks

[@Gajenzask]

Hello, why is mine not working? It doesn't do anything. Please see my code. addCrop.addEventListener('click', (e)=>{ var crops = document.getElementById('cropName').value; var cropInfo = document.getElementById('cropInformation').value; set(ref(database, "Crops/" + crops), { Crops: crops, CropInfo: cropInfo }) .then(()=>{ alert("Successful"); }) .catch((error)=>{ alert("Failed"); }); });

[@danielnassi5304]

Thanks for the video.