Udemy

What is Quasar?

A free video tutorial from Danny Connell
Indie App Developer & Instructor
Rating: 4.6 out of 5Instructor rating
9 courses
34,184 students
What is Quasar?

Learn more from the full course

Quasar V1: Cross-Platform Apps (with Vue 2, Vuex & Firebase)

Use Quasar V1, Vue JS 2, Vuex & Firebase to build a Cross Platform App for Web, iOS, Android, Mac & Windows

15:20:03 of on-demand video • Updated March 2022

How to create a real-world, cross-platform app for web, iOS, Android, Mac and Windows using Quasar Framework V1 and Firebase
How to manage the state of your app using Vuex
How to create a back-end for the app using Firebase Realtime Database - including user authentication, reading and writing data
All the essentials of Quasar Framework V1 and VueJS 2
English [Auto]
So what is Quasthoff? Well, it's a framework that sits on top of refugees. It allows you to create a view Jessopp with a single code base and deploy it to the Web as a single page application, a progressive Web app. Our server side rendering up. To a mobile app using Cordova, both iOS and Android. And so a desktop up using electron, the Mac, Windows and Linux. It's also comes with a huge library of components, at least one hundred and twenty three components, and you can find documentation and code samples for all these components on the quasar site. So you can just copy and paste the code straight into your app. And there's tons of stuff on there. Boltons Tabs, all the different form elements. You're likely to need almost anything you'll need for most apps. As a bunch of different utilities, such as Inbuilt FOLOTYN, the ability to create unique IDs and the ability to store data on the user's device using local storage. As hot reloading on all devices, which means that when you save your work, you see the change instantly without the whole page reloaded, and this works not only in the browser, but also when you developing mobile and desktop apps as well, which is just super handy. As platform detection, which means that, for example, you can display a particular element on mobile or display a different element on desktop, or you can fire a particular block of code only on mobile, then fire a different block of code only on desktop. Has great documentation and support as a forum and a Dischord chat room and a really active and friendly community so you can get help if you get stuck. So who is Quasar fall? Well, it's for anyone who wants to create a beauty up on many different platforms with minimum hassle while avoiding having to maintain multiple code bases and get repos. So I have an app called Fugit and I created this up before Quasar, and this is what my project looked like. So first of all, I had the mobile app, which had its own code over code base, its own repo, and I would use the code over Seelie to generate the iOS and Android versions of the app. Then I had the desktop app, which had its own electronic code base, its own git repo, and I would use the electron Seelie to generate the Mac and Windows versions of the app. In addition to that, I had the co-op code, which was the code used by both these versions of the app, which had its own code base on its own git repo, which was actually a sub module of the other two repos. So I had three code bases, three git repos and two Saili tools. So what did this all mean? Well, it meant there was a lot of sadness in my life. Well, since this beautiful, wonderful framework Quasar came into my life, my projects look more like this. I have a single quasar code base, a single git repo, and for the most part, I just use the quasar CLI to to generate all the different versions of my. Now, life is a lot better.