Best Resources to Learn Vue.js

Regardless of which Metric you glance at, whether GitHub Stars, Google Trends, Tweets, etc. VueJS is considered the brightest star in the frameworks of JavaScript- it’s simply amazing!

Vue JS has swiftly become well-known both because of how powerful JavaScript is and how it can easily learn. Vue is a lot easier compared to some JavaScript frameworks like React and Angular. This only means that you can easily start forming your Vue application without spending too much time.

Tutorials and Courses

• Vue JS 2 (The Complete Guide) – Learn how to create stunning frontend applications using Vue.js, the JavaScript framework that provides you with the tools to create both small and large-scale projects. This complete guide covers everything from understanding the theory behind Vue to utilizing it in real projects. You’ll find out about the latest version of Vue (Vue 3) and all of its new features, including the Composition API. Additionally, you’ll get to know about Vuex and Router, two important concepts for constructing scalable and robust Vue applications. So, if you’re ready to build some awesome frontend apps, Vue JS 2 (The Complete Guide) is your go-to resource!
• Vue JS 2: From Beginner to Professional – This course is designed to help you become a professional Vue JS 2 developer. You’ll learn the fundamentals of Vue JS 2, including how to create reactive web applications, no matter the size. We’ll cover the essential concepts, provide examples, and then test your skills with exercises. You’ll also learn how to use Vuex, a state management library, to manage the data in your applications. By the end of the course, you’ll have the skills and knowledge to create professional Vue JS 2 applications.
• Nuxt.JS – Vue.js on Steroids – This course will teach you how to create server-side-rendered single-page applications (SPAs) with Vue.js. You will be able to build SPAs with minimal effort and generate a static webpage using Vuejs code. With Nuxt.js, you can take your Vue.js application to the next level and create powerful SPAs with ease.
• React JS, VueJs, Angular (Comparison) – This article provides an introduction to the three most popular JavaScript frameworks: React, Vue, and Angular. It will help learners understand the similarities and differences between each framework, so they can make an informed decision about which one to use for their project. We will discuss the pros and cons of each framework, as well as their individual features, so learners can decide which one best fits their needs.
• Build Web Apps with Vue JS 2 & Firebase – You will get the necessary concepts about VueJS and Firebase. You will learn how to build web apps with VueJs. After acquiring ideas about Firebase, you will use some Firebase services like Firestore database, Hosting, and Cloud functions. This will let you create real VueJS applications.

Tools

• Vue CLI – Vue CLI is a fully-featured set of tools for rapid Vue development.
• VuePress – VuePress is composed of two parts: a minimalistic static site generator with a Vue-powered theming system and Plugin API, and a default theme optimized for writing technical documentation.
• Vuex – Vuex is a state management pattern + library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion.
• Nuxt – NuxtJS is an open-source framework that makes web development simple and powerful. With Nuxt, you can create server-rendered apps (SSR), single-page applications (SPA), progressive web applications (PWA), or just use them as a static site generator.
• Storybook – Storybook is an open-source tool for developing UI components in isolation for React, Vue, Angular, and more. It makes building stunning UIs organized and efficient.
• Vue DevTools – Browser devtools extension for debugging Vue.js applications.

UI Components

• Eagle.js – A hackable slideshow framework built with Vue.js.
• vue-easy-slider – Slider Component of Vue.js.
• vue-morris – VueJS component wrapping Morris.js.
• vue-chartjs – Vue.js wrapper for Chart.js.
• vue-pipeline – A easy-to-use component to show a beautiful responsive pipeline like the Jenkins plugin.
• vuetable-2 –  Datatable component for Vue 2.x.
• vue-tables-2 – Vue Tables 2 was created to give developers a fully featured toolset for creating beautiful and useful data tables with Vue.js.
• vue-datasource – A vue.js component to create dynamic tables.
• vue-notifications – Vue.js agnostic non-blocking notifications library. If you want to have a way to show notifications and a way to easily replace the UI library that show them without rewriting the code, this library is a good choice.
• vue-parallax – Scrolls an image slower than the window to create a neat optical effect.
• vue-radial-progress – Radial progress bar component for Vue.js.
• vue-simple-spinner – A simple, flexible spinner for Vue.js.
• v-tooltip – Easy tooltips with Vue 2.x.
• vuedals – A VueJS (2.x) Plugin for multiple modals windows with a single component instance.
• sweet-modal-vue – The sweetest library to happen to modals.
• vue-accordion – Simple accordion nav menu component for Vue.js.
• vue-js-dropdown – Vue.js 2 dropdown menu component. Light, easy to use and extend, with no external dependencies.
• vue-pdf – A pdf viewer based on Mozilla’s PDF.js.
• vue-swipe-tabs – A touch-swipe tab component.
• vue-select – Vue Select is a feature-rich select/dropdown/typeahead component. It provides a default template that fits most use cases for a filterable select dropdown.
• vuedraggable – Vue component (Vue.js 2.0) or directive (Vue.js 1.0) allowing drag-and-drop and synchronization with view model array.
• vue-dragula – Vue wrapper for dragula.