Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Introduction to Quasar Framework
Search
Swapnil Agarwal
April 28, 2018
Programming
0
180
Introduction to Quasar Framework
Swapnil Agarwal
April 28, 2018
Tweet
Share
More Decks by Swapnil Agarwal
See All by Swapnil Agarwal
New Kids in BrowserLand
swap
0
27
Testing Vue Components
swap
0
24
Test Driven Development
swap
0
30
Other Decks in Programming
See All in Programming
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
110
Rails アプリ地図考 Flush Cut
makicamel
1
110
AWS Organizations で実現する、 マルチ AWS アカウントのルートユーザー管理からの脱却
atpons
0
130
プログラミング言語学習のススメ / why-do-i-learn-programming-language
yashi8484
0
120
Kubernetes History Inspector(KHI)を触ってみた
bells17
0
200
ARA Ansible for the teams
kksat
0
150
CI改善もDatadogとともに
taumu
0
110
時計仕掛けのCompose
mkeeda
1
280
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
41
15k
Compose でデザインと実装の差異を減らすための取り組み
oidy
1
300
AIの力でお手軽Chrome拡張機能作り
taiseiue
0
170
Unity Android XR入門
sakutama_11
0
140
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
44
13k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Into the Great Unknown - MozCon
thekraken
35
1.6k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
51k
Transcript
Quasar Framework Build responsive websites and hybrid mobile Apps (that
look native!) using same code, with VueJs. SPA front-end on steroids.
Making a Mobile App... React Native NativeScript Cordova / PhoneGap
Ionic / Framework7 / Onsen...
Features One source code for all platforms simultaneously Boilerplate Built-in
Components Themes Dev Hot Reload Desktop and Mobile (Native Mobile Apps included) Full Stack Toolkit
Cross-Platform Code Gen. "Write Once, Run Everywhere" - One app
to rule them all! Electron (Desktop) Apps Cordova (iPhone and Android) Apps Web (SPA / PWA)
Install npm install -g quasar-cli
Demo Time quasar init intro-to-quasar cd intro-to-quasar quasar dev
Platforms iOS: quasar dev -m cordova -T ios Android: quasar
dev -m cordova -T android Electron: quasar dev -m electron -t mat PWA (Material UI): quasar dev -m pwa -t mat PWS (iOS): quasar dev -m pwa -t ios
Components Quasar ships commonly-used components in 2 themes: Material UI:
iOS: http://quasar-framework.org/quasar- play/android/index.html#/showcase http://quasar-framework.org/quasar- play/apple/index.html#/showcase
Resources http://quasar-framework.org/ https://github.com/quasarframework/quasar
fin.