{"id":18763197,"url":"https://github.com/mybridge/learn-vue.js","last_synced_at":"2025-12-05T22:30:16.543Z","repository":{"id":93137671,"uuid":"120380258","full_name":"Mybridge/learn-vue.js","owner":"Mybridge","description":"Top 40 Vue.js Articles of 2017","archived":false,"fork":false,"pushed_at":"2018-02-08T04:19:21.000Z","size":282,"stargazers_count":24,"open_issues_count":0,"forks_count":2,"subscribers_count":11,"default_branch":"master","last_synced_at":"2024-12-29T05:23:00.399Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Mybridge.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-02-06T00:32:47.000Z","updated_at":"2021-03-04T09:10:52.000Z","dependencies_parsed_at":"2023-06-05T03:45:21.150Z","dependency_job_id":null,"html_url":"https://github.com/Mybridge/learn-vue.js","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mybridge%2Flearn-vue.js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mybridge%2Flearn-vue.js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mybridge%2Flearn-vue.js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mybridge%2Flearn-vue.js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mybridge","download_url":"https://codeload.github.com/Mybridge/learn-vue.js/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239661791,"owners_count":19676409,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-07T18:25:03.288Z","updated_at":"2025-12-05T22:30:16.494Z","avatar_url":"https://github.com/Mybridge.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# learn-vue.js\nTop 40 Vue.js Articles of 2017\n\n\u003cimg src=\"background.png\" width=\"800\" alt=\"Mybridge\"\u003e\u003c/a\u003e\n\n[English Version](./README.md) | [中文版本](./CN.md)\n\nFor Jan-Dec 2017, we compared nearly 10,000 articles about Vue.js and picked the Top 40 (0.4%).\n\nThis 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.\n\nThis 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\n\n\u003cimg src=\"chart.png\" width=\"1400\" alt=\"Mybridge\"\u003e\u003c/a\u003e\n\nIf you like a version with images: [Go to our Medium link](https://goo.gl/MTnGCn)\n\n\u003cbr\u003e\n\n1. [Guide ](#guide)\n1. [About Creator](#about-creator)\n1. [Get Started](#get-started)\n1. [Review](#review)\n1. [Comparison](#comparison)\n1. [Migration](#migration)\n1. [Nuxt.js](#nuxt.js)\n1. [Vuex](#vuex)\n1. [Authentication](#authentication)\n1. [SEO](#seo)\n1. [Router](#router)\n1. [Animation ](#animation )\n1. [Unit Test](#unit-test)\n1. [Reactive](#reactive)\n1. [Components](#components)\n1. [Laravel](#laravel)\n1. [Case Study](#case-study)\n\n\u003cbr\u003e\n\n### Recommended Learning\n\nA) Beginner: [Vue JS 2 Course for Students with ZERO ES6 foundation: Master VueJS, NPM, Webpack, Vue JS CLI, components, Router, and VueX.](http://bit.ly/2GTeexh) [175 recommends, 4.9/5 stars]\n\nB) 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.](http://bit.ly/2GU4V01) [500 recommends, 5/5 stars]\n\n\u003cbr\u003e\n\n### Guide \n* [Vue.js Official Style Guide](https://vuejs.org/v2/style-guide/?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [Vue.js 2.3 CheatSheet](https://vuejs-tips.github.io/cheatsheet?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n\n\u003cbr\u003e\n\n### About Creator\n* [Between the Wires: An interview with Vue.js creator Evan You](https://medium.freecodecamp.com/between-the-wires-an-interview-with-vue-js-creator-evan-you-e383cbf57cc4?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n\n\u003cbr\u003e\n\n### Get Started\n* [How we do Vue: one year later](https://about.gitlab.com/2017/11/09/gitlab-vue-one-year-later?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [A Vue.js introduction for people who know just enough jQuery to get by](https://medium.freecodecamp.com/vue-js-introduction-for-people-who-know-just-enough-jquery-to-get-by-eab5aa193d77?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [VueJS Introduction by creator Evan You: The Progressive Framework](https://www.youtube.com/watch?v=p2P3z7p_zTI?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [Getting Started with Vue.js - Sabe](https://sabe.io/tutorials/getting-started-with-vue-js?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n\n\u003cbr\u003e\n\n### Review\n* [State of Vue.js — Key Takeaways from the Report](https://www.monterail.com/blog/state-of-vuejs-report-summary?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [Vue.js review of 2017](https://medium.com/@kevin_peters/what-happened-to-vue-js-in-2017-aeaaa69c2c6f?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n\n\u003cbr\u003e\n\n### Comparison\n* [Angular vs. React vs. Vue: A 2017 comparison](https://medium.com/unicorn-supplies/angular-vs-react-vs-vue-a-2017-comparison-c5c52d620176?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [Why we moved from Angular 2 to Vue.js (and why we didn’t choose React)](https://medium.com/reverdev/why-we-moved-from-angular-2-to-vue-js-and-why-we-didnt-choose-react-ef807d9f4163?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [Vue.Js Vs. Jquery: Use Cases and Comparison with Examples](https://scotch.io/bar-talk/vuejs-vs-jquery-use-cases-and-comparison-with-examples?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n\n\u003cbr\u003e\n\n### Migration\n* [Progressively migrating from AngularJS to Vue.js at Unbabel](https://medium.com/unbabel-dev/progressively-migrating-from-angularjs-to-vue-js-at-unbabel-581eb4ae022d?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [Moving From Angular to Vue : A vuetiful journey](https://dev.to/hemantisme/moving-from-angular-to-vue--a-vuetiful-journey?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n\n\u003cbr\u003e\n\n### Nuxt.js\n* [Nuxt.js: A Universal Vue.js Application Framework — SitePoint](https://www.sitepoint.com/nuxt-js-universal-vue-js?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [Build a Server-Side Rendered Vue App with Nuxt.js](https://scotch.io/tutorials/build-a-server-side-rendered-vue-app-with-nuxtjs#comments-section?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [Building server-rendered apps in Vue using Nuxt.js](https://blog.logrocket.com/building-server-rendered-apps-in-vue-using-nuxt-js-c12c6c253274?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n\n\u003cbr\u003e\n\n### Vuex\n* [Getting Started with Vuex: Managing State in Vue.js - Sabe](https://sabe.io/tutorials/getting-started-with-vuex?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [Large-scale Vuex application structures](https://medium.com/3yourmind/large-scale-vuex-application-structures-651e44863e2f?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [Exploring Data with Serverless and Vue: Automatically Update GitHub Files With Serverless Functions](https://css-tricks.com/exploring-data-with-serverless-and-vue-part-i?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n\n\u003cbr\u003e\n\n### Authentication\n* [Vuejs 2 Authentication Tutorial: Learn how to quickly build apps with Vuejs 2 and add authentication the right way.](https://auth0.com/blog/vuejs2-authentication-tutorial?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n\n\u003cbr\u003e\n\n### SEO\n* [SEO for Vue.js SPA: Prerendering \u0026 Server-Side Rendering](https://www.youtube.com/watch?v=HWDcSRHBC9M?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n\n\u003cbr\u003e\n\n### Router\n* [Getting Started With Vue Router](https://scotch.io/tutorials/getting-started-with-vue-router#comments-section?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n\n\u003cbr\u003e\n\n### Animation \n* [Animating VueJS](https://www.youtube.com/watch?v=Vp37fWKOlV4?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [Vue.js Transitions \u0026 Animations: Production-Ready Examples - Snipcart](https://snipcart.com/blog/vuejs-transitions-animations?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n\n\u003cbr\u003e\n\n### Unit Test\n* [Write the first Vue.js Component Unit Test in Jest [Series]](http://alexjoverm.github.io/2017/08/21/Write-the-first-Vue-js-Component-Unit-Test-in-Jest?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [How to Write A Unit Test for Vue.js](https://scotch.io/tutorials/how-to-write-a-unit-test-for-vuejs#comments-section?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n\n\u003cbr\u003e\n\n### Reactive\n* [Reactivity in Vue.js 2 vs Vue.js 3](https://blog.cloudboost.io/reactivity-in-vue-js-2-vs-vue-js-3-dcdd0728dcdf?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [Reactivity In Vue.js (And Its Pitfalls)](https://medium.com/js-dojo/reactivity-in-vue-js-and-its-pitfalls-de07a29c9407?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n\n\u003cbr\u003e\n\n### Components\n* [Reusable Vue.js Components Part 1: Introduction](https://designhammer.com/blog/reusable-vuejs-components-part-1-introduction?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [Evan You - Inside Vue Components - Laracon EU 2017](https://www.youtube.com/watch?v=wZN_FtZRYC8?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n\n\u003cbr\u003e\n\n### Laravel\n* [Vuebnb: A Full-Stack Vue.js and Laravel App](https://vuejsdevelopers.com/2017/11/20/vuebnb-full-stack-laravel?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [Build a Guestbook with Laravel and Vue.js](https://scotch.io/tutorials/build-a-guestbook-with-laravel-and-vuejs?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [Server-Side Rendering With Laravel \u0026 Vue.js 2.5](https://vuejsdevelopers.com/2017/11/06/vue-js-laravel-server-side-rendering?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n\n\u003cbr\u003e\n\n### Case Study\n* [How To Build A Simple Single Page Application Using Vue 2 (Part 1)](https://scotch.io/tutorials/how-to-build-a-simple-single-page-application-using-vue-2-part-1#comments-section?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [An Introduction To Utilizing Public-Key Cryptography In Javascript](https://blog.patricktriest.com/building-an-encrypted-messenger-with-javascript?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [Building a Budget Manager with Vue.js and Node.js (Part I)](https://codeburst.io/building-a-budget-manager-with-vue-js-and-node-js-part-i-f3d7311822a8?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [Launch a Vue.js Blog in Less Than 2 Hours [Live Demo]](https://snipcart.com/blog/vuejs-blog-demo?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [Building a movie app interface with Vue.js](https://hackernoon.com/building-a-movie-app-interface-with-vue-js-cdc8aeb5db0b?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n* [A progressive Web application with Vue JS, Webpack \u0026 Material Design [Part 1]](https://blog.sicara.com/a-progressive-web-application-with-vue-js-webpack-material-design-part-1-c243e2e6e402?utm_source=mybridge\u0026utm_medium=email\u0026utm_campaign=read_more)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmybridge%2Flearn-vue.js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmybridge%2Flearn-vue.js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmybridge%2Flearn-vue.js/lists"}