Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/filrak/vuejs-advanced-learning

A curated list of advanced and/or in-depth learning resources about Vue.js
https://github.com/filrak/vuejs-advanced-learning

Last synced: 6 days ago
JSON representation

A curated list of advanced and/or in-depth learning resources about Vue.js

Awesome Lists containing this project

README 

        
# Advanced and in-depth learning resources for Vue.js



While it's quite easy to find tutorials about Vue.js, things are getting much harder when you want to learn something beyond the basics.



I hope that this list will make it much easier for everyone to learn advanced and non-trivial Vue stuff about architecture, patterns, internals and real-world use cases. 



**All of the listed resources are dedicated for developers who are already familiar with Vue.js and have some prior experience with this framework.**



If you know some courses/articles about advanced Vue patterns, in-depth explanations or just non-trivial stuff that would be helpful for other Vue developers please don't hesitate to share them!



# Table of contents



- Courses and video tutorials

  - Multiple topics

  - Architecture, patterns and best practices

- Articles

  - Architecture, patterns and best practices

  - Source code and internal behavior

  - Nuxt

- Talks

  - vue-router

  - animations

- Books

  - Architecture, patterns and best practices

  - Testing

- Blogs

- Podcasts



# Courses and video tutorials



### Multiple Topics

- [Advanced Components / Vue Mastery](https://www.vuemastery.com/courses/advanced-components/the-introduction/)

- [Advanced Vue Component Design / Adam Wathan](https://adamwathan.me/advanced-vue-component-design/)

- [Advanced Vue.js Features from the Ground Up

 / Evan You on Frontend Masters](https://frontendmasters.com/courses/advanced-vue/)

- [Vue.js topics by industry experts and core team members from beginner to master class

 / Vue School](https://vueschool.io/)

- [The Vue.js Master Class / Vue School](https://vueschool.io/courses/the-vuejs-master-class)

- [Vuex for Everyone / Vue School](https://vueschool.io/courses/vuex-for-everyone)

- [Dynamic Forms with Vue.js / Vue School](https://vueschool.io/courses/dynamic-forms-vuejs)

- [Custom Vue.js Directives / Vue School](https://vueschool.io/courses/custom-vuejs-directives)

- [26 Time Saving Tips for Vue](https://michaelnthiessen.com/26-time-saving-tips/)

### Architecture, patterns and best practices



### Testing

- [Testing Vue / Laracast](https://laracasts.com/series/testing-vue)



# Articles



### Architecture, patterns and best practices

- [Vue.js considerations and tricks / Harshal Patil](https://blog.webf.zone/vue-js-considerations-and-tricks-fa7e0e4bb7bb)

- [Renderless Components in Vue.js / Adam Wathan](https://adamwathan.me/renderless-components-in-vuejs/)

- [What’s the deal with functional components in Vue.js? / Nora Brown](https://itnext.io/whats-the-deal-with-functional-components-in-vue-js-513a31eb72b0)

- [Vue.js Application Structure and CSS Architecture / Markus Oberlehner](https://markus.oberlehner.net/blog/vue-application-structure-and-css-architecture/)

- [Series about Vue.js App Performance optimization / Filip Rakowski](https://itnext.io/vue-js-app-performance-optimization-part-1-introduction-to-performance-optimization-and-lazy-29e4ff101019)



### Source code and internal behavior

- [A deep dive in the Vue.js source code

 / oneminutejs](https://idk.dev/a-deep-dive-in-the-vue-js-source-code/)

- [Vue.js Reactivity / Anthony Gore](https://vuejsdevelopers.com/2017/03/05/vue-js-reactivity/)

- [Build a reactivity system / Vue Mastery](https://www.vuemastery.com/courses/advanced-components/build-a-reactivity-system/)



### Nuxt

- [7 Frontend Architecture Lessons From Nuxt.js](https://zendev.com/2018/09/17/frontend-architecture-lessons-from-nuxt-js.html)



# Talks



### vue-router

  - [Understanding client side routing with Vue.js by Hassan Djirdeh · JSCamp Barcelona 2018](https://www.youtube.com/watch?v=YFnimUl8Qjo) 

  

### animations

  - [State animations Getting them right / Eduardo San Martin Morote Vue.js Amsterdam](https://www.youtube.com/watch?v=5oDTJfPgxIM)

  

# Books



### Architecture, patterns and best practices

- [Vue.js 2 Design Patterns and Best Practices](https://www.packtpub.com/web-development/vuejs-design-patterns-and-best-practices)

- [Vue - The Road To Enterprise](https://bit.ly/2Y2iFzG)



### Testing

- [Testing Vue.js applications by Edd Yerburgh](https://www.manning.com/books/testing-vuejs-applications)

- [Testing Vue.js components with Jest by Alex Jover Morales](https://leanpub.com/testingvuejscomponentswithjest/c/SbJMawK5HgGz)



# Blogs

- [Vue.js Developers](https://vuejsdevelopers.com/)



# Podcasts

- [Evan You - Advanced Vue Component Design](http://www.fullstackradio.com/81)



# Contributing



Feel free to add any resources that you think may be useful for others by creating a Pull Request. The only requirement for the content is to target intermediate and advanced Vue developers. If you think your link does not fit any category feel free to create the new one. 



List curated by [Filip Rakowski](https://twitter.com/filrakowski)