Beginning Vue.js

Table of Contents

Chapter 1 : Getting Started with Vue.js

Course Overview

Lesson Overview

Simple Vue.js Program

Lists and Their Types

Creating a Dynamic and Animated List

Reacting to Events Such as Clicks and Keystrokes

Choosing a Development Environment

Formatting Your Text with Filters

Summary

Chapter 2 : Basic Vue.js Features

Lesson Overview

Learning How to Use Computed Properties Part 1

Learning How to Use Computed Properties Part 2

Filtering a List with a Computed Property

Sorting a List with a Computed Property

Formatting Currencies with Filters

Displaying and Hiding an Element Conditionally

Adding Styles Conditionally

Adding Some Fun to Your App with CSS Transitions

Outputting Raw HTML

Creating a Form with Checkboxes

Summary

Chapter 3 : Transitions and Animations

Lesson Overview

Integrating with Third-Party CSS Animation Libraries

Adding Your Own Transition Classes

Animating with JavaScript Instead of CSS

Transitioning Between Elements

Letting an Element Leave Before the Enter Phase in a Transition

Transitioning Elements That Move in a List

Animating the State of Your Components

Dynamic Transitions

Summary

Chapter 4 : All about Components

Lesson Overview

Creating and Registering a Component

Single File Components with Webpack

Using Components in Your Own Components

Passing Data to Your Components with Props

Reading a Child’s State

Content Distribution with Slots

Making Components Talk with Vuex

Having Recursive Components

Summary

Chapter 5 : Vue Communicating with the Internet

Lesson Overview

Sending Basic AJAX Requests with Axios

Validating User Data before Sending It

Recovering from an Error during a Request

Creating a REST Client (and Server!)

Implementing Infinite Scrolling

Processing a Request before Sending It Out

Preventing XSRF Attacks on Your App

Summary

Chapter 6 : Single-Page Applications

Lesson Overview

Creating an SPA with Vue-Router

Fetching Data before Switching Routes

Managing Errors for Your Routes

Using Named Dynamic Routes

Composing Your Routes Hierarchically

How to Redirect to another Route

Saving Scrolling Position When Hitting Back

Summary

Chapter 7 : Unit-Testing and End-to-End Testing

Lesson Overview

Using Jasmine for Testing Vue Applications

Adding Karma to Your Workflow

Testing Your Application State and Methods

Testing Asynchronous DOM Updates

End-to-End Testing with TestCafe

Stubbing External API Calls with Sinon.JS

Measuring the Coverage of Your Code

Summary

Chapter 8 : Organize + Automate + Deploy = Webpack

Lesson Overview

Extracting Logic from Your Components to Keep the Code Tidy

Organizing Your Dependencies with Webpack

Developing with Continuous Feedback with Hot Reloading

Running a Code Linter While Developing

Deploy your app to the Public

Summary