30-days-cover-image

30 Days of Vue

A free introduction to Vue in 30 bite-size morsels

 

Interested in learning Vue but having trouble getting started?

We'll teach you how it all works - for free.

Over the next 30 days, we'll walk through everything you need to know to work with Vue. From the very beginning through topics like the Vue Instance, Components, and even Testing.

Week 1

Day 130 Days of Vue

What is Vue?

Day 1
Day 230 Days of Vue

What is Vue.js? A Beginner's Guide with Examples

Day 2
Day 330 Days of Vue

The Vue Instance - Data

Day 3
Day 430 Days of Vue

Understanding Vue Instance and the Data Property

Day 4
Day 530 Days of Vue

How Reactive Data Works in Vue Applications

Day 5
Day 630 Days of Vue

The Vue Instance - Data Driven Applications

Day 6

Week 2

Day 730 Days of Vue

Vue Directives

Day 7
Day 830 Days of Vue

What are Vue Directives? with examples

Day 8
Day 930 Days of Vue

List Rendering with v-for

Day 9
Day 1030 Days of Vue

How to Render Lists with the Vue v-for Directive

Day 10
Day 1130 Days of Vue

Form Handling with v-model

Day 11
Day 1230 Days of Vue

How to Handle Forms with Vue v-model Directive

Day 12

Week 3

Day 1330 Days of Vue

Vue Devtools

Day 13
Day 1430 Days of Vue

A Beginner's Guide to Vue Devtools

Day 14
Day 1530 Days of Vue

Understanding How Vue Methods and Computed Properties Work

Day 15
Day 1630 Days of Vue

Methods and Computed Properties

Day 16
Day 1730 Days of Vue

Watchers

Day 17
Day 1830 Days of Vue

How Vue Watchers Work with examples

Day 18

Week 4

Day 1930 Days of Vue

Lifecycle Hooks

Day 19
Day 2030 Days of Vue

An Introduction to Vue Lifecycle Hooks

Day 20
Day 2130 Days of Vue

How to Build Your First Vue Component

Day 21
Day 2230 Days of Vue

Vue Components - Global Components

Day 22
Day 2330 Days of Vue

Vue Components - Props

Day 23
Day 2430 Days of Vue

How Props Pass Data in Vue Components

Day 24

Week 5

Day 2530 Days of Vue

Vue Components - Custom Events

Day 25
Day 2630 Days of Vue

How Custom Events Work in Vue Components

Day 26
Day 2730 Days of Vue

Vue Components - Nice To Knows

Day 27
Day 2830 Days of Vue

Vue Component Registration, Data Functions, & Single Root Templates

Day 28
Day 2930 Days of Vue

Vue Components - Template Definitions

Day 29
Day 3030 Days of Vue

How to Declare the Template and Markup of a Vue Component

Day 30

Week 6

Day 3130 Days of Vue

Render Functions and JSX

Day 31
Day 3230 Days of Vue

How to Use Vue Render Functions to Create Component Markup

Day 32
Day 3330 Days of Vue

Single File Components

Day 33
Day 3430 Days of Vue

An Introduction to Vue Single File Components

Day 34
Day 3530 Days of Vue

Vue CLI

Day 35
Day 3630 Days of Vue

A Beginner's Guide to Vue CLI

Day 36

Week 7

Day 3730 Days of Vue

How to Use Vue Custom Events and EventBus

Day 37
Day 3830 Days of Vue

Custom Events and the EventBus

Day 38
Day 3930 Days of Vue

Simple Global Store

Day 39
Day 4030 Days of Vue

How to Use Simple Global Store for Vue State Management

Day 40
Day 4130 Days of Vue

Introduction to Flux

Day 41
Day 4230 Days of Vue

How to Add Vuex to a Vue Application for State Management

Day 42

Week 8

Day 4330 Days of Vue

Vuex

Day 43
Day 4430 Days of Vue

An Introdution to Routing in Vue with examples

Day 44
Day 4530 Days of Vue

Introduction to Routing

Day 45
Day 4630 Days of Vue

Vue Router

Day 46
Day 4730 Days of Vue

How to Add Vue Router to an Application

Day 47
Day 4830 Days of Vue

What is Software Testing? Intro to Unit and Integration Tests

Day 48

Week 9

Day 4930 Days of Vue

Introduction to Testing

Day 49
Day 5030 Days of Vue