This commit is contained in:
@@ -25,11 +25,27 @@ DEVELOPMENT SCHEDULE
|
|||||||
--------------------
|
--------------------
|
||||||
WEEK OF 2018-10-22 - Learn Vue, select a UI framework
|
WEEK OF 2018-10-22 - Learn Vue, select a UI framework
|
||||||
|
|
||||||
- Check this shit out: https://github.com/vuejs/awesome-vue#components--libraries
|
|
||||||
- Try the various UI frameworks / stylers and get a feel before making a selection
|
- Try the various UI frameworks / stylers and get a feel before making a selection
|
||||||
|
- ONSEN: https://onsen.io/v2/guide/ (MOBILE FOCUSED)
|
||||||
|
- ELEMENT: https://element.eleme.io/#/en-US (DESKTOP FOCUSED)
|
||||||
|
- BOOTSTRAP-VUE: https://bootstrap-vue.js.org/ (probably easier on my brain but boring)
|
||||||
|
- * BUEFY / BULMA https://bulma.io/ https://buefy.github.io/documentation ("FRESH")
|
||||||
|
- * VUETIFY: https://vuetifyjs.com/en/ (MATERIAL for VUE with 80 components)
|
||||||
|
- QUASAR: https://quasar-framework.org/guide/introduction-to-quasar.html
|
||||||
|
- Matrial and iOS themes built in
|
||||||
|
- (Dark horse here but interesting as it does other things and says comprehensive out of box)
|
||||||
|
- Claims to do just about everything under the sun without adding any other libs like moment.js etc
|
||||||
|
- Builds for spa, electron, and many other flavours of apps from one codebase automatically which is interesting
|
||||||
|
- Purportedly you don't need to learn a lot of tools other than vue as it will take care of it for you
|
||||||
|
- Seems a little raw possibly, check usage and support
|
||||||
|
- Is it trying to do too much and will be a hassle?
|
||||||
- special emphasis on form controls (need to define what I need to ensure it's there)
|
- special emphasis on form controls (need to define what I need to ensure it's there)
|
||||||
- think about appearance material? bootstrap?, review these options directly supported in vscode/veture:
|
- think about appearance material? bootstrap?, review these options directly supported in vscode/veture:
|
||||||
- Consider all inputs required and forms and layout methods (make a list of components required and test on various devices [datetime, date, time, numeric, color etc])
|
- Consider all inputs required and forms and layout methods (make a list of components required and test on various devices [datetime, date, time, numeric, color etc])
|
||||||
|
- Check browsers supported, some don't support all browsers i.e. IE 8 is not supported by some.
|
||||||
|
|
||||||
|
|
||||||
- Read this: https://qiita.com/nickhall/items/d1043f3f9874c90b6f8e
|
- Read this: https://qiita.com/nickhall/items/d1043f3f9874c90b6f8e
|
||||||
- And this: https://logrocket.com/blog/an-imperative-guide-to-forms-in-vue-js-2/
|
- And this: https://logrocket.com/blog/an-imperative-guide-to-forms-in-vue-js-2/
|
||||||
|
|
||||||
@@ -40,20 +56,7 @@ WEEK OF 2018-10-22 - Learn Vue, select a UI framework
|
|||||||
- ICONS: Font Awesome: https://fontawesome.com/, in rockfish am using Material design icons: https://materialdesignicons.com/
|
- ICONS: Font Awesome: https://fontawesome.com/, in rockfish am using Material design icons: https://materialdesignicons.com/
|
||||||
- https://github.com/vuejs/awesome-vue#icons
|
- https://github.com/vuejs/awesome-vue#icons
|
||||||
|
|
||||||
- Check browsers supported, some don't support all browsers i.e. IE 8 is not supported by some.
|
|
||||||
- ONSEN: https://onsen.io/v2/guide/ (MOBILE FOCUSED)
|
|
||||||
- ELEMENT: https://element.eleme.io/#/en-US (DESKTOP FOCUSED)
|
|
||||||
- BOOTSTRAP-VUE: https://bootstrap-vue.js.org/ (probably easier on my brain but boring)
|
|
||||||
- BUEFY / BULMA https://bulma.io/ https://buefy.github.io/documentation ("FRESH")
|
|
||||||
- VUETIFY: https://vuetifyjs.com/en/ (MATERIAL for VUE with 80 components)
|
|
||||||
- QUASAR: https://quasar-framework.org/guide/introduction-to-quasar.html
|
|
||||||
- Matrial and iOS themes built in
|
|
||||||
- (Dark horse here but interesting as it does other things and says comprehensive out of box)
|
|
||||||
- Claims to do just about everything under the sun without adding any other libs like moment.js etc
|
|
||||||
- Builds for spa, electron, and many other flavours of apps from one codebase automatically which is interesting
|
|
||||||
- Purportedly you don't need to learn a lot of tools other than vue as it will take care of it for you
|
|
||||||
- Seems a little raw possibly, check usage and support
|
|
||||||
- Is it trying to do too much and will be a hassle?
|
|
||||||
|
|
||||||
- Make a basic temporary test for learning PWA app code against RAVEN server a throwaway initial stab at RAVEN for learning what is needed to learn
|
- Make a basic temporary test for learning PWA app code against RAVEN server a throwaway initial stab at RAVEN for learning what is needed to learn
|
||||||
- Be sure it's component-ized properly: https://vuejs.org/v2/guide/components.html#Organizing-Components
|
- Be sure it's component-ized properly: https://vuejs.org/v2/guide/components.html#Organizing-Components
|
||||||
|
|||||||
@@ -134,12 +134,14 @@ POTENTIALLY USEFUL VUE / GENERAL COMPONENTS AND PLUGINS
|
|||||||
- Rich text editing: https://github.com/vuejs/awesome-vue#rich-text-editing
|
- Rich text editing: https://github.com/vuejs/awesome-vue#rich-text-editing
|
||||||
- Autocomplete: https://github.com/vuejs/awesome-vue#autocomplete
|
- Autocomplete: https://github.com/vuejs/awesome-vue#autocomplete
|
||||||
- QR code generator and readers: https://github.com/vuejs/awesome-vue#qr-code
|
- QR code generator and readers: https://github.com/vuejs/awesome-vue#qr-code
|
||||||
|
- BARCODE scanner thing with info on actual scanners: https://github.com/noomerzx/vue-barcode-scanner
|
||||||
- Pull to refresh: https://github.com/vuejs/awesome-vue#pull-to-refresh
|
- Pull to refresh: https://github.com/vuejs/awesome-vue#pull-to-refresh
|
||||||
- Maps: https://github.com/vuejs/awesome-vue#map
|
- Maps: https://github.com/vuejs/awesome-vue#map
|
||||||
- Notifications / Toast: https://github.com/vuejs/awesome-vue#notification
|
- Notifications / Toast: https://github.com/vuejs/awesome-vue#notification
|
||||||
- Affix (keep sidebars in view or elements that hover): https://github.com/eddiemf/vue-affix
|
- Affix (keep sidebars in view or elements that hover): https://github.com/eddiemf/vue-affix
|
||||||
- Query builder: https://dabernathy89.github.io/vue-query-builder/
|
- Query builder: https://dabernathy89.github.io/vue-query-builder/
|
||||||
- Offline / Online detection: https://github.com/vinayakkulkarni/v-offline
|
- Offline / Online detection: https://github.com/vinayakkulkarni/v-offline
|
||||||
|
- Cookie / Accept / Decline component: https://github.com/promosis/vue-cookie-accept-decline
|
||||||
|
|
||||||
## DEPLOYMENT
|
## DEPLOYMENT
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user