Firebase - Ultimate Beginner's Guide

Поділитися
Вставка
  • Опубліковано 8 січ 2025

КОМЕНТАРІ • 617

  • @alexandermccomb6444
    @alexandermccomb6444 6 років тому +129

    Firebase is like magic. No one really understands it, but people love watching it happen.

  • @BilalAhmad-gy5zu
    @BilalAhmad-gy5zu 5 років тому +451

    1:34 Project Creation on firebase console
    2:15 Creating project locally
    4:45 Firebase Authentication
    7:25 Firebase Database
    14:50 Firebase Storage
    16:52 Firebase Functions

    • @animetales4767
      @animetales4767 4 роки тому

      can someone help me here? I would like each of my users to have their own unique token, but I see that all the users I create on a specific device all have the same token .svp any idea?
      here is the code i used :
      FirebaseUser mUser = FirebaseAuth.getInstance().getCurrentUser();
      mUser.getIdToken(true)
      .addOnCompleteListener(new OnCompleteListener() {
      public void onComplete(@NonNull Task task) {
      if (task.isSuccessful()) {
      String idToken = task.getResult().getToken();
      // Send token to your backend via HTTPS
      // ...
      } else {
      // Handle error -> task.getException();
      }
      }
      });

    • @steve11329
      @steve11329 3 роки тому +2

      Legend

    • @nhungbi2401
      @nhungbi2401 8 місяців тому

      thanks!

  • @broosmax
    @broosmax 4 роки тому +74

    Daaaamn, this is like a firestorm of information being injected into my brain. I had to play the video at 0.25 speed to be able to follow... Good luck, "beginners"!

    • @serhatkoroglu6708
      @serhatkoroglu6708 4 роки тому +1

      just start to try it it's more convenient way to understand

    • @shahedtheboss
      @shahedtheboss 3 роки тому +5

      I don't understand a single word after 4:00 😂😢

  • @magmaticly
    @magmaticly 4 роки тому +17

    Most tutorials blather on and on about unimportant things. This 21 minute video is like hours of regular tutorials. I love it!

  • @glmchn
    @glmchn 2 роки тому +11

    0:22 "and you don't really need to have any coding experience to follow along with this video"
    ...
    6:06 "this operation happens asynchronously which mean it returns a promise"
    oh yea a promise, yeaaaaaa sure, ofc

  • @Fireship
    @Fireship  6 років тому +85

    UPDATE 2020 see the latest Firebase Basics video here ua-cam.com/video/q5J5ho7YUhA/v-deo.html
    Today we go back to the basics. In 20 minutes I cover pretty much everything you will get out of a full entry level Firebase course using vanilla JS. Also, I wanted to share my personal reasons for choosing Firebase.

    • @Tech_Enthusiast_001
      @Tech_Enthusiast_001 6 років тому +4

      Awesome overview and very well presented. I would love to see a full tutorial series like this actually. Keep it up!

    • @issamhammi9158
      @issamhammi9158 6 років тому +2

      I truly needed that one! Thank you and keep going!

    • @yuriscarbaci124
      @yuriscarbaci124 6 років тому +3

      this video was exactly what i was looking for, a "why should i use firebase, what it offers me and how easly i can use it" explanation. Great video and the contents you put in the video in 20 min really explain a great deal of real life problems developers has to solve in day-to-day development, meaning i will be back to check out this video from time to time. thanks a lot for sharing!

    • @sagarmali89
      @sagarmali89 6 років тому

      Hey i getting error firebase.auth.signInWithPopup is not function, plz help out

    • @vineetpandey8685
      @vineetpandey8685 5 років тому

      My program is not showing the displayName of the user which was shown at 6:40 in the video. Please tell me how to resolve this. I am getting this output on screen :Hello ${user.displayName} instead of Hello Vineet Pandey

  • @steve-banbury-creative-xr
    @steve-banbury-creative-xr 6 років тому +231

    Not seen it in the comments, but it seems we have three deprecations in the latest SDK since this was published:
    1) at around 16:24: .downloadURL is deprecated - I changed to .ref.getDownloadURL().then(... to get it working.
    2) at 18:18: functions.config().firebase has been replaced with process.env.FIREBASE_CONFIG
    3) at 18:50: we now need a snapshot in the param and reference that when referring to the document.
    i.e. .onCreate((snapshot, context) ...
    const docId = context.params.productId ...
    const name = snapshot.data().name ...
    Great video though - many thanks!!

    • @skymike4119
      @skymike4119 5 років тому +15

      16:24
      replace with
      task.snapshot.ref.getDownloadURL().then(function(downloadURL) {
      console.log("File available at", downloadURL);
      const url = downloadURL;
      document.querySelector("#imgUpload").setAttribute("src", url);
      });
      }

    • @Cyphlix
      @Cyphlix 5 років тому +8

      very helpful, thanks.
      For ts users;
      .onCreate((snap, context) => {
      const docId: number = context.params.productId;
      const value: any = snap.data();
      const name: string = value.name;

    • @xnrivudxkskalflvk4075
      @xnrivudxkskalflvk4075 4 роки тому +2

      doing god's work

    • @BlissAden
      @BlissAden 3 роки тому +1

      16:24
      for the downloadURL I changed the whole function to async await and just done this:
      const url = await task.snapshot.ref.getDownloadURL();
      document.querySelector('#imgUpload').setAttribute('src', url);
      which is much simpler

  • @danielevans960
    @danielevans960 6 років тому +34

    Thought this was great at showing an existing programmer the power of using firebase versus their current preferred code. I would agree with the other commenter it was probably not an absolute beginner's guide, but this was very useful to me. Thank you for taking the time. Subscribed!

  • @generaldiscernment
    @generaldiscernment 3 роки тому +43

    This was a fantastic overview, I'd say you need basic programming knowledge but it really walks you through in a clear way no matter your level of understanding. Great stuff.

  • @programminghumanway1858
    @programminghumanway1858 4 роки тому +6

    You got my full attention throughout the video. Not a lot of content creators are skillful to engage users in 1 minute of video. Thanks for the awesome overview of the firebase. Just the right content I was looking for.

  • @buddyguy6816
    @buddyguy6816 4 роки тому

    Some of you guys misunderstood the "beginner" thing. This is not a beginner video for JavaScript. It is a beginner video for Firebase. You can't expect to get the most complex features of JS like callbacks and promises in a 20 min vid. And about the "not up to date" part. Of course it will not be up to date because these technologies evolve with the speed of light. It was up to date when it was recorded. And if you see something not up to date, just do what Stephen Banbury did, instead of whining. Thanks for this awesome tutorial!

  • @adriantadros503
    @adriantadros503 5 років тому +4

    Fantastic video, thank you. A very nice quick overview of what Firebase is and what features it has. As a long time JS dev, I found the code examples were nice and simple and easy to follow to get a basic understanding of exactly how each feature works. This is a dream for JS devs who want to get a MEAN app built and deployed out in the wild. You get so much out of the box - Google CDN, SSL enabled out of the box, real time updates and not having to worry about web hosting, mongo hosting, etc. I'm inspired to build something now!

  • @Vaygeth
    @Vaygeth 4 роки тому +5

    Lot of effort put into the vids, one of my fav dev channels. Keep up the good work

  • @sumantkanala
    @sumantkanala 6 років тому +4

    Very well explained about how firebase is not only quick and easy to setup but also production ready our of the box for many use cases. Great work. You are a gift that keeps giving to the web dev community! Keep it up.

    • @Fireship
      @Fireship  6 років тому +1

      +Sumant. Thank you , I am very happy to hear that :)

  • @mahghuuuls
    @mahghuuuls 6 років тому +163

    It helped, however many steps were skipped making it hard for a beginner to follow.

    • @profil4e
      @profil4e 3 роки тому +1

      well it's a Beginner's Guide... when i started watching the video i also thought that it will cover actual api commands, but i guess an introduction to what it can do is also a Beginner's Guide ;D

    • @digitalday4972
      @digitalday4972 3 роки тому +7

      Definitely not a beginners tutorial, hard to follow if you don't have any experience

    • @sebastiangudino9377
      @sebastiangudino9377 2 роки тому

      Hard disagree. I'm watching this video BECAUSE having absolutely zero experience with firebase (Why else would I watch a Firebase beginners tutorial). And in only 21 minutes I gained all the knowledge needed to start a Firebase project with authentication and a database without a single line of backend code!
      The only thing I feel was left on the air is security. Is it really safe for us to do this kind of backend operations on the front end? Isn't our data vulnerable?
      But other than that, the practical information was all here. In a very short time without nonsense
      Edit: I do have backend experience of course, so maybe I'm not a 'beginner' but I don't think you should use something like firebase if you know nothing about the backend. And if you have used express with something like MongoDB Atlas you can follow all of this relatively easily

  • @Welcometomyjourney20
    @Welcometomyjourney20 6 років тому +2

    Really the most complete firebase/firestore tutorial on UA-cam. Thanks a million!

  • @yuvrajsingh-gm6zk
    @yuvrajsingh-gm6zk 11 місяців тому +1

    jeff was like "No chit- chat just on the point", I loved to be here!

  • @ReviewLiveTv
    @ReviewLiveTv 3 роки тому

    Its 's guide. It's fast but helpful. It took me an hour to catch up that he already made changes within maybe 5 frames. Thank you

  • @samshanmukh
    @samshanmukh 6 років тому +6

    my mind is blown. that was an amazing tour of the firebase.
    And thanks a lot for the effort that you guys put in so the beginners like can learn a few things. again great tour of firebase and it's functions :)

  • @JamieMcI
    @JamieMcI 6 років тому +2

    I needed this big time when I was starting out with Firebase/Firestore. Excellent overview and serves as a solid refresher.

    • @Fireship
      @Fireship  6 років тому

      +Jamie Thank you. It's nice to mess around with the regular web SDK every once in a while.

  • @LeCrowTV
    @LeCrowTV 4 роки тому +11

    Adding the missing `` on line 14 between the transition at 11:16 was really sneaky

  • @facundoalvarado9
    @facundoalvarado9 4 роки тому +1

    Man, this thing is so powerful. Can't understand why I waited so much to start using it. Will certainly give it a try!

  • @thecodetuber
    @thecodetuber 5 років тому +140

    Bro Are you sure We don't need any coding experience? B-)

    • @moonythm
      @moonythm 5 років тому +10

      U dont need any coding experience with firebase, ofc u need to know basic html, css, hot to run commands, have node an npm installed etc

    • @christianvanlierop8324
      @christianvanlierop8324 5 років тому +16

      For the first 5 minutes you don't... Then it's just straight up coding non stop

    • @ukaszsoszka1202
      @ukaszsoszka1202 5 років тому +2

      @@christianvanlierop8324 acutally to write down exactly as he does you don't need any experience

    • @yousufhossain9768
      @yousufhossain9768 4 роки тому +1

      You need internetidate lvl JavaScript knowledge to implement .

    • @ko-Daegu
      @ko-Daegu 3 роки тому +1

      @@ukaszsoszka1202
      You wanna tell me to write down JS code you don’t need any coding experience
      Ok gotcha

  • @littlebeantheboss423
    @littlebeantheboss423 2 роки тому

    Perfect video. Doing a hackathon at my company and needed a quick overview of firebase and this gave it to me quickly and perfectly

  • @QuePeggs
    @QuePeggs 5 років тому +7

    For mac users at 2:17 use the command sudo npm install firebase-tools -g

  • @parikshit804
    @parikshit804 6 років тому +3

    This is the first video that I watched for firebase; and I LOVE IT! great demo!

    • @Fireship
      @Fireship  6 років тому +1

      Nice! Firebase is seriously the best :) That's why I made this channel.

  • @juancholuna265
    @juancholuna265 2 роки тому

    I could not understand anything, but the video was engaging. I watched every second.
    👍

  • @davidakposibruke5444
    @davidakposibruke5444 4 роки тому +3

    This really helped clear up so many questions I had about firebase. So great!

  • @tristangruener9571
    @tristangruener9571 5 років тому +1

    the quality of your videos are amazing and they're super helpful, thanks!!

  • @gatikgarg4007
    @gatikgarg4007 4 роки тому +3

    I'm Now Realising that firebase can give life to so many project ideas that i dumped due to backend involvement
    its simply crazy

  • @phembarl
    @phembarl 5 років тому +266

    Well, that escalated quickly...

    • @CrisprMyers
      @CrisprMyers 3 роки тому +3

      🤣🤣🤣🤣

    • @fwef7445
      @fwef7445 3 роки тому +16

      yep, garbage tutorial, not beginner friendly at all, must have got a lot of bots upvoting this

    • @lachlanmason3918
      @lachlanmason3918 3 роки тому +23

      @@fwef7445 not begineer friendly. But for people like me who understand web basics and simple JavaScript, HTML and CSS this is incredibly helpful.

    • @sanjeevdandin9350
      @sanjeevdandin9350 3 роки тому +19

      @@fwef7445 This tutorial is not garbage.
      Just it is not beginner friendly. For a guy like me who is working in JS for nearly 2 years this is on point.
      For me "talk is cheap, show me the code"

    • @chuxmyk
      @chuxmyk 3 роки тому +1

      🤣🤣🤣

  • @ThePandaGuitar
    @ThePandaGuitar 5 років тому

    Holy shit, why didn't this exist when I was busting my balls through late nights to build backends. Great tutorial that doesn't waste any time on fluff, thanks a lot man! Subbed because of this.

    • @AdeelKhan1
      @AdeelKhan1 5 років тому

      What were you using before Firebase? And what have you built using Firebase (so far)?

  • @kavan1773
    @kavan1773 6 років тому +3

    This was a great beginners guide for someone like me who already has experience with AWS. I was able to get a great idea of what Firebase has to offer when compared to something like AWS. But for complete beginners it might be a bit too fast.

    • @sebastiangudino9377
      @sebastiangudino9377 2 роки тому

      But that's the point, isn't it? You should be learning firebase if you have zero backend experience. Since this is a modern service to abstract said backend away. If you don't know WHAT you are abstracting away you are going to have a hard time regardless of the tutorial you watch

  • @paulynuckhas1291
    @paulynuckhas1291 6 років тому +6

    OMG, you're game-changing. Thank you for this, I think this is my next step in development. I got so many ideas. Thank you :D :D :D :D

  • @1lucasvan1
    @1lucasvan1 6 років тому +33

    dude i know it says beginner, but wow you move quickly

    • @StarOnCheek
      @StarOnCheek 3 роки тому

      you do realize that you can pause and rewind right?

  • @luka6354
    @luka6354 5 років тому +2

    Finally, Firebase with vanilla JS. Thanks!

  • @janphillipjuntado5340
    @janphillipjuntado5340 3 роки тому +3

    This is actually great content. Not beginner friendly of course but when you think about it, what kind of beginner would know about firebase anyway 🤔

  • @jordankayinamura2030
    @jordankayinamura2030 3 роки тому

    Daaaang the name "Firebasics", like that. good tutorials man

  • @kevduc314
    @kevduc314 4 роки тому +11

    Got the "Error: An unexpected error has occurred." at 2:30 when trying to init.
    Don't forget to login first with the command ~$ firebase login

  • @therealchrif
    @therealchrif 6 років тому +7

    Thanks for all your videos, you are the greatest.

  • @cananard
    @cananard 4 роки тому

    Now I finally understand what's all the hype around Firebase... Awesome !

  • @alexhum8662
    @alexhum8662 3 роки тому

    1:34 Project Creation on firebase console
    2:15 Creating project locally
    4:45 Firebase Authentication
    7:25 Firebase Database

  • @inventsable
    @inventsable 6 років тому +3

    I think your pace is perfect. Not too fast, this is a runthrough for high concepts not a hand-holding walk.

  • @JuanMartinez-ye8ug
    @JuanMartinez-ye8ug 4 роки тому

    Thank you! Firebase kept popping up and I was wondering what it was all about, so essentially is a "Back-end as a service". Pretty sick!

  • @botondbertalan4992
    @botondbertalan4992 5 років тому

    Thanks, you saved me a lo tof time. Although reading back the comments, I have 8 years of experience to follow along.

  • @id104335409
    @id104335409 6 років тому +338

    Not an Ultimate Beginner's Guide. Many of the things you think are common knowledge you just skip, because you understand them and you can't imagine how someone else (an ultimate beginner) cannot.

    • @chris-hayes
      @chris-hayes 6 років тому +48

      I believe it's supposed to be the Ultimate, Beginner's Guide. Not the Ultimate Beginner's, Guide. Ultimate as in it covers a lot of topics, not that it's super basic. You just have to find the channel that matches your learning style and speed.
      You can only choose two:
      Quick, Comprehensive, In-Depth

    • @Fireship
      @Fireship  6 років тому +120

      That is a fair point. It does assume a certain level of programming/dev background. Thanks for the feedback.

    • @id104335409
      @id104335409 6 років тому +4

      Fair points! I think it is just the interpretation of a grading system that was never really defined.

    • @charlesjojovandyck3275
      @charlesjojovandyck3275 6 років тому +2

      very true

    • @YousefSh
      @YousefSh 6 років тому +16

      I actually thought this was a good beginner's guide. I do know programming but not firebase.

  • @bonsinPgwhizzing
    @bonsinPgwhizzing 4 роки тому +1

    Holy cow ! this is for pro Only.. beginners don't try this at home , school or anywhere.

  • @dennispilat
    @dennispilat 6 років тому +2

    I think you did a really good job! Keep up the great videos. Very helpful, as I’m trying to develop a SAAS.

  • @garrettgreen242
    @garrettgreen242 4 роки тому +1

    This made things soooo much clearer, THANK YOU!!!

  • @musaddiqurrahman1949
    @musaddiqurrahman1949 4 роки тому +1

    Woah! Amazing video! feels like there's no limit on what we can do!

  • @dejo095
    @dejo095 6 років тому +2

    @16:00 when uploading a file. snapshot.downloadURL; is not working, it's deprecated, use:
    horseRef.put(file)
    .then(snapshot => {
    return snapshot.ref.getDownloadURL();
    })
    .then(downloadURL => {
    document.querySelector('#imgUpload').setAttribute('src', downloadURL);
    console.log('Done');
    });

  • @JackStepanyan
    @JackStepanyan 6 років тому

    Thank you very much for this video. Surprisingly today i had to create a simple app and im still very new to back end development. So i started to search some Rest databases or APIs and i found Firebase. I cant even explain how it was easy with just few clicks to create a real database. And now i found your awesome video. Please make more videos for beginners.

    • @Fireship
      @Fireship  6 років тому +1

      I remember feeling that way the first time also, and it's only getting better from here.

  • @justinwyatt8
    @justinwyatt8 6 років тому

    One of the best dev videos I've seen

  • @rajayogan8884
    @rajayogan8884 6 років тому

    Finally.. you broke the 10-15 min limitation and shared a nice 20 minute vid.. Nice.. :)

    • @Fireship
      @Fireship  6 років тому +1

      Haha, it wasn't easy but I did it. I don't think I'll break the 10 min mark very often in the future.

  • @dongyoungkim962
    @dongyoungkim962 2 роки тому

    wow fireship, you are amazing, i am really tempted to get your life time course lol

  • @khalifarmili1256
    @khalifarmili1256 5 років тому

    Thanks a lot. you have a nice efficient speaking rhythm. Every sentence that comes from your mouth is productive.

  • @amin1mrx965
    @amin1mrx965 Рік тому

    this video helped me a lot thank you. i got almost all the answers i wanted.

  • @MeghanStark
    @MeghanStark 6 років тому +3

    Wow, thanks so much for doing a basic beginner's guide. I'm juuuuust knowledgeable enough to keep up. I'm migrating sites away from Business Catalyst and have to figure out new ways to build databases and secure zones after being able to do so with HTML, CSS, Liquid, and basic Javascript. It'll be a learning experience for sure!

  • @rameenana
    @rameenana 6 днів тому

    Thanks man. As always, super helpful.

  • @maverick-mma
    @maverick-mma 4 роки тому +1

    18:20 I had to use admin.initializeApp(functions.firebaseConfig());. Also thank you for short comprehensive overview!

    • @hyungtaecf
      @hyungtaecf 4 роки тому

      Thank you so much!! Finally it worked! I don't know why you didn't receive any likes yet. The code the other guy put up there didn't work for me.

  • @ljka
    @ljka 4 роки тому

    Oh wow. I keep on hearing about Firebase and this is the first video i watch about Firebase. This thing looks promising and powerful! Haha. My team has plans of migrating a legacy code, Spring MVC backend and JSP frontend, to new tech stack i think frontend is either ReactJS or Vuejs. I would like to propose this Firebase to my boss for study. 😁
    Thank you!

  • @fabioambrozio7449
    @fabioambrozio7449 4 роки тому +1

    Great explanation..
    if you, after run "firebase init", get "Could not load ...", run "firebase login" before

  • @liannvns
    @liannvns 4 роки тому

    Excellent summary for me. Thank you so much for this content.

  • @death-disco
    @death-disco 4 роки тому

    You know what video I’d love to see you make? A series on how you make your videos. I’m in an unrelated field of computer science (blockchain) and would love to learn from you as your videos are slick. :)

  • @lipslide101
    @lipslide101 6 років тому +1

    I'm amazed by this. Holy shit. As someone used to working with java and sql in the backend, this is crazy.

    • @Fireship
      @Fireship  6 років тому +2

      Haha, that's exactly how I felt too

    • @lipslide101
      @lipslide101 6 років тому

      boi

  • @bhfaught
    @bhfaught 4 роки тому +1

    you are making me really really want to learn firebase! I've been using google-app-engine for hosting, but firebase seems really tempting with all the possibilities.

  • @timhysniu
    @timhysniu 6 років тому +1

    Great and easy to follow guide. Thanks!

  • @tanavposwal
    @tanavposwal 3 роки тому +1

    Better than new firebase video

  • @elsonmendes610
    @elsonmendes610 5 років тому +1

    I'm very excited to learn this cool stuff!

  • @lucianosazo2646
    @lucianosazo2646 5 років тому

    Until yet, i don't saw the video, but i give you my like! thanks master!!!

  • @MacKoslowski
    @MacKoslowski 6 років тому

    This was disgustingly informative, thanks

  • @CharlesLales
    @CharlesLales 6 років тому

    One more time, excellent. Concise and didactic, clear and efficient ;)

  • @shashankpandey1966
    @shashankpandey1966 3 роки тому

    Your channel is fully organized...

  • @suyashabobhate
    @suyashabobhate 3 роки тому

    Sometimes I wonder how some people are so knowledgable that they can even explain what they are doing.

  • @g2avityhitz
    @g2avityhitz 2 роки тому

    it's 2022, i've been at least a hobbiest developer for years, and i'm somehow just now learning what Firebase is smdh

  • @alexanderhughes2813
    @alexanderhughes2813 6 років тому

    Best video on this by far, thanks for it!

  • @IndignART
    @IndignART 6 років тому +32

    As a professional programmer, who unfortunately is not used to this kind of applications, i'm having an hard time following this tutorial, i cant imagine how it is for a person that doesnt have a programming background.This video is polished and well made but the content is hard to follow unless you are already an experienced dev. and in that case this tutorial may be just scratching the surface of something well known. I dont understand which audience this video is meant for. Too hard for a beginner, too easy for a pro.idk

  • @matthewwang4874
    @matthewwang4874 6 років тому +30

    0:50 Well documented? WELL DOCUMENTED? WHY DO YOU THINK MIN WATCHING THIS VIDEO

    • @louicoder
      @louicoder 4 роки тому +1

      That statement was relative to him I guess. I'm I and you that think the documentation is not good at all.

  • @kld0093
    @kld0093 6 років тому

    Holy crap this is so cool!!!!!! I definitely want to learn more about firebase!

  • @im.thatoneguy
    @im.thatoneguy 6 років тому +1

    Filling in some gaps.
    npm and all of the command line tools that come with the npm command require node.js. Install that and then npm is the node.js package for Firebase.
    You'll also need to run Firebase login which he skips.
    Other than that everything so far is actually in the video. But those are a few concepts you wouldn't pick up instantly unless you were familiar with nodejs and Microsoft Visual Studio Code.

    • @im.thatoneguy
      @im.thatoneguy 6 років тому

      touch is not the name of a cmdlet, function, script file or operable program. I assume he's just creating a file so I did that in the file explorer.

  • @c2d330a8
    @c2d330a8 5 років тому +3

    Can we put this video on the firebase documentation main page? 😄
    So good.

  • @simonmoss2710
    @simonmoss2710 6 років тому +5

    For anyone struggling to get the function working and getting a message about productId being invalid - I split 'event' into '(snap,context)' (before the => operator) and used 'docId = context.params.productId' and 'name = snap.data().name'

    • @robertwhansen
      @robertwhansen 5 років тому

      .onCreate((snap, context) => {
      // Get an object representing the document
      // e.g. {'name': 'Marie', 'age': 66}
      const newValue = snap.data();
      // access a particular field as you would any JS property
      const name = newValue.name;
      const docId = context.params.productId;
      const productRef = admin.firestore().collection('products').doc(docId);
      return productRef.update({message: `Nice ${name}!`});
      })

    • @simplephotos6803
      @simplephotos6803 2 роки тому

      @@robertwhansen Ur so awesome thank you! and you too @Simon Moss

  • @studychannel8445
    @studychannel8445 4 роки тому +1

    At 16:23 snapshot.downloadURL doesn't work because it has been deprecated, instead use: snapshot.ref.getDownloadURL()
    .then(url => document.querySelector('#imgUpload').setAttribute('src', url))

  • @prabhkiratclassiv-c1513
    @prabhkiratclassiv-c1513 4 роки тому

    I know half js and I am learning this video helped thanks 😊

  • @bensonmwaura9494
    @bensonmwaura9494 6 років тому

    Excellent insights yet again. Nicely done!

  • @aseemlalfakawma5084
    @aseemlalfakawma5084 6 років тому +1

    Good tutorial, really taught me a lot about firebase, I wish you could type your code out, without that weird copy paste thing, and also indent code properly.

  • @moechetham
    @moechetham 2 роки тому

    Excellent intro. Thank you

  • @HazemElsawy
    @HazemElsawy 4 роки тому

    Your tuts cure my depression

  • @GiggleGrass
    @GiggleGrass 3 роки тому

    At 11:12 , `document.write(data.createdAt)` is not showing me the time. I'm only seeing the data title (my firestore post) and "undefined" in my localhost. How do I fix this?

  • @IoTLearner
    @IoTLearner 6 років тому

    I'm in love with firebase now...

  • @alanlal5625
    @alanlal5625 6 років тому +1

    Your videos are super good...keep up the good work 👌👌👌

    • @Fireship
      @Fireship  6 років тому

      +Alan Will do, thanks for watching!

  • @carlosenrique2317
    @carlosenrique2317 3 роки тому

    thanks, please add this video in the firebase main page :)

  • @pierrechavaroche7060
    @pierrechavaroche7060 6 років тому +1

    Very good job and thank you very much Jeff!

    • @Fireship
      @Fireship  6 років тому +1

      Thank you Pierre!

  • @restore64
    @restore64 4 роки тому

    Lost me at 2:11, where do I type that at? New here.

    • @restore64
      @restore64 4 роки тому

      Ok, I opened terminal within Visual Studio Code and entered it in without the ~$ part and it seemed to work.

  • @ManishSingh-zd5go
    @ManishSingh-zd5go Рік тому

    Really a great session. Thanks a lot

  • @TradingGuide
    @TradingGuide 6 років тому

    Thank you! Excellent video to the point.

  • @vanhoangnguyen6358
    @vanhoangnguyen6358 5 років тому

    It's so helpful and advanced. Thank you a lot. It's make change my mind how to quick build nice and save cost product.

  • @MarioRomeroARG
    @MarioRomeroARG 5 років тому

    Great intro video for firebase! Thanks!

  • @orhanavan7222
    @orhanavan7222 4 роки тому +1

    19:25 I get an error for cloud function, I changed someting like that
    const functions = require('firebase-functions');
    const admin = require('firebase-admin');
    admin.initializeApp(functions.config().firebase);
    // trigger for every new data
    exports.addMessage = functions.firestore
    .document('products/{id}')
    .onCreate((snap, context) => {
    const current = snap.data();
    const docId = context.params.id;
    const name = current.name;
    const productRef = admin.firestore().collection('products').doc(docId)
    return productRef.update(
    {message: `Bu mesaj yeni eklenen ${name} verisine özel, otomatik olarak oluşturulmuştur`})
    });
    // firebase deploy --only functions

  • @paretocompanylimited9611
    @paretocompanylimited9611 2 роки тому

    Firebase has been a great choice!