/30-days-of-vue

30 Days of Vue

Primary LanguageCSS

✨ 30 Days of Vue ✨

An Introduction to Vue - in 30 Bite-Size Morsels. Written by the authors of Fullstack Vue

🚀 Introduction

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.

This repository contains the entire source and content for the article series of 30 Days of Vue hosted by the Fullstack Vue team.

👀 What's inside?

What is Vue?

Data

Data Driven Apps

Vue Directives

List Rendering

Form Handling

Vue Devtools

Computed Properties

Watchers

Lifecycle Hooks

Global Components

Props

Custom Events

Component Details

Template Definitions

Render Functions

Single File Components

Vue CLI

EventBus

Simple Global Store

Intro to Flux

Vuex

Intro to Routing

Vue Router

Intro to Testing

Implementing Tests

Testing the App

Vue Test Utils

Vue 3.0

Wrap-up

👩‍🏫 How to use this repository

Each day contains either contains a full Vue application or code samples that build up to the full app, following the same procedure used to create the article series. Most days can be run using the same basic steps (and for the days that require a bit more work, check out the tutorial series on the blog).

The steps to run standalone Vue applications:

Open the `index.html` file in your favourite browser.

The steps to run Webpack based Vue applications:

# install the dependencies
yarn install

# serve the project
yarn serve

Contributors

Hassan Djirdeh

Nate Murray

Fullstack Vue Book

Fullstack Vue Book

This repo was written and is maintained by the Fullstack Vue team. In the book we cover many more projects like this. We walk through each line of code, explain why it's there and how it works.

30 Days of Vue covers only the early basics of Vue. If you're looking to learn how to build real-world Vue apps, including libraries from the Vue ecosystem, there's no faster way than by spending a few hours with the Fullstack Vue book.