Getting started with Firebase for the web

In this video, Firebase Senior Developer Advocate, David East will show us how to get started with Firebase for the web. No matter what platform or environment you’re using, David will discuss the fundamentals of including Firebase in your web app.

Chapters:
0:00 - Intro
0:46 - Step 1. Installing Firebase
1:19 - Step 2. Creating a Firebase App
2:44 - Step 3. Importing Firebase services
5:15 - Step 3 cont. Browser modules
7:13 - Step 4. Bundling with webpack
10:29 - Wrapping up

Resources:

#FirebaseFundamentals

product: Firebase - General; fullname: David East; re_ty: Publish;

[CritixCS]

06:07
For people who had this issue too: bash: serve: command not found
You have to install it first like this: npm install -g serve

[deferom]

google is changing firebase so often it's hard to even know where to begin, so many different releases may be a great milestone for the team, but every new feature per release is making things less user friendly and more complicated. firebase appeared to be a nice entry point into some deeper backend-as-a-service type of project for me, but these videos don't explain enough.

[talkfrank]

how do i get the browser module path, he skips right over that as if its normal?!

[axeljorgensen]

Why for the love of god cant I find any tutorial anywhere that shows going from nothing to having a running application with user authentication. I have learned all the fundamentals of web development and have been stuck for literal months trying to just get firebase authentication working. I'm beginning to lose my sanity. I must have gone through this tutorial alone 5 separate times now trying to just get authentication started and I keep feeling like vital information is just being glazed over or omitted entirely. How does what was created in this tutorial get implemented into an application?

[lovleenkala]

I am getting: index.html:1 Uncaught TypeError: Failed to resolve module specifier "firebase/app". Relative references must start with either "/", "./", or "../". in console after inspecting. Please help!

[LamarrGames]

If you ever update this video, please include a section on how to obtain the Firebase project configuration for your specific project. This is crucial information that this video is completely missing.

[Michael-Martell]

Thank you! I found a need for this because my JS masterclass is 3yr old and it seemed that the fire base integration method he showed no longer works.

[akauppi]

Covered way more details than I expected! Nice to see such packed content, free of skippable sections. :)

[BradleyKisia]

What icon themes and color themes are you using for vscode?

[SearchingNomad]

It was all going fine until step 2....not really a getting started video, as don't really know what to do next. and the baseline code used to start is also not clear.

[anl]

What is your font and theme? It's so good.

[BradleyKisia]

Where do I get the play list? Where do I get sample files that I can build up on? Need some help. Not easy following the third video without some idea of what needs to be done physically. Would have liked the full HTML page.

[tech]

You're a very patient teacher. Thanks!

[youssefelasraouiGK]

I want to deploy my project, but I'm I supposed to move the src folder and the node-modules into dist?

[edisonmondal]

Im getting this error
The term 'serve' is not recognized as the name of a cmdlet

what can i do

[mashudfariduddin]

sorry, was looking at your example and I am stuck at the onAuthStateChanged part, how do you do that ?

[wolfpack]

I couldn't find the fundamentals playlist. Can you send a link?

[martinjoyce]

So this gets us a testing environment for a webapp on Firebase 9. Where does one go to find advice on "deploying" the webapp to the cloud? Also, why aren't we using the Firebase Emulator for testing? This excellent video certainly gets us started, but it's taken us some way from the environment we might have got familiar with in Firebase 8

[uditsethi]

even after Importing the authentication package I am getting error in browser getAuth() not defined. Can someone help please?

[baremetals]

Hi thanks for the video, I am getting this error " FirebaseError: Firebase: Error (auth/invalid-value-(email), -starting-an-object-on-a-scalar-field-invalid-value-(password), -starting-an-object-on-a-scalar-field). " but I cannot find the meaning from the codes. Can you please point me in the right direction? I am using the new auth SignInWithEmailAndPassword