From ae4b843d119624c1746ed70f14b84f0df993536d Mon Sep 17 00:00:00 2001 From: John Cardinal Date: Thu, 25 Oct 2018 17:00:09 +0000 Subject: [PATCH] --- devdocs/todo.txt | 34 ++++++++++++++++++---------------- devdocs/tools.txt | 14 ++++++++++++++ 2 files changed, 32 insertions(+), 16 deletions(-) diff --git a/devdocs/todo.txt b/devdocs/todo.txt index 74782690..cd099205 100644 --- a/devdocs/todo.txt +++ b/devdocs/todo.txt @@ -28,6 +28,23 @@ 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 - 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. + - 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 - Document areas needed to focus on for learning and then do them @@ -72,22 +89,7 @@ VUE PWA - https://dev.to/developerayo_58/vue-pwa-tutorial-how-to-build-efficient-progressive-web-apps-using-vuejs-5fdo UI LIBS - - 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. - - 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? + OTHER - Think about spa features diff --git a/devdocs/tools.txt b/devdocs/tools.txt index 81e68d85..76065efb 100644 --- a/devdocs/tools.txt +++ b/devdocs/tools.txt @@ -110,6 +110,20 @@ VUE NOTES / IMPORTANT INFO - DATA FETCHING WITH ROUTER: https://router.vuejs.org/guide/advanced/data-fetching.html#data-fetching +POTENTIALLY USEFUL VUE COMPONENTS AND PLUGINS +=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- + - Shortcuts (enable keyboard shortcuts to activate elements like buttons e.g. ctrl-s to save) https://github.com/iFgR/vue-shortkey + - Clickaway (detect user clicking outside an element e.g. to dismiss a popup or something) https://github.com/simplesmiler/vue-clickaway + - Theres actually many on vue-awesome so if use this check them all out for stars and issues + - parse and format currency for display: http://openexchangerates.github.io/accounting.js/ + - Date time picker: https://flatpickr.js.org/ + - Vue plugin version: https://github.com/ankurk91/vue-flatpickr-component + - Input validation component: https://github.com/baianat/vee-validate + + + + + ## DEPLOYMENT