30 Days of Vue
Clone or download
Latest commit 5f22417 Jan 20, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
day-01 Adding live version links for apps - for PDF readers Jan 6, 2019
day-02 Adding live version links for apps - for PDF readers Jan 6, 2019
day-03 Fixing bug #1 Jan 21, 2019
day-04 Adding live version links for apps - for PDF readers Jan 6, 2019
day-05 Adding live version links for apps - for PDF readers Jan 6, 2019
day-06 Adding live version links for apps - for PDF readers Jan 6, 2019
day-07 Adding live version links for apps - for PDF readers Jan 6, 2019
day-08 Adding live version links for apps - for PDF readers Jan 6, 2019
day-09 Adding live version links for apps - for PDF readers Jan 6, 2019
day-10 Adding live version links for apps - for PDF readers Jan 6, 2019
day-11 Adding live version links for apps - for PDF readers Jan 6, 2019
day-12 Adding live version links for apps - for PDF readers Jan 6, 2019
day-13 Adding live version links for apps - for PDF readers Jan 6, 2019
day-14 Adding live version links for apps - for PDF readers Jan 6, 2019
day-15 Adding live version links for apps - for PDF readers Jan 6, 2019
day-16 Adding live version links for apps - for PDF readers Jan 6, 2019
day-17 Formatting Code Snippets from Day-16 to Day-30 Jan 6, 2019
day-18 Formatting Code Snippets from Day-16 to Day-30 Jan 6, 2019
day-19 Adding live version links for apps - for PDF readers Jan 6, 2019
day-20 Adding live version links for apps - for PDF readers Jan 6, 2019
day-21 Adding READMEs for each article day Jan 5, 2019
day-22 Adding live version links for apps - for PDF readers Jan 6, 2019
day-23 Adding live version links for apps - for PDF readers Jan 6, 2019
day-24 Adding live version links for apps - for PDF readers Jan 6, 2019
day-25 Adding READMEs for each article day Jan 5, 2019
day-26 Adding live version links for apps - for PDF readers Jan 6, 2019
day-27 Formatting Code Snippets from Day-16 to Day-30 Jan 6, 2019
day-28 Formatting Code Snippets from Day-16 to Day-30 Jan 6, 2019
day-29 Formatting Code Snippets from Day-16 to Day-30 Jan 6, 2019
day-30 Formatting Code Snippets from Day-16 to Day-30 Jan 6, 2019
images Styling to README.md Jan 5, 2019
.all-contributorsrc Update to initial README Dec 12, 2018
.gitignore Day 1 md and repo gitignore Dec 12, 2018
CREDITS.md Adding Introduction and Conclusion Jan 3, 2019
README.md Fixing dead link in README.md Jan 21, 2019
conclusion.md Adding newline to conclusion.md Jan 3, 2019
config.js Updating README.md and config.js with minor changes Jan 5, 2019
introduction.md Adding Introduction and Conclusion Jan 3, 2019

README.md

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.