This commit is contained in:
2018-10-25 18:03:43 +00:00
parent 5b815a129d
commit ec20ad0827
2 changed files with 20 additions and 15 deletions

View File

@@ -25,11 +25,27 @@ DEVELOPMENT SCHEDULE
--------------------
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
- 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)
- 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])
- 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
- 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/
- 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
- Be sure it's component-ized properly: https://vuejs.org/v2/guide/components.html#Organizing-Components

View File

@@ -134,12 +134,14 @@ POTENTIALLY USEFUL VUE / GENERAL COMPONENTS AND PLUGINS
- Rich text editing: https://github.com/vuejs/awesome-vue#rich-text-editing
- Autocomplete: https://github.com/vuejs/awesome-vue#autocomplete
- 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
- Maps: https://github.com/vuejs/awesome-vue#map
- Notifications / Toast: https://github.com/vuejs/awesome-vue#notification
- Affix (keep sidebars in view or elements that hover): https://github.com/eddiemf/vue-affix
- Query builder: https://dabernathy89.github.io/vue-query-builder/
- Offline / Online detection: https://github.com/vinayakkulkarni/v-offline
- Cookie / Accept / Decline component: https://github.com/promosis/vue-cookie-accept-decline
## DEPLOYMENT