Vue and RoR Development setup / development#

training#

This video is over 10 hours long, but is just so good. Explains eveything slowly and clearly. Learnt more from this than months of other B/S videos that jump in as if you know everything, and I knew zac.

Vue 3 Tutorial - Full Course 10 Hours 10 apps

 Course Contents 🌟
⏳ (00:00:00) Course Intro
⏳ (00:06:19) Understanding Vue vs React
⏳ (00:13:19) First Vue App
⏳ (00:45:13) Vue Devtool and Vetur Extension
⏳ (01:22:27) DC Heros List
⏳ (02:37:19) Calendar App
⏳ (03:15:12) Vue Router 
⏳ (03:37:35) Markdown App
⏳ (03:54:56) Vue Virtual DOM
⏳ (04:07:01) Slider Carousel App
⏳ (04:37:12) Login Modal App
⏳ (05:00:00) Firebase Authentication
⏳ (05:48:07) Vue 3 Teleport
⏳ (05:51:30) Vue 3 composition API
⏳ (06:10:10) Calculator App
⏳ (06:54:31) Reusable Modal App
⏳ (07:28:24) Real Time Chat App
⏳ (08:00:21) Vuex 4
⏳ (08:19:05) Custom Vue js Middleware
⏳ (08:41:40) User Crud App
⏳ (09:37:02) Object Detection with Tensorflow
⏳ (10:15:31) Deploy On Netlify

Other info#

[Ember js 2.4.0 guides](https://guides.emberjs.com/v2.4.0)
[Ember js api](https://emberjs.com/api)
[Ember-cli asset compilation](https://ember-cli.com/asset-compilation)

  • indicate which note is currently selected#

                                                  
bin/rails generate ember:init
ember new frontend --skip-git (because RoR has .git already, frontend is inside that workdir)
cd frontend
ember install ember-cli-rails-addon

statusline#

give constant feedback to user as to what's going on, & what stage process is at.

explicitly define classes#

for all your data types and all objects that you will use within your application, it clearly shows intent when you instantiate an object. Resulting code is easier to read, and maintain.

indicate which item in a list is currently selected

vue / RoR example#

gem install rails --version "5.2.0.rc1"
rails _5.2.0.rc1_ new vue_example --webpack=vue
cd vue_example