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
210
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
28
Testing Vue Components
swap
0
25
Test Driven Development
swap
0
31
Other Decks in Programming
See All in Programming
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
tkikuc
21
4k
AI時代のソフトウェア開発を考える(2025/07版) / Agentic Software Engineering Findy 2025-07 Edition
twada
PRO
93
31k
20250628_非エンジニアがバイブコーディングしてみた
ponponmikankan
0
700
すべてのコンテキストを、 ユーザー価値に変える
applism118
3
1.4k
20250704_教育事業におけるアジャイルなデータ基盤構築
hanon52_
5
840
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
790
ニーリーにおけるプロダクトエンジニア
nealle
0
870
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
400
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
860
脱Riverpod?fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
ostk0069
0
260
状態遷移図を書こう / Sequence Chart vs State Diagram
orgachem
PRO
1
130
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
12k
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Designing for humans not robots
tammielis
253
25k
Building Adaptive Systems
keathley
43
2.7k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
Music & Morning Musume
bryan
46
6.6k
It's Worth the Effort
3n
185
28k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
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.