Vue.js Workshop

18/12/2017

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

Made with Slides.com