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

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ต.ค. 2024

ความคิดเห็น • 81

  • @vanshgoyal-uo5cf
    @vanshgoyal-uo5cf หลายเดือนก่อน +1

    Awosome Tutorial . give me understanding of this

  • @tinashesadazi4336
    @tinashesadazi4336 ปีที่แล้ว +8

    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
      @jasonduboff8432 ปีที่แล้ว

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

  • @bubbaganoosh1387
    @bubbaganoosh1387 2 หลายเดือนก่อน +1

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

  • @sajidkalam3586
    @sajidkalam3586 ปีที่แล้ว +2

    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.

  • @edwardaguilar2566
    @edwardaguilar2566 ปีที่แล้ว +2

    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!

  • @HammadKhanYT
    @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"

  • @vedanttiwari22
    @vedanttiwari22 ปีที่แล้ว +1

    Thanks!

  • @VincentAziz
    @VincentAziz 2 ปีที่แล้ว +1

    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.

  • @_____________seung
    @_____________seung 8 วันที่ผ่านมา +1

    고맙습니다.

  • @Tiang20
    @Tiang20 2 ปีที่แล้ว +1

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

  • @suleman6406
    @suleman6406 7 หลายเดือนก่อน

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

  • @awh_solocactus
    @awh_solocactus 3 หลายเดือนก่อน

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

  • @minc33
    @minc33 10 หลายเดือนก่อน

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

  • @josecohen6197
    @josecohen6197 2 ปีที่แล้ว +1

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

  • @ソク
    @ソク 2 ปีที่แล้ว +1

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

  • @adityakelkar1801
    @adityakelkar1801 ปีที่แล้ว +1

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

  • @jimmymason7461
    @jimmymason7461 ปีที่แล้ว +1

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

  • @alejandrogandara33
    @alejandrogandara33 หลายเดือนก่อน

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

  • @onurkaraguler7985
    @onurkaraguler7985 2 ปีที่แล้ว +1

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

  • @Phobos221B
    @Phobos221B 2 ปีที่แล้ว +1

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

  • @serbanpascovici913
    @serbanpascovici913 8 หลายเดือนก่อน

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

  • @rapleydonmusic
    @rapleydonmusic ปีที่แล้ว +1

    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.... 😲

  • @Gajenzask
    @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");
    });
    });

  • @SaiKrishna-sy6ir
    @SaiKrishna-sy6ir 4 หลายเดือนก่อน

    I can't be work multiple records storage

  • @srinjineemitra4085
    @srinjineemitra4085 23 วันที่ผ่านมา

    Best best best tutorial for fire base … thank you so much sir

  • @ciscolord
    @ciscolord 2 หลายเดือนก่อน +1

    Best tutorial for Firebase on the whole internet.

  • @rufatabbasov
    @rufatabbasov ปีที่แล้ว +1

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

  • @kiduspetros
    @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?

  • @joelohkaishunhiroyukifujik5700
    @joelohkaishunhiroyukifujik5700 ปีที่แล้ว +1

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

  • @constantine9074
    @constantine9074 ปีที่แล้ว

    MOORE... the public demads MOOORE :)

  • @ben________
    @ben________ ปีที่แล้ว +1

    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 !

  • @timothyquattrochi279
    @timothyquattrochi279 2 ปีที่แล้ว +1

    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.

  • @IbrahimAli-ve9er
    @IbrahimAli-ve9er ปีที่แล้ว

    it was very helpful. thank you

  • @coreypfeiffer6322
    @coreypfeiffer6322 7 หลายเดือนก่อน

    Very helpful! Thanks 😁

  • @benjaminhafenscher6722
    @benjaminhafenscher6722 ปีที่แล้ว

    Very good video, thank you very much!

  • @zidi_abderrahmen
    @zidi_abderrahmen ปีที่แล้ว

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

  • @progamer_55
    @progamer_55 ปีที่แล้ว

    great video!! thanks fro the tutorial

  • @queenofpein7111
    @queenofpein7111 ปีที่แล้ว

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

  • @gabrielgomesmabiala6707
    @gabrielgomesmabiala6707 ปีที่แล้ว

    Very Helpful thanks

  • @danielnassi5304
    @danielnassi5304 2 ปีที่แล้ว +1

    Thanks for the video.

  • @johnsanthosh9540
    @johnsanthosh9540 ปีที่แล้ว

    Thanks for the video.

  • @eviehartman2895
    @eviehartman2895 ปีที่แล้ว +1

    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!

  • @OlavNor-k5u
    @OlavNor-k5u ปีที่แล้ว

    The video I was looking for since I discovered firebase!

  • @abcde7515
    @abcde7515 ปีที่แล้ว

    this video helped me thanks

  • @Randor10
    @Randor10 5 หลายเดือนก่อน

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

  • @ShakirAhmmad-n3o
    @ShakirAhmmad-n3o หลายเดือนก่อน

    thank you so much

  • @mowdianbeaugrandtech
    @mowdianbeaugrandtech ปีที่แล้ว

    my hero! you save my life

  • @BonusNewMember100
    @BonusNewMember100 ปีที่แล้ว

    ❤❤❤❤ Succces Tanks you

  • @danielhunt2510
    @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?

  • @shimbopupa
    @shimbopupa ปีที่แล้ว

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

  • @ramazanayten3758
    @ramazanayten3758 ปีที่แล้ว

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

  • @thrilltech
    @thrilltech ปีที่แล้ว +1

    Thanks

  • @southeastofengland
    @southeastofengland 11 หลายเดือนก่อน

    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!

  • @qandos-nour
    @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

  • @m.erennn
    @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

  • @S0ZIDATELL
    @S0ZIDATELL ปีที่แล้ว

    Great video!

  • @John-wx3zn
    @John-wx3zn ปีที่แล้ว

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

  • @nigelpallatt
    @nigelpallatt ปีที่แล้ว

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

  • @icha3281
    @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!

  • @chhandchaughule3240
    @chhandchaughule3240 ปีที่แล้ว

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

  • @adhochero6619
    @adhochero6619 ปีที่แล้ว

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

  • @m.erennn
    @m.erennn ปีที่แล้ว

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

  • @badnanakhtar2131
    @badnanakhtar2131 ปีที่แล้ว

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

  • @KavinduDharmasiri-t2g
    @KavinduDharmasiri-t2g ปีที่แล้ว

    thnks

  • @audraogilvy4781
    @audraogilvy4781 9 หลายเดือนก่อน

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

  • @DominicNweze
    @DominicNweze ปีที่แล้ว

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

  • @yeeehaww69yearsago81
    @yeeehaww69yearsago81 ปีที่แล้ว

    THANKSSSS BROOOO SOO MANY UTUBERS COULDNT DO IT THIS GOOOD

  • @TinaKirk-m4g
    @TinaKirk-m4g 7 หลายเดือนก่อน

    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.

  • @pandorasbox7541
    @pandorasbox7541 ปีที่แล้ว

    Thank you very much for your tutorial.

  • @simonc6275
    @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

  • @xNiickT
    @xNiickT ปีที่แล้ว

    Great tutorial!

  • @nefra5885
    @nefra5885 ปีที่แล้ว

    You're a savior Mr.Paterson!

  • @gopixus
    @gopixus ปีที่แล้ว

    High quality content, thank you

  • @QGETFamily
    @QGETFamily ปีที่แล้ว

    Love it. Thank you.

  • @avelinisen
    @avelinisen ปีที่แล้ว

    yay finally a tutorial that works

  • @mohithsuhas8007
    @mohithsuhas8007 ปีที่แล้ว

    Love the content Boss.

  • @jacobnida7889
    @jacobnida7889 ปีที่แล้ว

    BEST HELP EVER!

  • @tigrafwedw
    @tigrafwedw ปีที่แล้ว +1

    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 :)

  • @sgh9533
    @sgh9533 ปีที่แล้ว

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