How to Learn Vue: 8 Vue.js Training Resources
Aug 28, 2019
Learning Curve: How Quickly Can You Learn Vue?
The same goes for Vue Components. You’ll eventually want to develop Vue applications using components, but it’s just as valid to start out putting everything into a single file. Once you get to the point in working with Vue where it becomes painfully obvious that you need to break things into components, then you can learn how to do that.
Vue refers to this as an “incrementally adoptable architecture,” and it makes the learning curve for Vue much more gentle.
DOM Manipulation with Vue
Like React, Vue makes use of a virtual DOM to manage updates to the browser DOM. A virtual DOM renders views in memory and compares its rending with what’s currently in the browser to determine how to change the browser window.
DOM manipulation can be slow, but in doing this comparison of virtual DOMs, a framework can find more efficient ways to update the browser DOM.
In Vue, you can write templates using HTML, JSX, or createElement methods. These templates can be rendered at run time or precompiled as part of the build process by using Vue’s template compiler. The choice to use on-the-fly compilation of templates makes Vue easy to drop into an existing application.
Vue tracks a component’s dependencies automatically and knows when a component needs to be re-rendered so that it can avoid re-rendering components that haven’t changed. This is an improvement over React’s method of re-rendering components automatically unless you tell it not to.
Frameworks have traditionally been on one side or the other in terms of how much functionality is part of the core framework.
jQuery set the standard for being a small library with unlimited extensibility potential and countless independently-developed and maintained plugins.
Dojo, on the other hand, is a giant framework with many modules that are all kept in sync and tested to work together.
Angular falls on the giant framework side, while React falls on the small framework side.
One benefit of a small core framework with a large third-party ecosystem is that you have more choice. A downside is that it’s up to you to assemble your tools into something that’s going to work, and then you have to constantly make sure everything’s up-to-date.
Vue is a small framework, with more built-in functionality than React but less than Angular. When you’re ready to move more advanced features such as centralized state, routing, and server-side rendering, Vue has several officially-supported add-on libraries for these functions in addition to a curated library of third-party packages that can be used with Vue.
Vue is Independent
On the one hand, Vue’s software license (MIT) isn’t going to be changed in a way that could cause anyone patent issues. On the other hand, the fact that Vue doesn’t have the built-in user and developer base and financial support that Google and Facebook provide to their frameworks could tend to slow the adoption of Vue and make some developers nervous.
The Future of Vue
How to Learn Vue: 8 Vue.js Training Resources
If you’ve decided to use Vue, bookmark these resources to help speed up your learning.
Vue.js Official Guide
Get tutorials, explore articles, and sign up for a weekly newsletter at vuejsdevelopers.com. The site includes articles and tips that you can access for free. The site also offers video courses ranging from $19 – $479.
Vue.js Feed is an aggregator of Vue.js content. Browse by news, code, tutorials, plugins, and more.
Vue Mastery offers a free “Intro to Vue.js” course. You will learn the basics of Vue while building a webpage.
Vue CLI 3 Tutorial
This tutorial takes you step-by-step through Vue CLI 3, including the graphical user interface and the instant prototyping feature.
Free Vue Course: Develop Basic Web Apps
If you are ready to begin using components to build Vue applications, start with this free course to learn the basics.
Free Tutorial: Build a CMS-powered blog
If you’re ready to build a blog to plug into your website, this tutorial is the place to start. The tutorial takes you step-by-step through the process of developing a CMS-powered blog with Vue.
Instructor-Led Course: Vue.js Training
If you need to quickly learn Vue, consider learning live from an expert. After taking a 3-day Introduction to Vue.js class, you will have quickly gained practical skills to begin building applications with Vue. Webucator offers private, customized Vue.js classes for groups of any size. From a small team of developers looking to hit the ground running to a large organization with plans to build large-scale apps, the instructor can adapt the content to meet your goals.
Blog Post Author: Chris Minnick