@@codinghusky5196 No, we create a different app, a note-taking app with Pinia for state management, multiple routes etc. It's explained in the promo video at the end of this video: 1:01:41
I just wanted to thank you for creating this course. It's the EXACT stack I'm using to build my own websites. I've purchased the full course and I look forward to completing at least one Udemy course in this lifetime. Nice job. Thank you.
Thanks Shaxzod. I do have the "Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite)" course on Udemy. You can grab it with my discount here: dannys.link/compositionapi
Awesome course! Many thanks Danny :) For those following this more recently, router-view can no longer be used directly inside keep-alive. Use slot props instead:
Mate this is awesome. It's taken me the guts of a day but I've managed to replicate and absorb everything on this video, something I've never managed before despite numerous attempts! Got yourself a sub, thanks for taking the time to make this!
Awesome video. My bro took one shot of whiskey every time you said "butt", he poisoned himself with alcohol. But, nevertheless, I really liked the video. Very useful and helpful💪💪
@@MakeAppswithDanny 😂😂 Just finished full tutorial. God bless you, man. I need firebase for my college project, but no one showed us how to use it. Your video saved me💪 Now, I just need to modify my original app a little bit, and I'm done with project🥳
Can you please make a video on how to assign employees role and department from main owner's dashboard. And Employees cand transfer the job between all of them. I shall be thankful to you for this
Top-notch content as usual Danny! Thanks for that! 29:00 just FYI: selecting the region of the Firestore db is needed for the GDPR (EU and similar laws for other countries) purposes. In layman's terms if e.g. the data is collected from the UK citizens it must be stored in the UK hence the location should be europe-west2.
@@MakeAppswithDanny that's a good question - I don't know for sure. But I guess you'd have several instances of the db which is possible in Azure and AWS. It's also good to have the db located closer to the users to reduce the latency.
@@iliaryzhkov but how come it doesn’t ask for a location for the authentication (where user email address is stored)? I guess DB location doesn’t really matter if your not storing any personal info in the DB? I’ll only be storing app settings and flags for whether they are subscribed or not etc
@@MakeAppswithDanny yes, you are right. Is only matters if you store personal data which is a pain. Pleased you don't have to deal with all of that! :)
@@MakeAppswithDanny I'd imagine you can regulate that at the user sign up in your app? Like,when a user creates their account, your app asks (or detects) where they are and chooses to store their data in a particular fb db?
I make a living programming. I finally made the decision to switch to Vue. I'm dedicating my time to learn it. I took a couple courses from other Authors that weren't bad. But this one put all of the primary building blocks in place. It sounds like your Composition API will be icing on the cake for me. I have taken Pinia and a couple other courses. But your style has finally grown on me so I can't wait to take the next one. My biggest issue with some of the other authors is that you run into some bumps. But seeing you hammer things out and make them work gives me a lot of confidence. I do confess I go at a snail pace at the moment. But my experience tells me that things will take off for me soon. Thank you!
Danny this is an excellent video as usual, I really love your content and I'm looking forward to get some money to invest on your courses cuz you are awesome and your explanations always help me love ya!
Good one Danny! I knew I wasn't the only programmer using foul language to test my code 😄 Thanks for the great tutorials 👌And also for reminding me that I need to shave my butt!
@@MakeAppswithDanny In my opinion, it's the only logical way to properly test a piece of code and people who use vars like 'foo' and 'bar' are pussies 😂I'm just kidding. But seriously I have to be careful when naming test vars on code that might be seen by anyone at work 🤣
I think it is probably challenging for Danny. He was the introduction for quite a few people (including myself) into Quasar and helped convince us to add Quasar to our stacks/projects. In doing so he became the face of Quasar to many... I mean his face is literally on the quasar.dev home-page. However producing content takes a lot of work and despite what many of us wish... Quasar hasn't gained a huge following yet. So I can see why Danny may want to try to branch out with videos that have the potential for a larger following (e.g. Vue/Firebase). However for his dedicated quasar fanbase this is almost worrying as the figurehead for Quasar is using Bulma instead for the components. I think people are curious if he is moving away from Quasar because he is trying to appeal to a larger audience or if he believes Quasar is no longer the best tool for the job, at least in certain cases (e.g. component library).
@@b0otable I'm still using Quasar for my app Fudget 2 & am still very happy with it. But yeah, I'm trying to make videos & courses with a broader appeal. I will do some more Quasar vids at some point though...
@@UltrasSSM it's not whether you have to "re-make it yourself in your product", don't be so patronizing; you're not talking to 5 year olds. It's about making good long term decisions, and picking a framework is one of them. If you pick a framework and end up re-making your product in a year because the framweork you chose died, it's a problem. People aren't asking "waah waah why do I have to write my own code????", people are asking "is Quasar still a good choice for a serious long term project"? I myself am glad Danny says it is; I love how it relieves one of all the design issues and allows one to focus on actual app functionality.
Firebase is cool, but not cheap. Supabase looks like good opensource firebase alternative for backend as a service. I think, quasar + supabase can be good choice for MVPs, or projects up to 100k users. Don't you have any plans to make video about using this technologies together?
Man, You must have done these recordings over and over again until it was perfect XD I don't know any other way how you could sit there and keep a straight face while constantly saying "shave my butt".
hi danny , im getting error Uncaught SyntaxError: function statement requires a namefirebase_firestore.js:13749:16 every time and i dont know how to fix that :(
Hello, I have a problem. In 35:23 when I'm trying it, i have an error in console: Uncaught (in promise) FirebaseError: Missing or insufficient permissions. What did I do wrong?
Great video :D One question, how is you connection that fast to firebase?... I am using it with vue and vite like in you curse but is really slow each time I refresh the page
Sometimes, when you first setup a Firebase database, it can be slow for a bit, but then it will start to speed up the more you use it. It could just be this...
thank you for this video, if I work with quasar and I want to create a web and mobile and IOS application at the same time how do we do this with firebase v9?
Hi, ty for your nice tut. I am from germany and a absolute beginner (in VSC, Vue3 etc.). Workflow during coding... e.g. you wrote only "div.columns" an with one click the tags are added... or: you marked some lines and with one click you add a comment before each line... Where can i find the - short cuts? - ? Sorry for my easy question...
The div.columns thing is the Emmet plugin (which is built-in to VSCode). You can find info here: code.visualstudio.com/docs/editor/emmet The block comment thing is just a snippet I created: code.visualstudio.com/docs/editor/userdefinedsnippets For that snippet, go to View > Command Palette > Configure User Snippets > JavaScript > and add this: { "Block Comment": { "prefix": "block", "body": [ "/*", "\t$1", "*/", "", "\t$2" ], "description": "Log output to console" }, } Then you can just type in "block" and hit enter to insert the snippet.
great project, thanks. I wonder if any one else have problems med JSX?I get an errror around every html element in vs code. "Property 'div' does not exist on type 'JSX.IntrinsicElements'.VueDX/TS(2339)" I have tried to downgrade volar and updated vs code to the latest.
![🎤 ไปกันต่อออ! จับฉลากร้องเพลง x P’ #XXSIVK [EP.2] (1/2) เพลงของใครจึ้งสุดน้าา 💓🎤 #MXFRUIT](http://i.ytimg.com/vi/mLI_K0sAS4o/mqdefault.jpg)
👉 Full Vue 3 & Firebase 9 Course: dannys.link/compositionapi
Does the course further develop this todo app, or does it work with something more complex?
@@codinghusky5196 No, we create a different app, a note-taking app with Pinia for state management, multiple routes etc. It's explained in the promo video at the end of this video: 1:01:41
Your way of teaching is so easy and understandable. They way you visit(touch) the docs added another level to your videos.
Thanks a lot.
Thanks man! 👍
I just wanted to thank you for creating this course. It's the EXACT stack I'm using to build my own websites. I've purchased the full course and I look forward to completing at least one Udemy course in this lifetime. Nice job. Thank you.
Thanks Dave hope you like the course! 👍
First successful Vue & Firebase tutorial. Thanks, Danny!
Glad it helped, doxed!
Helped me out, I didn't have a Todo app only needed to see how you connect to the firestore. THANKS SO MUCH
No problem Jean 👍
This was a much needed Vue with FireBase Tutorial. Helped me a lot! 👍
Glad it helped!
Thank you for the quality content. I would request you to release a complete course on Firebase. I think it would be useful to many programmers.
Thanks Shaxzod. I do have the "Vue JS 3: Composition API (with Pinia, Firebase 9 & Vite)" course on Udemy. You can grab it with my discount here: dannys.link/compositionapi
@@MakeAppswithDanny Ok thanks Bro
Awesome course! Many thanks Danny :)
For those following this more recently, router-view can no longer be used directly inside keep-alive.
Use slot props instead:
Thanks Sophie!
You're welcome, thanks for your amazing content ;)
thank you so much. finally, i understood how to use firebase 9 in vue3 project
Glad it helped, Kaungmyat!
Mate this is awesome. It's taken me the guts of a day but I've managed to replicate and absorb everything on this video, something I've never managed before despite numerous attempts! Got yourself a sub, thanks for taking the time to make this!
Thanks Terry!
Before I watch this course I wanna thank u for creating it because I love all your tutorials ❤
Sorry if my English not Good 🤣
Thanks, no I understand fine, Amr! 👍
You are my favourite instructor
Thanks 👍
Thanks really help understanding about firebase in vue
My pleasure 👍
thank you from Korea 👏
You are very welcome from. Manchester 👍
Awesome video. My bro took one shot of whiskey every time you said "butt", he poisoned himself with alcohol.
But, nevertheless, I really liked the video. Very useful and helpful💪💪
😂 thanks. But, people, please don't take a shot whenever I say "butt" 👍
@@MakeAppswithDanny 😂😂
Just finished full tutorial. God bless you, man. I need firebase for my college project, but no one showed us how to use it. Your video saved me💪
Now, I just need to modify my original app a little bit, and I'm done with project🥳
Thank you so much Danny, you so amazing and the videoo was rated 5/5
Thanks 👍
how can I update the content field?@@MakeAppswithDanny
wow! wow! wow! beautiful content.
Asante tena, Genes!
Just enrolled in your udemy course
Welcome aboard, Enrico!
Danny is the best code man!
Thanks AShtana!
Danny!! Real Perfect Content! Thanks a lot.
Thanks Robert!
thanks for explaining it clearly sir.
Happy to help 👍
I have always wanted you to change that banana example and now I have to live with the butt. :) Thanks for the tutorial.
nice , but you should have added an authentication system with firebase as well
Can you please make a video on how to assign employees role and department from main owner's dashboard.
And Employees cand transfer the job between all of them.
I shall be thankful to you for this
Thank you so much for your tutorial, it is very clear and easy to follow, I am a new be in programming, it's help me a lot
Great to hear, Mei!
you really help me!! ty from Argentina!
Glad to hear it, Marcosarfa!
thanks a lot for your effort! very usefull and easy-to-understand tutorial for Vue begginer. i recommend it!
Thanks!
This video is a life-saver
Glad it helped, Zain 👍
Thank you a lot for such a brilliant material. Thank you from Ukraine
My pleasure, Tapac. Welcome from Manchester!
OMG this is just perfect. Thanks Danny, Greetings from Russia
No worries. Thanks Cavidan!
umeiva sana, i mean you blazing sir.
Asante, Genes!
Your video helped me a lot, thank you very much
Glad to hear it, Daulet!
Top-notch content as usual Danny! Thanks for that! 29:00 just FYI: selecting the region of the Firestore db is needed for the GDPR (EU and similar laws for other countries) purposes. In layman's terms if e.g. the data is collected from the UK citizens it must be stored in the UK hence the location should be europe-west2.
Thanks for letting me know. What if it’s a global app (like most apps)?
@@MakeAppswithDanny that's a good question - I don't know for sure. But I guess you'd have several instances of the db which is possible in Azure and AWS. It's also good to have the db located closer to the users to reduce the latency.
@@iliaryzhkov but how come it doesn’t ask for a location for the authentication (where user email address is stored)? I guess DB location doesn’t really matter if your not storing any personal info in the DB? I’ll only be storing app settings and flags for whether they are subscribed or not etc
@@MakeAppswithDanny yes, you are right. Is only matters if you store personal data which is a pain. Pleased you don't have to deal with all of that! :)
@@MakeAppswithDanny I'd imagine you can regulate that at the user sign up in your app? Like,when a user creates their account, your app asks (or detects) where they are and chooses to store their data in a particular fb db?
very useful,thanks
Glad it was helpful, Sam!
Your work is awesome I learn a lot from You brother
Thanks Yosia!
wow nice tutorial
Many many thanks GamerCat!
I make a living programming. I finally made the decision to switch to Vue. I'm dedicating my time to learn it. I took a couple courses from other Authors that weren't bad. But this one put all of the primary building blocks in place. It sounds like your Composition API will be icing on the cake for me. I have taken Pinia and a couple other courses. But your style has finally grown on me so I can't wait to take the next one. My biggest issue with some of the other authors is that you run into some bumps. But seeing you hammer things out and make them work gives me a lot of confidence. I do confess I go at a snail pace at the moment. But my experience tells me that things will take off for me soon. Thank you!
Thanks David. Best of luck with your Vue journey!
Helpful guide/video! Thanks.
Glad it was helpful!
DANNY EU TE AMO! OBRIGADA VOCÊ É F O D A !!!!! [en]: danny i love u! thanks, you its rockkk!!!
De nada, Júlia!
thanks
No problem, Anas!
great! thanks a lot!
No worries Leonardo!
Danny this is an excellent video as usual, I really love your content and I'm looking forward to get some money to invest on your courses cuz you are awesome and your explanations always help me
love ya!
Cheers Agustin 👍
I am impressed. Thanks!
Thanks Danymous!
Bro you are amazing
Thanks Prince!
I am big fun of your quasar video it is very helpful
@@PrinceKumar-dp4ri Thanks Prince!
I learned a lot from you , thank you!
Thanks Ali!
My man!
🤙
You saved my life man :) Great work!!
Glad I could help!
omg this is a gem. thank you!
Thanks!
Amazing, Thanks for the awesome Video!
No worries, thanks for watching!
Good one Danny! I knew I wasn't the only programmer using foul language to test my code 😄 Thanks for the great tutorials 👌And also for reminding me that I need to shave my butt!
😂 😂 😂 you reminded me of how I once got in trouble in a previous job for having comments like /* i don't know what the f*%k this method does!! */
@@MakeAppswithDanny In my opinion, it's the only logical way to properly test a piece of code and people who use vars like 'foo' and 'bar' are pussies 😂I'm just kidding. But seriously I have to be careful when naming test vars on code that might be seen by anyone at work 🤣
@@mi_zot 😂
thank you so much, sir!!
No worries, Jacky!
Really awesome sir ❤
Thanks Mishen! 👍
everytimes he says "Wash ma beott" XD
😂
Nice video!
Thanks Daniel!
Great video
Thanks!
Hi! Great Video. I'm curious about the shortcut key to sort the code for each property by designating a block.
Thanks Moomoo! You mean the Split HTML Attributes Extention? You can find it on the VSCode extensions store 👍
Thx
2 days and work in Quasar framefork
Glad you got it working with Quasar, Денис!
Muchas gracias Crack !!!!!
Thanks Angel! Meth !!!!!
This is a very good tutorial but can we get the github repo of the project?
I don't think I currently have this on GitHub.
What about doing the same tutorial with Vuefire with authentication and authorization and CRUD?
Thanks I'll consider it 👍
Thank you Danny for this super clear video. Using firebase in my Vuejs projects seems much easier to me now.
I now want to go powder my butt.
😂
Hi
Why do you not to use quasar to tutorial ?
Do you want to change quasar to vuejs ?
Thanks
I wanted the tutorial to be helpful to anyone using Vue, regardless of the framework. Of course you could do the same thing with Quasar too 👍
I think it is probably challenging for Danny.
He was the introduction for quite a few people (including myself) into Quasar and helped convince us to add Quasar to our stacks/projects. In doing so he became the face of Quasar to many... I mean his face is literally on the quasar.dev home-page.
However producing content takes a lot of work and despite what many of us wish... Quasar hasn't gained a huge following yet. So I can see why Danny may want to try to branch out with videos that have the potential for a larger following (e.g. Vue/Firebase).
However for his dedicated quasar fanbase this is almost worrying as the figurehead for Quasar is using Bulma instead for the components. I think people are curious if he is moving away from Quasar because he is trying to appeal to a larger audience or if he believes Quasar is no longer the best tool for the job, at least in certain cases (e.g. component library).
@@b0otable I'm still using Quasar for my app Fudget 2 & am still very happy with it. But yeah, I'm trying to make videos & courses with a broader appeal. I will do some more Quasar vids at some point though...
you have to remake it yourself in your product, regardless of the framework
@@UltrasSSM it's not whether you have to "re-make it yourself in your product", don't be so patronizing; you're not talking to 5 year olds. It's about making good long term decisions, and picking a framework is one of them. If you pick a framework and end up re-making your product in a year because the framweork you chose died, it's a problem. People aren't asking "waah waah why do I have to write my own code????", people are asking "is Quasar still a good choice for a serious long term project"?
I myself am glad Danny says it is; I love how it relieves one of all the design issues and allows one to focus on actual app functionality.
Firebase is cool, but not cheap. Supabase looks like good opensource firebase alternative for backend as a service. I think, quasar + supabase can be good choice for MVPs, or projects up to 100k users. Don't you have any plans to make video about using this technologies together?
I may check Supabase out at some point 👍
Can you do a version of this where you use Pinia store?
That's a good suggestion, I'll consider it 👍
The butt thing cracked me up! :)
😂
if it is possible to make us the authentication form thank you
Man, You must have done these recordings over and over again until it was perfect XD
I don't know any other way how you could sit there and keep a straight face while constantly saying "shave my butt".
😂. Haha. It's the power of editing 👍
this tutorial made stay my butt at the chair
That's great. Thanks Exequiel!
Can you implement an like system using firebase?
I'm not sure what you mean, Dumitru...
I bought your udemy course
Thanks, welcome to the course, rootbin!
hi danny , im getting error Uncaught SyntaxError: function statement requires a namefirebase_firestore.js:13749:16 every time and i dont know how to fix that :(
I'm not sure Berti...
Hello, I have a problem. In 35:23 when I'm trying it, i have an error in console: Uncaught (in promise) FirebaseError: Missing or insufficient permissions. What did I do wrong?
I fixed it by changing rules in firestore "allow read, write: if true;"
Glad you sorted it. Just make sure you create some solid Firestore database rules before you publish anything 👍
Can we not use Vuefire library for firebase with composition api(script setup) vue 3?
I'm not familiar with Vuefire, but the website says Vue 3 Composition API is not supported yet.
Great video :D
One question, how is you connection that fast to firebase?... I am using it with vue and vite like in you curse but is really slow each time I refresh the page
Sometimes, when you first setup a Firebase database, it can be slow for a bit, but then it will start to speed up the more you use it. It could just be this...
thank you for this video, if I work with quasar and I want to create a web and mobile and IOS application at the same time how do we do this with firebase v9?
The API is exactly the same for all platforms (assuming you mean mobile application generated with Quasar).
@@MakeAppswithDanny thank you
Hi, ty for your nice tut.
I am from germany and a absolute beginner (in VSC, Vue3 etc.). Workflow during coding...
e.g. you wrote only "div.columns" an with one click the tags are added...
or: you marked some lines and with one click you add a comment before each line...
Where can i find the - short cuts? - ?
Sorry for my easy question...
The div.columns thing is the Emmet plugin (which is built-in to VSCode). You can find info here: code.visualstudio.com/docs/editor/emmet
The block comment thing is just a snippet I created: code.visualstudio.com/docs/editor/userdefinedsnippets
For that snippet, go to View > Command Palette > Configure User Snippets > JavaScript > and add this:
{
"Block Comment": {
"prefix": "block",
"body": [
"/*",
"\t$1",
"*/",
"",
"\t$2"
],
"description": "Log output to console"
},
}
Then you can just type in "block" and hit enter to insert the snippet.
@@MakeAppswithDanny ty very much!
@@KostnixeDeutschland No worries!
This vuejs3 composition api Tutorial ?
Yes Rusiru 👍
Danny do you have plan to include node and express?
In the Udemy course? Not currently Benjie...
Are you gonna publish any updates on your work with Fudget 2?
Yes hopefully. I'll probably do an in-depth video when it goes live.
Hi Danny, Do you have a discord community ? I would like to hang out there with like minded people :)
I don't Shawn...
Can you share the code
I don't think it's available currently.
can you share me this code ?
It's not on GitHub right now
How could you do this? 12:42
I'm not sure what you mean...
@@MakeAppswithDanny Oh, I wanted to know how to split the attributes. And now I got it :) thank you.
great project, thanks.
I wonder if any one else have problems med JSX?I get an errror around every html element in vs code.
"Property 'div' does not exist on type 'JSX.IntrinsicElements'.VueDX/TS(2339)"
I have tried to downgrade volar and updated vs code to the latest.
I find the error, it was extension vue.blocks Syntax Highlight, when I disabled it , it works
Glad you solved it. Those extensions can be pesky sometimes
Great video, Danny!
Btw, instead of importing the uuid library, the window object can do that for us with window.crypto.randomUUID()
Cool. Thanks for the tip! 👍
@@MakeAppswithDanny no problem! Thank you for showing the world how to make the butt maintenance app we never knew we needed!
@@brandonsayring 😂