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.
@DavidEast
2 жыл бұрын
Hey! This SDK release was one of the biggest feature requests we've ever had in the history of Firebase: reducing the library size. So I promise, we're listening to users and trying to make an impact where its most wanted. As far as more advanced content goes, stay tuned. We have a lot planned for 2022. What kind of tutorials are you looking for?
@sunimod1895
2 жыл бұрын
Totally agree, it took me 3 days to figure out which tutorial to even watch because every single one is different and I have been so confused, if it wasn't for my need to learn something google related I would have stopped searching
@dipanshuraj8565
2 жыл бұрын
@@sunimod1895 can you send the links for the videos you watched, I'm developing a Website for my college project and am unable to connect it to firebase. I'm getting more confused with each video I watch on firebase.Thanks
@sunimod1895
2 жыл бұрын
@@dipanshuraj8565 if you look up firebase 2022 (I believe it is anything firebase version 9) you should fine stuff easily
@dipanshuraj8565
2 жыл бұрын
@@sunimod1895 There are a lot of videos and docs for it but it still is confusing and I'm stuck on this since last week, no progress till now. I would be great if you could share some resources related on it.
@CritixCS
2 жыл бұрын
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
@ethancolin7792
2 жыл бұрын
Respect
@aditipandey1769
2 жыл бұрын
Brother still it's not working
@DSephi
2 жыл бұрын
Thanks.
@mitramitrogmail
2 жыл бұрын
same not working, please help
@zxzonline
Жыл бұрын
@@aditipandey1769 The first path in the path variable needs to be the NPM path. Opening the Node.js command prompt I found that the ng command worked there. I dug into the shortcut and found that it references a command to ensure the first Path variable is NPM. To Fix: Right Clicked on My Computer (windows) Selected Advanced System Settings Clicked "Environment Variables" Under "Path" variable, made the FIRST value listed %AppData% pm Once I did that I was able to close powershell and reopen and all worked.
@LamarrGames
2 жыл бұрын
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.
@wanyuchang
Жыл бұрын
this is where I lost, can someone please tell me how to do it?
@wanyuchang
Жыл бұрын
I just asked ChatGPT, and I got the configuration, for people who don't know how to do it, just add an app in your firebase project. I think it's because the UI, so the information it's unclear, especially for newbies.
@UnkownChris
Жыл бұрын
The project configuration is obtained after going onto settings for the project and finding the part called "SDK setup and configuration", however I'm also lost atm with some of the later steps, and I agree that some of this isn't specific enough for beginners
@Barman1904
Жыл бұрын
Go to the webapp settings in your project in firebase ....then scroll dwon then click on config ...simply copy paste the code given there
@lovleenkala4267
Жыл бұрын
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!
@axeljorgensen3438
2 жыл бұрын
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?
@codein7764
Жыл бұрын
i can help you get started, i use it on web
@steve_ade1407
Жыл бұрын
I'm having the exact same problem 😢
@irismiranda3650
Жыл бұрын
Are you using vanilla javascript? I found out in the worst way that you can't make firebase work in a decent way with vanilla javascript I wish they stated it in a more obvious way somewhere so I didn't lose time finding this out after failing 2000 times Anyway, I ahve started learning react just to make this crap work
@vidhishiste8751
Жыл бұрын
@@irismiranda3650ohh damn .. actually I am a beginner and I have actually scraped the entire web to make firebase work in vanilla js .. since I don't know any frameworks .. and I always get Post 400 errors also the tutorials on net are not helpful they are either a year old or more and the version of firebase updates so they re of no use
@diegovski
Жыл бұрын
Ask chatgpt to guide you step by step, it will even write the code for you, it's much better than these tutorials.
@anl6777
3 жыл бұрын
What is your font and theme? It's so good.
@talk2frank2010
2 жыл бұрын
how do i get the browser module path, he skips right over that as if its normal?!
@nochain99
2 жыл бұрын
Wish I would have started my Firebase research with this video. That was the best 11 mins I have spent in days. Well done!
@yuzheh.1719
2 жыл бұрын
god damn it this video should be posted as the FIRST ONE in your channel! Thank you very much bro for the smoking tutorial
@akauppi2
3 жыл бұрын
Covered way more details than I expected! Nice to see such packed content, free of skippable sections. :)
@SearchingNomad
3 жыл бұрын
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.
@Michael-Martell
3 жыл бұрын
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.
@martinjoyce5670
3 жыл бұрын
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
@dimitritsikaridze6220
3 жыл бұрын
where did he get those urls at 5:35
@meghanleicht8241
10 күн бұрын
I believe when you copy the code for the SDK setup, you can select the CDN radio button to use the browser module URLs. This would be in the project settings.
@shauryaaher1579
3 жыл бұрын
Can you provide a Fundamentals video for all of Firebase?
@shauryaaher1579
3 жыл бұрын
@@ToddKerpelmanCorp You're so cool!
@andrewlawton7415
3 ай бұрын
okay..where is the code that Peter is referring to? b/c I do not see you typing that code in this video
@pablojavierjimenez
3 жыл бұрын
great you're back!!!
@herol3oy
3 жыл бұрын
Angular and firebase please.
@LukePuplett
2 жыл бұрын
Great video, but how do you deploy it? It should ideally end with the site being available at a public URL somehow.
@LukePuplett
2 жыл бұрын
@Envens ❤️
@connorflewitt8377
2 жыл бұрын
Good video but I am trying to code along to get my version working, the camera panning and fast forwarding really doesnt help with this.
@edisonmondal2798
2 жыл бұрын
Im getting this error The term 'serve' is not recognized as the name of a cmdlet what can i do
@uditsethi2578
3 жыл бұрын
even after Importing the authentication package I am getting error in browser getAuth() not defined. Can someone help please?
@shikshamishra5668
2 жыл бұрын
Hi. Big request .Please tell or make a video on how to connect with database already in firebase and query on it and get the results
@BradleyKisia
2 жыл бұрын
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.
@BdThuan
3 жыл бұрын
I feel that version 9 is harder to use than version 8. and I have to downgrade back to version 8.10.0
@andrewsides7250
3 жыл бұрын
I copied his code exactly in a new project, and received this in the console: "Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/plain". Strict MIME type checking is enforced for module scripts per HTML spec." Does anyone know what I'm doing wrong? If I change the js file to mjs, it doesn't give me the MIME error anymore, but the HTML file can't find the functions in the mjs file... have not been able to get even the example to work.
@nihaalprasad7049
3 жыл бұрын
add type="module" to your script tag, solved for me
@hinrichfspruyt
3 жыл бұрын
Same problem. Can't resolve it. So difficult to find support on this issue. Can anybody help?
@hinrichfspruyt
3 жыл бұрын
@@nihaalprasad7049 Didn't help. :(
@BlissAden
2 жыл бұрын
@@nihaalprasad7049 I tried it cant get the html console.log("no user") printed so main.js is not being linked as src/index.html I did as well src="../dist/main.js" as the file path but still nothing as well
@tech3425
2 жыл бұрын
You're a very patient teacher. Thanks!
@yavuzdemir7184
8 ай бұрын
serve dist/ and serve src/ and the location of index.html -> It takes twice time more than the video length which file is where and which folder to serve. If jumping from one point to another, this distinction could have been made clearer. Thanks for the video by the way. It is fruitful in the philosophy behind.
@benjaminlarenasbravo2509
2 жыл бұрын
This should be my first tutorial, thx from Chile!
@youssefelasraouiGK
2 жыл бұрын
I want to deploy my project, but I'm I supposed to move the src folder and the node-modules into dist?
@sevenseven6123
2 жыл бұрын
bit late to the party, but do you mind sharing your font/color schemes that u use for VSCode?
@lucasmouquet3152
3 жыл бұрын
Can someone help me ? Failed to load resource: the server responded with a status of 404 (Not Found) :63342/Website/node_modules/firebase/compat/:1 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "video/mp2t". Strict MIME type checking is enforced for module scripts per HTML spec.
@bke629
3 жыл бұрын
Yeah it's like that for me, I tried adding "type": "module" to the package json with the same outcome
@wolfpack4449
3 жыл бұрын
I couldn't find the fundamentals playlist. Can you send a link?
@Theventuredkings
2 жыл бұрын
Being trying to use fire base service and its very complicated, i watched about 10 videos now, including yours, yet nothing is working
@mikepritchard20
2 жыл бұрын
I know you! Good to "see" you again. Thanks for the info.
@anshita6898
2 жыл бұрын
I want to add firebase to my react project. But it is showing can't resolve firebase in documents/my-react-app/src... Plzz help me with this.Trying to resolve it since 3 days!
@babylonba4329
3 жыл бұрын
I created a project and access the firestore databse page it stuck on loading and give me the information strict-origin-when-cross-origin. Why?
@mashudfariduddin7262
2 жыл бұрын
sorry , was looking at your example and I am stuck at the onAuthStateChanged part , how do you do that ?
@shubhamsharma5631
3 жыл бұрын
please provide link to playlist , if a video is from playlist. Ty for such a packed content.
@alex-desroches
3 жыл бұрын
excellent, thanks and also very happy about version 9!!
@Firebase
3 жыл бұрын
Great to hear!
@TheRedPrometheus
2 жыл бұрын
npm bundles dont work for me. Seems like browsr modules is the only way to go for now!
@bke629
3 жыл бұрын
How do we sole this localhost/:1 Uncaught TypeError: Failed to resolve module specifier "firebase/app". Relative references must start with either "/", "./", or "../".
@hinrichfspruyt
3 жыл бұрын
Same problem. Please advise.
@HenriqueOliveira-wg9ht
2 жыл бұрын
7:14
@bokofi
2 жыл бұрын
@@HenriqueOliveira-wg9ht Thanks, I started using ReactJS, it was easier to implement it then.
@baremetals
3 жыл бұрын
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
@vodupit
2 жыл бұрын
Thank you Man! You made it so easy to understand!
@Firebase
2 жыл бұрын
Thank you for the kind words, Fuad! We're glad you enjoyed the video 😎 Be sure to check out the links in the description for more updates, tips and tutorials!
@skylerjknight
3 жыл бұрын
V9 is gonna be sick 😏
@john_yeager
2 жыл бұрын
dude i try cdn with no npm but while db working in script on the index.html when in the end i link app.js script db say is not defined any help anyone?
@LatinoWebStudio
2 жыл бұрын
Appreciate the video but is there a newer version of this? It seems Firebase hasn't changed, not sure how but it doesn't work like it does on the video.
@monenokegirl
Жыл бұрын
I'm dying to know what font/extension you used!! I love that "user" is differentiated. I found Fira Code, but that doesn't give me the different look for "user" and looks a bit different in the font anyways.
@edmiddlebrooks1696
2 жыл бұрын
I have a simple javascript mortgage calculator I want to query via api for my Manychat Chatbot, and so far doing something so simple has wasted like 2 days trying to figure out the complexities of just hosting the backend. Jesus! This is like being told I have to learn the physics of quantum entanglement on 13 dimensions just to start a car. Why the hell is this so difficult? I really need a cli envirnoment installed on my Mac to host a damn Javascript that responds to a GET request? Give me a break, there has to be an easier way.
@sumersinghrana8868
2 жыл бұрын
I want more fundamentals video of Firebase web with some projects.
@hamidcoolboy
3 жыл бұрын
"serve dist/" doesn't work for me. I had to run "npx server -s dist".
@truongsa405
3 жыл бұрын
Cannot use import statement outside a module import firebase from "firebase/compat/app"; import "firebase/compat/auth";
@ianthethird420
3 жыл бұрын
Make sure the script is set as type=”module”
@lightgridptyltd5032
3 жыл бұрын
@@ianthethird420 Still doesn't work. "Failed to load module script..."
@bke629
3 жыл бұрын
@@lightgridptyltd5032 It also says something about a MIME type
@hinrichfspruyt
3 жыл бұрын
@@bke629 Yes. I have no idea where to get support for this. Stackoverflow has nothing on it.
@ishananaguru
2 жыл бұрын
@@hinrichfspruyt you need to set up webpack and include bundle.js to the index.html for this. Not the actual src/index.js. also you need to keep webpack running in the background for this.
@uzeyiryariz3169
8 ай бұрын
1:48 Here, in order to communicate with the server, you write the index.js file in the public folder and write the configuration code, doesn't this cause a security problem? I think it can.
@sky0dragon
2 жыл бұрын
need an updated version of this and please do it in windows
@BlueyMcPhluey
3 жыл бұрын
not a fan of this new structure and I can't seem to get my authentication working with Ver. 8 any more
@vahiddabbagh6794
2 жыл бұрын
Amazing tutorial, very nice teaching, thanks
@scars5019
2 жыл бұрын
how did u get it to work vecause im currently struggling to even install the webpack files he spoke abt in the video
@AmmarOuds
3 жыл бұрын
Thank you sir for the good walk through, One question , how does this work with parcel bundler? thank you in advance
@worldclasscode1847
2 жыл бұрын
Do you use react? Bundler is automatic there?
@lone.faerie
3 жыл бұрын
What font is that??? How do you get that "not equal to" symbol?
@mikestanley18
3 жыл бұрын
That might be Fira Code. And that not equal to sign in (and many others) are activated by enabling ligatures. You can find the setting in preferences.
@pranjal86able
2 жыл бұрын
@@mikestanley18 I don't think that is Fira Code. The f looks totally different.
@gangadharkaja2132
2 жыл бұрын
Its Dank Mono
@HSA-
Жыл бұрын
Bro at around 6:10 you use the serve /src command to open up a server. Is serve the default firebase command to do that? Does anybody know?
@0100-w1s
Жыл бұрын
can you tell us how to download both the npm and module bundler before installing firebase for beginners.
@nobleokafor5171
2 жыл бұрын
one for using firebase on cross-platform frameworks like react native and flutter would be nice
@E9_G
Жыл бұрын
True! I really wish Firebase V9 functional programming features could be implemented in Flutter and not the old OOP approach.
@jamesr2408
3 жыл бұрын
@ 2.03, the index.html file currently lives in the web folder/directory of the Flutter project. Where do I include this Firebase in the Flutter project? Create a new index.js in the same directory, and include the and rest of the configuration as shown in the video? Kindly demystify. I'm extending my already working Flutter androis-iOS App already wired to Firebase Firestore database. I want to extend this to web. Thank you.
@bhimloon6471
2 жыл бұрын
Hi..did you able to connect firebase web to your old Android/ Ios app ? Please help me fix too.
@jimshtepa5423
2 жыл бұрын
has anyone come across an error related to top level await?
@blatchie4608
3 жыл бұрын
You are a SAINT
@aleksandarpanov1385
2 жыл бұрын
serve?
@lucianocunhateixeira
2 жыл бұрын
To use this command you should to run this command: "npm i -g serve" to install it.
@BefriendDeveloper
Жыл бұрын
Very high-quality content. Ty.
@KevinManda
2 жыл бұрын
After close to 10 months trying to get authentication to work, I think I finally cracked it but I am not even sure if it's working but the console reports "No user" so that was satisfying to see, before then it was a mess of errors in the console and had no idea on what to do
@agadaFrancisLouis
2 жыл бұрын
i feel your pain, Kevin😂😂😂😂
@lucamilchrahm8966
4 ай бұрын
If i change my index.js, the changes dont actually appear if i serve the dist directory. How to i fix this?
@robert-f4q8e
Жыл бұрын
I have build error: Uncaught TypeError: a.auth is not a function but dev-build work but with another error: FirebaseError: Firebase: Error (auth/argument-error). Firebase is terrible
@BradleyKisia
2 жыл бұрын
What icon themes and color themes are you using for vscode?
@allaguimaouia6510
2 жыл бұрын
thanks that's a good tutorial . can i know the name of font that you use it in vs code ?
@gangadharkaja2132
2 жыл бұрын
The Font Name Is Dank Mono
@sanazkamali5825
2 жыл бұрын
we got a PWA and we have it on app store but I can't see the data that come from app store could you please help me?
@luisandrade1291
3 жыл бұрын
Finally v9!!
@Human_Evolution-
2 жыл бұрын
This does not work........ You had a bunch of code randomly paste itself in right away. Not mine.... So much time.
@DavidEast
2 жыл бұрын
Hey! I promise, nothing was pasted (other than the confi object, which should be!). I speed up the typing to keep the video time as short as I can. What part did you have trouble getting to work?
@nazari_co
3 жыл бұрын
That was Awesome!!! such completed fundamentals wow. ❤❤
@Firebase
3 жыл бұрын
Glad you liked it!!
@worldclasscode1847
2 жыл бұрын
Do you use React?
@dan_rad
Жыл бұрын
"I'm going to take these NPM paths and convert them over to browser module paths"... Insert wizardry... AND we're back!
@chriskodehode4937
2 жыл бұрын
Great tutorial, thanks to it, I not only started with Firebase but also with Webpack 👍 Thanks a lot 😁
@Firebase
2 жыл бұрын
Great to hear!
@bryanltobing
3 жыл бұрын
please continue with migrating fcm to this new version..
@sabuein
2 жыл бұрын
Thank you, informative and helpful video.
@angelomendoza6894
2 жыл бұрын
Anyone know what vscode theme is being used? I could stare at it all day.
@oldmen2544
3 жыл бұрын
Please bring back flame plan or billing limits
@thangduong8799
2 жыл бұрын
i have 2-dimension array which is data from sensor, everybody can let me know how to update it from esp32 to firebase. Thank you so much!!!
@josephweaver8545
2 жыл бұрын
What font are you using in VS code, I like it a lot.
@miguelmarquiori
2 жыл бұрын
Hey did you find out? Lookin for it too.
@gangadharkaja2132
2 жыл бұрын
Font Name Is Dank Mono
@rameshchandrapola1102
3 жыл бұрын
Great video Thanks a lot!!! :)
@arnav_0397
3 жыл бұрын
version 9.0.0 sucks, I was trying to learn firebase from past month, and my bad this version came up 2days ago and I all mess it up
@nihaalprasad7049
3 жыл бұрын
Same here! I was going to start learning Firebase but since version 9.0 came i cant find any good tutorials to help me learn. Even their official samples haven't been updated yet! Am trying since the last 3 days to createUserWithEmailAndPassword but its not working. It really suckss. Hope they make some tutorials regarding 9.0.
@poojari18
3 жыл бұрын
Excellent tutorial 👍
@worldclasscode1847
2 жыл бұрын
Yes, excellent :) Agree
@markchang1762
2 жыл бұрын
What is the vscode theme? I really like it
@gouravnainwaya5669
3 жыл бұрын
Very helpful
@CongTuyenLe
2 жыл бұрын
which vscode font and extension are you using? I really like it
@gangadharkaja2132
2 жыл бұрын
Font Name Is Dank Mono
@seccat
Жыл бұрын
The "not equal" symbol is nice.
@raidenkamisato3128
2 жыл бұрын
i dont' understand step 4 when he made a dist folder? I try and they said my js don't exist?
@raidenkamisato3128
2 жыл бұрын
3 months and no progress :) This guys didn't show how he set up everything before explaining how to do in visual code.This will make a big confusion and lead to a lot of problems which is no clue of explanation in this video.
@jatustudiobox3986
2 жыл бұрын
Hi, thank you for this video very much. I can understand more about modern web development. 😊
@caiozafa
10 ай бұрын
in minute 2 there is "measurementId: "$%#$%¨$%$#¨#$%#"" where do i get this info?
@dogman8749
2 жыл бұрын
05:37 Here when he changes the npm path the browser path what command does he use to do that? having trouble with this step
@scars5019
2 жыл бұрын
omg im stuck at the same position too fs, its been annoying me for a good hour please help us 😭
Пікірлер: 223