Introduction to Quasar Framework

Transcript

1. Quasar Framework Build responsive websites and hybrid mobile Apps (that look native!) using same code, with VueJs. SPA front-end on steroids.
2. Making a Mobile App... React Native NativeScript Cordova / PhoneGap Ionic / Framework7 / Onsen...
3. 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
4. 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)
5. Install npm install -g quasar-cli
6. Demo Time quasar init intro-to-quasar cd intro-to-quasar quasar dev
7. 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
8. 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
9. Resources http://quasar-framework.org/ https://github.com/quasarframework/quasar
10. fin.