Vue Training

Build Status

Installation

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

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
  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)

results matching ""

    No results matching ""