VueJS training including Vue ecosystem: HTTP (Axios), Vuex, Unit Testting (Jest)...
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
demo
docs
fonts
img
resources
reveal.js @ 43eada7
.gitignore
.gitmodules
.nojekyll
.travis.yml
LICENSE
README.md
SUMMARY.md
book.json
favicon.png
index.html
package-lock.json
package.json

README.md

Vue Training

Build Status

Installation

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

Links

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)