Skip to main content

Quasar Framework



What is Quasar?

Quasar (pronounced /ˈkweɪ.zɑɹ/) is an MIT licensed open-source framework (powered with Vue) that helps web developers create:
  • Responsive Websites
  • PWAs (Progressive Web App)
  • Mobile Apps (Android, iOS, …) through Apache Cordova
  • Multi-platform Desktop Apps (using Electron)
Quasar allows developers to write code once and simultaneously deploy as website, PWA, Mobile App and/or Electron App using the same codebase. Design an app in record time, using a state of the art CLI and backed by well-written, very fast Quasar web components.
When using Quasar, you won’t need additional heavy libraries like Hammerjs, Momentjs or Bootstrap. It’s got that covered too, and with a small footprint! 

Why Quasar?

Because of what is offered out of the box. Follow our Twitter account for testimonials.

All Platforms in One Go

One authoritative source of code for all platforms, simultaneously: responsive desktop/mobile website, PWAs (Progressive Web Apps), mobile apps (that look native) and multi-platform desktop apps (through Electron).

Top class, fast web responsive components

There’s a component for almost every web development need out there. Each of these components is carefully crafted to offer the best possible experience to users. Quasar is designed with performance & responsiveness in mind – so the overhead of using Quasar is barely noticeable. This is an area we take special pride in.

Best practices integrated by default

Developers using Quasar are encouraged to follow web development best practices, and it comes embedded with many such features out of the box. HTML/CSS/JS minification, cache busting, tree shaking, sourcemapping, code-splitting & lazy loading, ES6 transpiling, linting code, accessibility features. Quasar takes care of all these and more - no configuration needed.

Full RTL Support

RTL (right to left) support for both Quasar components & the developer’s own code. Developer-written website/app CSS code gets automatically converted to RTL if an RTL language pack is used.

Two Themes (more to come)

The framework supports two of the most commonly used themes out of the box – Material theme and iOS theme.

Progressively migrate your existing project

Quasar offers a UMD (Unified Module Definition) version, which means developers can add a CSS and JS HTML tag into their existing project and they’re ready to use it. No build step is required.

Unparalleled developer experience through Quasar CLI

When using Quasar’s CLI, developers benefit from:
  • State preserving hot-reload when making changes to app source code, no matter if it’s a website, PWA, a Mobile App (directly on a phone or on an emulator) or an Electron app. Developers simply change their code and they can watch it get updated on the fly, without the need of any page refresh.
  • State preserving compilation error overlay.
  • Lint-on-save with ESLint – if developers like linting their code only
  • ES6 code transpiling
  • Sourcemaps
  • Changing build options doesn’t require a manual reload of the dev server
  • Many more leading-edge developer tools and techniques

Get up to speed fast

The top-class starter kit makes it easy for developers to bring an idea to reality in record time. The heavy lifting is done for the developer, not by the developer. You are free to focus on your features instead and let the boilerplate be done by Quasar.

Awesome ever-growing community

When developers encounter a problem they can’t solve, they can visit the Quasar forum or Discord chat server. The community is there to help you.

Wide platform support

Google Chrome, Firefox, IE11/Edge, Safari, Opera, iOS, Android, Windows Phone, Blackberry.

Quasar components Internationalization (I18n)

I18n is provided by default for Quasar components. If your language pack is missing it takes just 5 minutes to add it.

Great documentation

Finally, it’s worth mentioning the significant amount of time that is spent on writing great, bloat-free, focused, complete documentation pages so that developers can quickly pick up Quasar. There will be no room for confusion.

Underlying technologies

Except for Vue, which takes half a day to pick up and will change you forever, you are not really required to know the other technologies. Most of them are integrated and already configured for you.

Get started in under a minute


Having said this, let’s get started! You’ll be running a website or app in under a minute.

Comments

Post a Comment

Popular posts from this blog

Reset 120 day RDS Grace period on 2016 and 2019

  Reset 120 day RDS Grace period on 2016 and 2019 Enter the following command to check Grace Period: wmic /namespace:\\root\CIMV2\TerminalServices PATH Win32_TerminalServiceSetting WHERE (__CLASS !=””) CALL GetGracePeriodDays  Confirm-deletion-of-the-timebomb-key-in-the-registry If you have a home lab environment or another lab where you continually test various solutions, licensing, and trial expiration is a challenge that you constantly tend to run into. It is just part of the fun of lab environments. While most trials are fairly “hard and fast” and don’t allow you to reset the trial expiration, if you work with Microsoft Windows Server and Remote Desktop Services (RDS), there is a “hack” that allows you to effectively reset the expiration of  Remote Desktop  Services grace period where you can essentially rewind the clock on your RDS licensing if you are making use of this role inside your lab environment. I am using Windows Server 2019 for my Windows workloads in...
Post a Comment
Read more

Remote Desktop Services session timeout Setup in RD Session Host in Windows Servers

  If you face a session time-limit policy issue that gets disconnected in the meantime. You can follow the steps below in order to fix the issue, By default, the user’s RDP session in Windows may stay disconnected until the user or administrator terminates, or the computer is restarted. However, it is quite convenient since a user may connect to his old RDP session and go on working with running programs. In order to terminate disconnected RDP/RDS sessions automatically in a specified time period, you need to set session limits (time-outs) correctly. If you are using an RDS server, you will have to configure session time-out parameters from the RDS collection settings in the Session tab menu. You will have to Specify the time period after which you want to disconnect the RDP session. Lastly, a disconnected session option (by default, a session period is unlimited – Never). Thus, you can set the maximum duration of an active session (Active session limit) and end an idle session (Id...
Post a Comment
Read more

Peachtree Auto Backup Using Task Scheduler with images

Before creating an auto backup with Task Scheduler.  1. In PEACHTREE Application, Create an initial Auto Backup. Click Browse to locate folder "SAVE BACKUP TO:" Enter "USERNAME" and "PASSWORD" Follow everything on the image Click "Save As" to your backup folder Then "Run Backup" and copy the PROGRAM SCRIPT  at the bottom to be used later, see image below. Search and open "TASK SCHEDULER" 1. Click the tab "GENERAL" Followup the setup on the picture. 2. Click the tab "TRIGGERS". Then Click the New button to create a schedule. After setting up the schedule. Click OK. 3. To Create new Actions, click the tab "ACTIONS", click NEW then paste the PROGRAM/SCRIPT below. Then Click OK. 4. Next click the tab "CONDITIONS" and follow everything in the picture. 5. Click the tab "SETTING"  and follow everything in the picture.    6. Lastly right-click the folder "TASK SCHEDULER LIBRARY...
Post a Comment
Read more