Тёмный

Quasar Vue.js Tutorial - Getting Started 

Program With Erik
Подписаться 123 тыс.
Просмотров 70 тыс.
50% 1

Опубликовано:

 

26 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 124   
@ProgramWithErik
@ProgramWithErik 4 года назад
Hey everyone ! I created a second video where I go over creating a full app using Quasar! We connect to an api and more! Check it out ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3SdlcNvV33A.html
@alisilarbi8073
@alisilarbi8073 2 года назад
thank you so much erik !
@MakeAppswithDanny
@MakeAppswithDanny 4 года назад
Nice video, Erik! It’s exciting to see a high profile RU-vidr promoting Quasar as it deserves a much larger audience than it currently has! As an indie app dev, who creates apps across multiple platforms (web, iOS, Android, Mac & Windows), Quasar has been an absolute godsend. Previously, to have the same app running on multiple platforms required multiple codebases and git repos (an Electron codebase, a Cordova codebase, a web codebase and a core codebase). This caused all kinds of problems, with maintenance, deployment and mismatched code across different platforms etc. It was painfully time consuming. Now with Quasar I have a single codebase, a single repo and can easily deploy to any platform, often with a single terminal command! Quasar makes it possible to be a truly cross platform dev with multiple apps on many platforms - even as an individual person!
@ProgramWithErik
@ProgramWithErik 4 года назад
Awesome! yeah, I'm really liking it!
@jaldhibhatt4193
@jaldhibhatt4193 4 года назад
“Quasar Framework: Tutorial part 3 - Vue.JS events, loops, inputs and routing (2/2)” by Jaldhi Bhatt link.medium.com/TpKc4jIq55
@valtronicsza
@valtronicsza 4 года назад
@@jaldhibhatt4193 No need to advertise your channel in every reply ....
@jaldhibhatt4193
@jaldhibhatt4193 4 года назад
@@valtronicsza “Quasar Framework: Tutorial part 3 - Vue.JS events, loops, inputs and routing (2/2)” by Jaldhi Bhatt medium.com/js-dojo/quasar-framework-tutorial-part-3-vue-js-events-loops-inputs-and-routing-2-2-d164c8bc3a92
@jaldhibhatt4193
@jaldhibhatt4193 4 года назад
@@valtronicsza “Quasar Framework: Tutorial part 3 - Basics of Vue.JS and component lifecycle (1/2)” by Jaldhi Bhatt medium.com/js-dojo/quasar-framework-tutorial-part-3-basics-of-vue-js-and-component-lifecycle-1-2-a711e51f434b
@RazvanStoenescu
@RazvanStoenescu 4 года назад
Cheers from the Quasar Team! If we can help you, Erik, with anything, please feel free to drop us a message on our Discord server. Nice work with the video!
@ProgramWithErik
@ProgramWithErik 4 года назад
Razvan Stoenescu awesome will do thanks!
@tomnguyen1015
@tomnguyen1015 4 года назад
@Erik, your video will be a good resource for newcomers like myself and help with quasar adoption. @razvan, it's incredible what you have done mostly alone. Keep up the great work 👍
@srikanthkrishnamoorthy3484
@srikanthkrishnamoorthy3484 4 года назад
Thanks Razan for the framework. I have used Jquerymobile, Bootstrap, UI kit, foundation, w3css, Tailwindcss but I finally see great things happening here.. I did my first test with the help of this Erik video & your docs , looks all impressive. Hope it gets me set for my new project.
@jaldhibhatt4193
@jaldhibhatt4193 4 года назад
“Quasar Framework: Tutorial part 3 - Vue.JS events, loops, inputs and routing (2/2)” by Jaldhi Bhatt link.medium.com/TpKc4jIq55
@RazvanStoenescu
@RazvanStoenescu 3 года назад
@Joel Dunn Sorry, but I have to say it. This is the most ignorant comment I've read lately. Thanks for also cross-posting. Makes us think you're on an agenda, which is not something unheard of.
@kyawmyohtut9370
@kyawmyohtut9370 4 года назад
I'm really fall in love with Quasar. Thanks for sharing
@jaldhibhatt4193
@jaldhibhatt4193 4 года назад
“Quasar Framework: Tutorial part 3 - Vue.JS events, loops, inputs and routing (2/2)” by Jaldhi Bhatt link.medium.com/TpKc4jIq55
@brandonw.2066
@brandonw.2066 4 года назад
It's awesome that you're covering this. I came across Quasar a couple months ago and was pretty impressed. It seems that a lot of places use Vuetify which is great. But it's nice to see alternative options.
@ProgramWithErik
@ProgramWithErik 4 года назад
Yeah exactly! I was impressed too.
@jaldhibhatt4193
@jaldhibhatt4193 4 года назад
“Quasar Framework: Tutorial part 3 - Vue.JS events, loops, inputs and routing (2/2)” by Jaldhi Bhatt link.medium.com/TpKc4jIq55
@ProgramWithErik
@ProgramWithErik 4 года назад
What do you think of Quasar?
@steveclarke1764
@steveclarke1764 4 года назад
I love it. I already have 5 hybrid web/iOS/Android apps in production, with the 6th launching next month. I have never been so productive as with Vue/Quasar in my 25 year web dev career!
@andrewpremo2580
@andrewpremo2580 4 года назад
It looks promising.
@PopescuMarian
@PopescuMarian 4 года назад
I just started learning it 1 week ago! I hope your tutorials will help me!
@tomnguyen1015
@tomnguyen1015 4 года назад
Loving it!!!
@mohanbane7
@mohanbane7 4 года назад
I really love working with quasar.
@SuryaKumaran11
@SuryaKumaran11 4 года назад
I have known about quasar for a long time. But this is the first tutorial I a seeing. Good work. Hope to see more videos on it soon
@ProgramWithErik
@ProgramWithErik 4 года назад
Awesome!
@gveresUW
@gveresUW 4 года назад
HI Erik, I just found your channel a few days ago because I started searching for Vue and Quasar. I would like to see an example of a mobile app and the use of Typescript. I am pretty opinionated that you should never do production code in plain javascript so any tools and framework need to work with typescript in my opinion. There aren't too many examples of Quasar and typescript out there that are recent, so that would be a great differentiator. Thx!
@ProgramWithErik
@ProgramWithErik 4 года назад
Greg Veres awesome ! Thanks for the suggestion
@acesOfGreen
@acesOfGreen 4 года назад
Hello Erik, I have been looking for good video tutorials and am glad I have found you. Your way of teaching is effective and is helping me greatly. I also just got your cheatsheet and it is awesome! Thank you
@acesOfGreen
@acesOfGreen 4 года назад
Erik, I just installed Quasar and I thought I'll let you know that the Cordova/Capacitor install Step seems to be no more
@acesOfGreen
@acesOfGreen 4 года назад
It also looks like that you do not need to import any components in v2 when wanting to use them (using the quasar CLI that is). Great!
@sholikhinagil5697
@sholikhinagil5697 4 года назад
thank you for this video. we all support you to make you video like this. i love quasar
@stevenschalm8022
@stevenschalm8022 2 года назад
Vue 3 + Vite + Hot Module Reload + Quasar Vite Plugin in 2022 is really nice :D
@MarinelCuculj
@MarinelCuculj 4 года назад
Your channel is awesome! It easy to follow and I learnd so much. Becouse of Quasar cover I subscribed to your channel :) I hope than in the future there will be more videos.... I dont know why Quasar is not more popular? In my personal opinion I think it should be :)
@BeliCsGROM
@BeliCsGROM 4 года назад
Erik you have my full support for what are you doing.
@ProgramWithErik
@ProgramWithErik 4 года назад
Thanks!
@steveclarke1764
@steveclarke1764 4 года назад
You can use the Quasar CLI to create a page/component: npx quasar new page MyPage. It creates the page with a basic skeleton.
@jaldhibhatt4193
@jaldhibhatt4193 4 года назад
“Quasar Framework: Tutorial part 3 - Vue.JS events, loops, inputs and routing (2/2)” by Jaldhi Bhatt link.medium.com/TpKc4jIq55
@srikanthkrishnamoorthy3484
@srikanthkrishnamoorthy3484 4 года назад
Thanks Erik. It is more than ton of good things you are doing. Look forward to more videos on Quasar..
@ProgramWithErik
@ProgramWithErik 4 года назад
You are welcome!
@MultiOrlando1998
@MultiOrlando1998 Год назад
mine opened with npm init quasar, it did not work with quasar create quasar-demo
@fernandtape9363
@fernandtape9363 4 года назад
Can you please build a full web app with firebase, authentication and show how to deploy it. That would be very nice.
@ProgramWithErik
@ProgramWithErik 4 года назад
I'll add it to my list!
@은혜-s8z
@은혜-s8z 3 года назад
hi! i keep getting this error on my main layout: Property '$q' does not exist on type '{ $: ComponentInternalInstance; $data: {}; $props: Partial & Omit; ... 10 more ...; $watch(source: string | Function, cb: Function, options?: WatchOptions): WatchStop...'. how do i fix this? thank you!
@lorenzoluisveloso2081
@lorenzoluisveloso2081 4 года назад
is it possible to use MYSQL as database in quasar framework?
@ProgramWithErik
@ProgramWithErik 4 года назад
Not that I know of...
@protocode_227
@protocode_227 2 года назад
Hey Erik! you wanted to go over the boot files, but seems you didn't. Do you got anything about how to migrate main.js from Vue to Quasar?
@alexchud
@alexchud 4 года назад
Hi Erik, thank you for your videos. High Quality as always.. Would love to see more videos on Quasar.. I have seen this one and the second one, would love to see more Cheers, Alex
@t.j.prescott1960
@t.j.prescott1960 4 года назад
Can you please make a video comparing Amplify to Laravel Vapor for use as a backened to Quasar?
@Lonerzzq
@Lonerzzq 4 года назад
Show us how to make a mobile app with Quasar?
@89Ssik
@89Ssik 2 года назад
14:26 when I type vbase nothing happens it doesn't copy text like it does for you, what should I do? I'm trying to follow tutorial step by step
@ProgramWithErik
@ProgramWithErik 2 года назад
Look up Vue snippets in your VSCode extensions for Sarah Drasners one
@89Ssik
@89Ssik 2 года назад
@@ProgramWithErik I put reply with link but it didn't go through, didn't know youtube doesn't support links :) But thank you! Are you still working with Quasar? How is your experience with it now, since it`s quite old video :) with how technology is changing these days
@benjaminng8882
@benjaminng8882 2 года назад
Hi Erik, thanks for the awesome video, can you make a comparison video between Quasar and Nuxt?
@semlimi2894
@semlimi2894 3 года назад
Great informative video! thanks for sharing. I'd love to see a tutorial of Quasar with Nuxt. And maybe if it's possible to implement your own custom components rather than using Quasar's built-in material design components? For when clients have very specific design requirements
@PrashantNirgun
@PrashantNirgun 4 года назад
Form's and validation with textbox, select, calendar and other widget are very much required. Also form layout with classes creating confusion. We worked with Bootstarp and now here flex its taking to much time in experimenting. If time permit Multiple pages form. Thanks for listening developers need.
@jeffrey_codes
@jeffrey_codes 4 года назад
Idea: "native" apps on iOS, Android, and Electron. After you've built out the app some more, I'd love to see Quasar generate the apps for the native platforms. As far as I can see, that's one of the biggest reasons to use Quasar over something like Nuxt + Vuetify.
@ProgramWithErik
@ProgramWithErik 4 года назад
Exactly. That might be my next video in the future, is looking closer to how to deploy these on native.
@armyindo4085
@armyindo4085 4 года назад
thank you, pease keep making quasar tutorial, you are very good
@jaldhibhatt4193
@jaldhibhatt4193 4 года назад
“Quasar Framework: Tutorial part 3 - Vue.JS events, loops, inputs and routing (2/2)” by Jaldhi Bhatt link.medium.com/TpKc4jIq55
@alejandroalfonsogarciagonzalez
@alejandroalfonsogarciagonzalez 4 года назад
Good video, Erik! It is very interesting, very powerful and versatile. This great framework is very good that you have made this excellent video to publicize and learn about the hope that you can do many more tutorials on this great multiplatform development tool that does not facilitate the work as developers many Blessings.
@ProgramWithErik
@ProgramWithErik 4 года назад
Thanks! Will do
@정재훈-u3p
@정재훈-u3p 3 года назад
the document is god tier
@buuqmarabo2778
@buuqmarabo2778 4 года назад
Wanted this so much. thanks.
@ProgramWithErik
@ProgramWithErik 4 года назад
You are welcome!
@andrewpremo2580
@andrewpremo2580 4 года назад
Fullstack App with Firebase deployment plz.
@ProgramWithErik
@ProgramWithErik 4 года назад
I'll add it to my list :)
@pilearn1266
@pilearn1266 4 года назад
Can you do video on integration between the frameworks live vuetify and quasar
@ProgramWithErik
@ProgramWithErik 4 года назад
LIke how to use both?
@whatthefunction9140
@whatthefunction9140 4 года назад
oh how about using the composition api with Quasar!?
@AbhimanyuAryan
@AbhimanyuAryan 3 года назад
I was able to create my dashboard app using the docs. I came here only to check "how to spell QUASAR lol". Leaving btw liked your video thanks
@happyoe398
@happyoe398 4 года назад
Great one, Next video SSR.. But I think you should create a Poll !
@phoehtaung
@phoehtaung 4 года назад
Hey Eric! What vscode theme are you using? :)
@ProgramWithErik
@ProgramWithErik 4 года назад
SynthWave 84
@AlejandroGarcia-jf1gy
@AlejandroGarcia-jf1gy 2 года назад
Hello, very interesting greetings and good your video. I need help you will not have a step by step tutorial on how to publish and compile an app with quasar codova for the app store and publish it in the store
@vintotrocks
@vintotrocks 3 года назад
Nice for beginners like me
@moamdanf6806
@moamdanf6806 4 года назад
please give the linking theme I didn't find it, Thanks for the video
@ProgramWithErik
@ProgramWithErik 4 года назад
Synthwave 84
@PrashantNirgun
@PrashantNirgun 4 года назад
its awesome really great framework. Eric does it a replacement for vuetify ? offcourse it does more than it also it mean I don't have to learn Nuxt.js as it has inbuilt functionality. Great tutorial let me explore and I will surely suggest you the difficult area of understanding or implementation. Geat job keep it work. I will surely tweet for this.
@ProgramWithErik
@ProgramWithErik 4 года назад
Yes, it certainly could be a replacement for Vuetify and it has SSR abilities too.
@johnnydriesen7575
@johnnydriesen7575 4 года назад
Just a question ... Quasar or Vuetify ?
@ProgramWithErik
@ProgramWithErik 4 года назад
Right now I'm really liking Quasar. But Vuetify is great to add to an existing application
@whatthefunction9140
@whatthefunction9140 4 года назад
*next video on how to host this serverlessly*
@ProgramWithErik
@ProgramWithErik 4 года назад
SSR? I can look into that.
@whatthefunction9140
@whatthefunction9140 4 года назад
@@ProgramWithErik no like a serverless aws stack to host the app.
@erniea5843
@erniea5843 4 года назад
Nice!
@jmv2453
@jmv2453 4 года назад
Nice, How implement api call
@ProgramWithErik
@ProgramWithErik 4 года назад
Check out my new video! ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3SdlcNvV33A.html
@mahd1_ar
@mahd1_ar 4 года назад
It would be great if deploy it as an electron app!
@ProgramWithErik
@ProgramWithErik 4 года назад
Aww! I was going to show that, but I realized I'm using bash for windows, and it doesn't work on that. Electron not Quasar. I'll have to setup my environment up a little differently on windows to get that working. Or do it on my mac.
@bulp9893
@bulp9893 4 года назад
I am using quasar for cross platform 👍
@ProgramWithErik
@ProgramWithErik 4 года назад
Yeah looks great for that!
@BryanRojo
@BryanRojo 4 года назад
What about vuetify?
@ProgramWithErik
@ProgramWithErik 4 года назад
I still like it
@MaximilianBerkmann
@MaximilianBerkmann 4 года назад
"My keyboard is clicky [...]" That can be omitted with a better microphone and a better setup. If you use a condenser microphone (e.g. Blue Yeti, AT2020, ...) on a mic stand on the table near your computer, then consider using a cardioid microphone (e.g. Shure SM7b) and also getting a boom arm to hang the microphone and place it closer to your mouth. This way, you'll get a much better audio quality without having to dabble with audio pre-processors and Digital Audio Workspaces or simply audio editors. Other than that, keep it up.
@ProgramWithErik
@ProgramWithErik 4 года назад
I am using a cardoid microphone on a boom microphone. It's the RE320. It seems to pick up the keyboard noises a bit more then I'd like. It's not too bad though.
@MaximilianBerkmann
@MaximilianBerkmann 4 года назад
@@ProgramWithErik Oh nice, in this case, making sure the front is close to you and that you set the microphone's gain (output volume) assuming you have an audio interface so it doesn't clip (i.e. reaches 0dB which can distort the sound) and that it's high enough to only capture your voice. In any case, I recommend watching: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Ty8YLqOmbV4.html ("10 Tips for Better Sounding Vocal Recordings" by Podcastage).
@dasten123
@dasten123 4 года назад
This framework is AMAZING
@ProgramWithErik
@ProgramWithErik 4 года назад
I really like it
@FarukZahra
@FarukZahra 4 года назад
U dont need to import all components , u set "all"
@ProgramWithErik
@ProgramWithErik 4 года назад
Oops! That must have been a mistake. Yes you're right, I'll mention that in the next video
@scottamolinari
@scottamolinari 4 года назад
@@ProgramWithErik Hey. Erik. First off, great little video. Disclaimer too, I'm on the Quasar team. But, to this point. In the app setup process in the CLI, you selected "auto" for component registration (around 7:15). So, with that selected, Quasar automatically registers your usage of components. No config necessary. :-) Looking forward to the next videos!
@raphaeljaggerd3585
@raphaeljaggerd3585 4 года назад
A framework for a framework? I'm confused
@ProgramWithErik
@ProgramWithErik 4 года назад
Frameworkception! :) Yup
@MikeNugget
@MikeNugget 4 года назад
"..doublevue doublevue doublevue dot vuecourse.." lol
@alvinmerano8811
@alvinmerano8811 4 года назад
hello sir, how can i importing and using external js librarien in quasar framework?
@andrewpremo2580
@andrewpremo2580 4 года назад
Also your clicking through the files a little to fast plz slow down.
@ProgramWithErik
@ProgramWithErik 4 года назад
OK! thanks for the feedback.
@ChumX100
@ChumX100 4 года назад
What's the name of your VS Code theme? It's pretty neat.
@ProgramWithErik
@ProgramWithErik 4 года назад
Synthwave 84
@JoseGonzalez-ph1pr
@JoseGonzalez-ph1pr 4 года назад
any information on where can i get a certification on vue and quasar?
@ProgramWithErik
@ProgramWithErik 4 года назад
Certifications... I don't know about that.
Далее
Learn Pinia in 30 MINUTES! (Vue JS 3)
33:58
Просмотров 119 тыс.
Quasar Vue.js Tutorial - Let's Build An App!
42:44
Просмотров 28 тыс.
Beatrise (пародия) Stromae - Alors on danse
00:44
Microservices are Technical Debt
31:59
Просмотров 284 тыс.
React Native vs Flutter - Which should you use?
22:31
The cloud is over-engineered and overpriced (no music)
14:39
Node.js is a serious thing now… (2023)
8:18
Просмотров 649 тыс.
Web Developer Roadmap (2024) - Everything is Changing
25:02
Vue.js: The Documentary
34:45
Просмотров 1,5 млн