What is
Quasar?

A JavaScript framework on

top of a JavaScript library

Visionary history

Focus on your app’s code and let Quasar deal with the heavy lifting.

• Write once, simultaneously deploy
• Initial commit: Mon Oct 5 2015
• First version written without Vue.js
• Four major rewrites since initial commit:
  - Introducing Vue.js
  - Switching to Vue.js 1.0
  - Switching to Vue.js 2.0
  - Current release (v0.14) is a 80%
  rewrite in to allow for new capabilities

- Razvan Stoenescu, creator and maintainer

Fun Fact

Back when it all started, there were a lot of external packages used: jquery, hammerjs, momentjs… They were all eliminated eventually as the web technology allowed it (jquery no longer necessary, hammerjs was replaced with an “in-house" lightweight but powerful Quasar version; same goes for momentjs)

- Razvan Stoenescu

Why use
Quasar?

One code base to rule them all!

Features

• CLI tool
• Theming and CSS system
• Prebuilt components
• Helpers and utilities
• Dynamic webpack config
• Great documentation,
  forum and community

Benefits

• Complete front end stack
• Write once
• Active development
  - Next release, v0.15 will have one
  starter kit only for all target deployments
  - Chrome extension soon
  - SSR in the works and plans to add
  option for Quasar + Nuxt.js
  - Continously improving the workflow
  for devs, focus on your code and let
  Quasar do the rest

Open Source

How To Help

• ​Contribute on GitHub or Forums
  
  
   
• Donate or become a patron on Patreon

http://quasar-framework.org/
https://github.com/quasarframework/quasar

https://www.patreon.com/quasarframework

Demo Time!

What we'll cover

• CLI tool
   
• Quasar components

We are hiring

http://www.sipwise.com/jobs

jobs@sipwise.com

Cheat Sheet

# installing Quasar CLI
$ npm install -g quasar-cli

# create default starter boilerplate folder
$ quasar init default <folder_name>

# example: quasar init default my-project
$ cd <folder_name>

# npm install deps
$ npm install

# start with 'mat' theme
$ quasar dev mat