VueJS, Vue Router and Vuex

Operational with VueJS

Description

This is the latest library for creating rich applications. After the AngularJS / Angular2 frameworks, after the React library, here VueJS benefits from the positive points of these two predecessors: JSX, directives / Components, routing, ...

Objectives

  • Discover VueJS
  • Develop a rich application
  • Integrating into a REST oriented architecture

Prerequisites

  • JavaScript, NodeJS Ecosystem

Programme

What is Vue.js

  • Basics Concepts
  • Comparison with other solutions

The Vue instance

  • Mount a DOM element
  • Data properties
  • Lifecycle hooks

Components

  • Template
  • Data
  • Props
  • Methods
  • Computed properties
  • Mixins
  • Slots
  • Render functions
  • JSX

Directives

  • Conditional Rendering
  • List Rendering
  • Class and Style bindings
  • Event Handling
  • Shorthand
  • Form Input bindings
  • Custom directive

Filters

  • Use a filter
  • Write a filter

Routing

  • Basic Routing
  • Dynamic Route Matching
  • Named routes and views
  • Redirect
  • Alias

Data Fetching

  • Fetch Data
  • Post Data

Vue-CLI

  • Bundler
  • Single file components
  • Custom Vue-CLI template
  • File template

Plugins

  • Use a plugin
  • Write a plugin

Typescript

  • Declare component
  • Pass props
  • Component method
  • Computed Properties
  • Watchers

Vuex

  • State management
  • Getters
  • Mutations
  • Actions
  • Modules

Tests

  • Test runner
  • Test framework
  • Vue testing tools
  • End to end

Server-Side Rendering

  • Use Express.js
  • Use a template page
  • Use Nuxt