learn-vue.js

Top 40 Vue.js Articles of 2017

English Version | 中文版本

For Jan-Dec 2017, we compared nearly 10,000 articles about Vue.js and picked the Top 40 (0.4%).

This is an extremely competitive list. Mybridge AI ranks articles based on the quality of content measured by our machine and a variety of human factors including the number of shares and minutes read.

This directory is designed to make your life easier as it organizes the most useful articles by 17 key topics, where experienced web developers share their lessons working with Vue.js

If you like a version with images: Go to our Medium link

1. Guide
2. About Creator
3. Get Started
4. Review
5. Comparison
6. Migration
7. Nuxt.js
8. Vuex
9. Authentication
10. SEO
11. Router
12. Animation
13. Unit Test
14. Reactive
15. Components
16. Laravel
17. Case Study

Recommended Learning

A) Beginner: Vue JS 2 Course for Students with ZERO ES6 foundation: Master VueJS, NPM, Webpack, Vue JS CLI, components, Router, and VueX. [175 recommends, 4.9/5 stars]

B) Nuxt.js: Nuxt.js — Vue.js on Steroids. Build highly engaging Vue JS apps with Nuxt.js. Nuxt adds easy server-side-rendering and a folder-based config approach. [500 recommends, 5/5 stars]

Guide

• Vue.js Official Style Guide
• Vue.js 2.3 CheatSheet

About Creator

• Between the Wires: An interview with Vue.js creator Evan You

Get Started

• How we do Vue: one year later
• A Vue.js introduction for people who know just enough jQuery to get by
• VueJS Introduction by creator Evan You: The Progressive Framework
• Getting Started with Vue.js - Sabe

Review

• State of Vue.js — Key Takeaways from the Report
• Vue.js review of 2017

Comparison

• Angular vs. React vs. Vue: A 2017 comparison
• Why we moved from Angular 2 to Vue.js (and why we didn’t choose React)
• Vue.Js Vs. Jquery: Use Cases and Comparison with Examples

Migration

• Progressively migrating from AngularJS to Vue.js at Unbabel
• Moving From Angular to Vue : A vuetiful journey

Nuxt.js

• Nuxt.js: A Universal Vue.js Application Framework — SitePoint
• Build a Server-Side Rendered Vue App with Nuxt.js
• Building server-rendered apps in Vue using Nuxt.js

Vuex

• Getting Started with Vuex: Managing State in Vue.js - Sabe
• Large-scale Vuex application structures
• Exploring Data with Serverless and Vue: Automatically Update GitHub Files With Serverless Functions

Authentication

• Vuejs 2 Authentication Tutorial: Learn how to quickly build apps with Vuejs 2 and add authentication the right way.

SEO

• SEO for Vue.js SPA: Prerendering & Server-Side Rendering

Router

• Getting Started With Vue Router

Animation

• Animating VueJS
• Vue.js Transitions & Animations: Production-Ready Examples - Snipcart

Unit Test

• Write the first Vue.js Component Unit Test in Jest [Series]
• How to Write A Unit Test for Vue.js

Reactive

• Reactivity in Vue.js 2 vs Vue.js 3
• Reactivity In Vue.js (And Its Pitfalls)

Components

• Reusable Vue.js Components Part 1: Introduction
• Evan You - Inside Vue Components - Laracon EU 2017

Laravel

• Vuebnb: A Full-Stack Vue.js and Laravel App
• Build a Guestbook with Laravel and Vue.js
• Server-Side Rendering With Laravel & Vue.js 2.5

Case Study

• How To Build A Simple Single Page Application Using Vue 2 (Part 1)
• An Introduction To Utilizing Public-Key Cryptography In Javascript
• Building a Budget Manager with Vue.js and Node.js (Part I)
• Launch a Vue.js Blog in Less Than 2 Hours [Live Demo]
• Building a movie app interface with Vue.js
• A progressive Web application with Vue JS, Webpack & Material Design [Part 1]