binhnguyen-gif/30-days-of-vue

30 Days of Vue

✨ 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

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.