Vue.js Workshop

18/12/2017

https://www.devinterface.com

Agenda

• Introduction
• Vue.js in a web application
• Vue.js as SPA
• Lunch
• Exercises

Target application: Blog

• Authentication
• Posts list
• Create a post
• Edit a post
• Special components
• (Extra): add a comment
• (Extra): post's comments

Vue in a web application

Vue in a web application

• Express.js application overview
  • Router
  • Controller
  • Services
  • Views
• Create a Vue component
• Register and include components in a view
• Pass an object to a component
• How components interact with the app (axios)
• How components interact each other
• Components compile and uglify to ES5

Vue as SPA

Vue as SPA

• Rails API application overview
  • JWT authentication
• Vue SPA application overview
  • Router
  • Services
  • Component
  • Session management
  • Vue cli
• How components interact with the API (axios)

And finally...

Let's code!

git clone git@github.com:devinterface/vuejs-workshop.git

DevInterface SRL

https://www.devinterface.com/it

https://twitter.com/devinterface

https://github.com/devinterface