Тёмный

Create an App for Android, iOS, Mac & Windows in 30 MINUTES! (Vue 3 & Quasar 2) 

Make Apps with Danny
Подписаться 30 тыс.
Просмотров 4,9 тыс.
50% 1

Use Vue 3 & Quasar 2 to create an App for Android, iOS, Mac & Windows - in 30 MINUTES!
👉 Source code: makeappsacademy.com
👉 My courses: makeappsacademy.com
0:00 Introduction
1:19 What is Quasar?
2:27 Getting Started
4:32 Layout & Background Image
7:50 Counter & Buttons Design
11:35 Name Input & Reset Button Design
14:10 Data & Methods
17:32 Touch Repeat Directive
19:40 Swipe to Adjust Counter (Touch Pan)
21:41 Save the Data (with LocalStorage & Watch)
26:33 iOS App
28:40 Android App
30:04 Mac App
31:41 Windows App
In this video, I'll show you how to create a BEAUTIFUL Counter App from scratch - and get it running & working on FIVE DIFFERENT PLATFORMS - Android, iOS, Mac, Windows & Web Browser - in 30 GOSH DARN MINUTES!
👉 Download Fudget: www.fudget.com
👉 My VSCode Setup: www.makeappsacademy.com/p/res...
👉 DONT CLICK THIS: dannys.link/dontclick
How can it be possible to create an app on FIVE DIFFERENT PLATFORMS in 30 minutes?
Well, it's made possible by Quasar Framework, an incredible framework which allows you to create a Vue.js app (Vue 3 & Composition API) with a SINGLE codebase and deploy it to:
(1) the Web - as a Single Page Application (SPA), a Progressive Web App (PWA) or a Server-side Rendered App (SSR)
(2) a Mobile App - using Capacitor - both iOS & Android
(3) a Desktop App - using Electron - for Mac, Windows & Linux
It also has over 100 different Material Components such as Buttons, Lists & Form Components - almost anything you'll need for most apps!
It also has tons of different utilities & plugins such as date formatting, data storage and hot-reloading - which means when you save your work, you see the change instantly - EVEN when developing Mobile & Desktop Apps!
It even has Platform Detection - which means you can display a particular element only on Mobile, then display a different element only on Desktop - OR - you can fire a particular block of JavaScript code only on Mobile - then a different block of code only on Desktop.
Quasar Framework is THE BEST Cross-Platform solution in THE WORLD right now!

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

 

