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

Опубликовано: 03 Июнь 2024
на канале: Make Apps with Danny
17,404
424

Use Vue 3 & Quasar 2 to create an App for Android, iOS, Mac & Windows - in 30 MINUTES!
👉 Source code: https://makeappsacademy.com
👉 My courses: https://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: https://www.fudget.com
👉 My VSCode Setup: https://www.makeappsacademy.com/p/res...
👉 DONT CLICK THIS: https://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!


Смотрите видео Create an App for Android, iOS, Mac & Windows in 30 MINUTES! (Vue 3 & Quasar 2) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Make Apps with Danny 03 Июнь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 17,404 раз и оно понравилось 424 людям.