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
230
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
30
Testing Vue Components
swap
0
26
Test Driven Development
swap
0
31
Other Decks in Programming
See All in Programming
機能追加とリーダー業務の類似性
rinchoku
2
1.3k
MCPとデザインシステムに立脚したデザインと実装の融合
yukukotani
4
1.4k
AI時代のUIはどこへ行く?
yusukebe
18
8.9k
Putting The Genie in the Bottle - A Crash Course on running LLMs on Android
iurysza
0
140
私の後悔をAWS DMSで解決した話
hiramax
4
210
はじめてのMaterial3 Expressive
ym223
2
740
テストカバレッジ100%を10年続けて得られた学びと品質
mottyzzz
2
600
HTMLの品質ってなんだっけ? “HTMLクライテリア”の設計と実践
unachang113
4
2.9k
AIを活用し、今後に備えるための技術知識 / Basic Knowledge to Utilize AI
kishida
22
5.8k
プロパティベーステストによるUIテスト: LLMによるプロパティ定義生成でエッジケースを捉える
tetta_pdnt
0
1.7k
GitHubとGitLabとAWS CodePipelineでCI/CDを組み比べてみた
satoshi256kbyte
4
240
アルテニア コンサル/ITエンジニア向け 採用ピッチ資料
altenir
0
110
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
BBQ
matthewcrist
89
9.8k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
Side Projects
sachag
455
43k
Bash Introduction
62gerente
615
210k
Git: the NoSQL Database
bkeepers
PRO
431
66k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Faster Mobile Websites
deanohume
309
31k
How to train your dragon (web standard)
notwaldorf
96
6.2k
The Language of Interfaces
destraynor
161
25k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
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.