17 июл 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 78   
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thanks for watching! Leave a comment telling us what you think of Quasar! 👉 Source code: makeappsacademy.com 👉 My courses: makeappsacademy.com 👉 Download Fudget: www.fudget.com 👉 My VSCode Setup: www.makeappsacademy.com/p/resources 👉 DONT CLICK THIS: dannys.link/dontclick
@emmanuelnwabuodafi6415
@emmanuelnwabuodafi6415 Месяц назад
Danny it's so good to have you back. I saw the RU-vid notification and was so happy!!!
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thanks Emmanuel. Good to be back 👍
@EduardoDonato82
@EduardoDonato82 Месяц назад
So we are two!
@michelescafoglieri2120
@michelescafoglieri2120 Месяц назад
No, we are three!!
@Markeldo
@Markeldo Месяц назад
Four of us already =)
@basarokke4403
@basarokke4403 Месяц назад
I can't believe it. Danny is back. Yeessss....
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thanks, good to be back 👍
@isaiahmg
@isaiahmg Месяц назад
welcome back Danny!
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thanks, glad to be back 👍
@LuisJimenez-kk9ue
@LuisJimenez-kk9ue Месяц назад
Danny, great to have you back 🎉
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thanks Luis, good to be back! 👍
@cooliomdp
@cooliomdp Месяц назад
You are back!! That’s great. Quasar is amazing.
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thanks, yes it is 👍
@firojahmed4730
@firojahmed4730 Месяц назад
Welcome back Danny. Excited to learn new things again.
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thanks, me too! 👍
@tonymasse3887
@tonymasse3887 Месяц назад
Long time no see! Welcome back. And once more, with a great video.
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thanks Tony! 👍
@vediam
@vediam Месяц назад
You are back! That’s great! Quasar is amazing! We are waiting Quasar 2 online course
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thanks. You can see the promo video here: www.makeappsacademy.com/p/quasar-v2-cross-platform-apps-with-vue-3-pinia
@hundop4826
@hundop4826 Месяц назад
Happy to see you're back!
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thanks, good to be back 👍
@iUmerFarooq
@iUmerFarooq Месяц назад
Thank you brother for coming after so long. Your teaching skills is on next level. You clear all the concept very easily. Thanks once again
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thanks 👍
@DiegoPadula
@DiegoPadula 29 дней назад
I'm looking forward to more of these excellent tutorials in the Vue/Quasar world. Danny is definitely one of the great masters.
@MakeAppswithDanny
@MakeAppswithDanny 28 дней назад
Thanks Diego 👍
@opereznet
@opereznet Месяц назад
We are happy to having you back Danny, you are a master and really good to at teaching... thanks for sharing your knowledge
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thanks, it's good to be back 👍
@Subeeshsudhakaran
@Subeeshsudhakaran Месяц назад
Unbelievable 🤩, My quasar guru is back....🎉
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thanks for watching, glad to be back! 👍
@koleto155
@koleto155 Месяц назад
Thanks Danny and Welcome back!
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thank you so much for your donation 👍
@SG-br9vj
@SG-br9vj Месяц назад
Good to see you back with great content, thank you ☺️
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Good to be back, thanks for watching! 👍
@amrwery5403
@amrwery5403 Месяц назад
Welcome back Danny Really I miss you man And I am waiting for your next awesome vue or nuxt tutorials Greaing for Egypt
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thanks. Good to be back. Yeah I should take a look at Nuxt, maybe with the Quasar module 👍
@heavyhelli
@heavyhelli Месяц назад
@@MakeAppswithDanny That would be great!
@RobertWildling
@RobertWildling Месяц назад
Oh Danny! So great that you are back again! How are you?
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Pretty good thanks, how you doing Robert? 👍
@mfinity168
@mfinity168 Месяц назад
I've always followed you. You haven't uploaded a video in a long time. Thanks for this video
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thanks, you're welcome 👍
@BattleZoneYT
@BattleZoneYT 14 дней назад
my man i back.. never miss reading a single command❣
@MakeAppswithDanny
@MakeAppswithDanny 13 дней назад
Thanks 👍
@Markeldo
@Markeldo Месяц назад
Danny, thank the gods you're back! Hope to see a lot of new useful content from you. You were the one who encouraged me to start my home project.
@Markeldo
@Markeldo Месяц назад
As an idea for your future videos would you be so kind to tall us about push-notifications. Is it possible with quasar?
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thanks that's good to hear about your home project 👍. Yes, it is possible to handle push notifications with Capacitor / Cordova & Firebase. I may cover this at some point. I would definitely like to do a more in-depth Capacitor course, showing different plugins 👍
@Markeldo
@Markeldo Месяц назад
@@MakeAppswithDanny that would be cool if you share your experience in this area
@TGMichaelD
@TGMichaelD Месяц назад
Thanks!
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thank you so much, Michael 👍
@user-zu3ld8is4y
@user-zu3ld8is4y Месяц назад
Thanks
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
You're welcome 👍
@MrScalleta
@MrScalleta Месяц назад
🎉🎉🎉🎉🎉 my teacher come back!!!
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Good to be back MrScalleta 👍
@CandraNurIhsan
@CandraNurIhsan Месяц назад
Wow new vid
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thanks Candra 👍
@DTEurope
@DTEurope Месяц назад
Welcome back.
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thanks 👍
@einsteinyap9569
@einsteinyap9569 Месяц назад
wow Danny, I am waiting for your New Quality Udemy course.
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thanks. Yes I'm excited about this one. We will be building a different kind of app to the usual. You can see the promo video here: www.makeappsacademy.com/p/quasar-v2-cross-platform-apps-with-vue-3-pinia
@codedjango
@codedjango Месяц назад
Danny is back....
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Yep. Good to be back 👍
@HiteshBhanushali
@HiteshBhanushali Месяц назад
Danny will you make video that elaborate that hota to connect of back end logic is running using Python and also one video that how to draw live stock chart having multiple chart type like candlestick , line, renko, heikin Ashi charts etc with indicator lines..
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thanks, I'll consider it 👍
@TGMichaelD
@TGMichaelD Месяц назад
Thank you so much what is your patreon?
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
I don't have one. Thanks for your donation 👍
@alpharsy4543
@alpharsy4543 20 дней назад
Thank you so much sir!! But can i ask something? how to build the quasar android into APK??
@MakeAppswithDanny
@MakeAppswithDanny 19 дней назад
Run: quasar build -m capacitor -T android --ide Then build it in Android Studio 👍
@user-do6hk5md9n
@user-do6hk5md9n 29 дней назад
I would be very grateful if someone could explain how this would work in productrion. I compiled the .apk file and installed it on my phone. The app opened and tried to connect to the quasar dev server (which is not available because it is only available for PC), I got a black screen. In this regard, I have two questions: 1. How can I make a quasar production server instead of a dev server (there should be a difference)? 2. For an app with a counter, no server is needed at all, how can I build it so that it does not try to go online at all? There is only client logic in this app. In general, tell me what to read or point me to a video with a detailed analysis of such issues. Thanks in advance.
@MakeAppswithDanny
@MakeAppswithDanny 28 дней назад
You need to run the build command (e.g. quasar build -m capacitor -T android --ide). Then you can build the apk from Android Studio (or deploy it straight to the device). That being said, you should also be able to run it in dev mode on the device (as long as your devices are connected to the same Wifi network) 👍
@HiteshBhanushali
@HiteshBhanushali Месяц назад
What happened Danny it's top long time.. hope doing well..
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
Thanks it's good to be back 👍
@arturmikowski9880
@arturmikowski9880 Месяц назад
Where were you when you were gone?
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
It's been a crazy couple of years, I would need to write a book about it 😂. Good to be back though 👍
@firstname-lastname
@firstname-lastname Месяц назад
Good to see you posting again, but the video thumbnail is too cringe, pls change.
@MakeAppswithDanny
@MakeAppswithDanny Месяц назад
I agree, but at this point it's tradition for the "app in 30 minutes" thumbnails 👍
@user-ej2sc6nq4b
@user-ej2sc6nq4b День назад
读完了依赖,我很快就....我!只!能!!
Далее
Learn Pinia in 30 MINUTES! (Vue JS 3)
33:58
Просмотров 115 тыс.
Vue 3 & Quasar Tutorial - Create a Money App in 2 Hours!
1:55:13
▼ЕГО БОЯЛИСЬ МОНГОЛЫ 🍣
32:51
Просмотров 485 тыс.
How I build Apps that PRINT ($30k/month Micro SAAS)
22:51
iOS 18 Hands-On: Top 5 Features!
12:47
Просмотров 3,9 млн
How ChatGPT Built My App in Minutes 🤯
8:28
Просмотров 2,1 млн
This is Why Programming Is Hard For you
10:48
Просмотров 697 тыс.
5 Design Patterns That Are ACTUALLY Used By Developers
9:27