Here are a few favorites, as selected by our design technologist, James Patrick Gibson:
This is a great introductory video and tutorial series from Laracasts, which takes beginner to intermediate Vue users through core concepts in the framework. Over 30 lessons are offered for free, and additional lessons are available for a reasonable subscription fee. You’ll want to start with Step by Step and the Practical Vue Components series, and if you get really good at it, try your hand at a more advanced level with the Testing Vue series.
Sarah Drasner, Core Contributor to Vue.js and Vue.js CSS Tricks
Sarah is a regular contributor to Vue.js itself, as well as to CSS Tricks, a blog about building websites and all that entails from a front-end perspective. She also writes about Vue frequently on her personal Twitter
Account, and gives talks and tutorials at conferences year-round, so she’s a great person to follow and continually learn from.
This is another official Vue resource that has plenty of real-world examples and use-cases for common problems. It differs from the official Vue.js Guide in that the guide’s articles build upon the previous one as you learn more throughout the documentation. The Cookbook works just like, well, a cookbook, where you can turn to any page and make the recipe without prior knowledge of how to make the one before or after it. Also, the Cookbook goes further in depth on many topics than the Guide allows. You’d do well to have both of these resources bookmarked for future reference.
Vue School is a premium video service with easy to learn, step by step walkthroughs and tutorials. They offer 18 courses from beginner to advanced levels, covering topics like Web Accessibility Fundamentals, Custom Vue Directives, Dynamic Forms, and more. Some of the video content is free, and new videos are added weekly. For ongoing access to premium content, the school charges a reasonable fee of $25/month.
This is a great practical blog with articles and how-tos on some of the most common techniques and best practices in Vue. There’s a free intro-to-Vue crash course detailing the very basics of the framework, what kind of apps you can build with it, and how it compares to React and Angular. From there, you can dive into their courses and blog posts, and even join their community to learn about Vue-related job openings.
Last, but not least, is Awesome Vue. This is a very thorough list of resources, extensions, books and more — one of the best and most comprehensive sources of information on all things Vue. It is a frequently updated GitHub repo with hundreds of links to amazing resources for Vue users of all skill levels.
If you’re already making your way through studying Vue.js, what are your favorite resources for learning?