Vue Training

Installation

$ git clone https://github.com/maxpou-slides/vuejs-training --recursive

Links

• Slides
• Workshop

Training informations

Prerequisites

• Basic JS knowledge (es2015 is a must)
• NPM/Webpack basics

Objectives:

• Understand Vuejs basics
• Create a mini FAB

Duration: 3 possibilities

• 1/2 day: presentation
• 1 day: presentation + live coding
• 2 day: presentation + live coding + workshop

Content

1. Intro
   • Vuejs, a progressive library (what&why)
   • Declarative rendering
   • Virtual DOM
   • Tooling: Chrome/Firefox extension
2. Vue.js syntax
   • Templating
   • Conditional rendering (v-if, v-else, v-show)
   • loops (v-for)
   • v-model & forms
3. Components
   • What is a component?
   • Communication between components:
     • properties
     • emiting&listening events
   • Watchers
   • Computed properties
   • Lifecycle
4. .vue file
   • Single File Component (with vue-loader)
   • Vue + Webpack = ❤️
   • Separation of concerns
5. Ecosystem:
   • HTTP (with axios)
   • Router (with vue-router)
   • State Management (with Vuex)
   • Unit Testing (with Jest)
   • Server Side Rendering (notions)
   • Other resources (Style Guide)