DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for How to learn Vue.js Quickly
Vinodh Thiagarajan
Vinodh Thiagarajan

Posted on

How to learn Vue.js Quickly

This is not exactly the entire topic about Vue but it's about, for a non-UI developer how long does it take to get up and running with Vue.js. This came up as a part of my Serverless Series and I wanted to showcase a complete package of a Serverless application. When I peeked into the UI world in 2020 and researching what it has to offer, I evaluated React first and moved to Vue and got what I want.

This is not a biased view of Vue because now I think that React is equally or even more powerful. But it all boils down to where you learn from and how concise and modular the material is. I trust my Udemy course finding instincts and also I search for tutorials on other platforms too.

Believe me, there is much more material out there to learn React and Angular compared to Vue. But the hours of training range from 7+ to 40+ hours. They do cover fine-grained details of React starting from Basics to much more advanced topics like Redux and Webhooks. But I was not sure what all I needed to know in the first place, like do I need to know about Redux? Typescript? How long do I need to spend to bring up a simple Single Page Application which will hardly take 1 hr for a seasoned UI developer to give a proto/wireframe?

I even started learning React and after an hour or so, these videos were not taking me anywhere. So stumbled upon more comparisons and read this phrase by luck in on the blogs and this is how it goes,

When You Want to Hire a talented Vue.js Developer, just look for a talented Javascript developer because he can get the swing of Vue in a week or so..

Lines like above gave me more confidence to go with Vue. That's all it took and then again I stumbled upon VueSchool and VueMastery as they were recommended on the Vue website to learn from. I went with VueMastery because all it took for me to put together a production-grade Single Page Application was 2 hrs.

Alt Text

The site offers 3 paths and I took the Beginner Path which has about 10 hrs of materials spanning over 7 modules and each module is complete in its own way and I just took the first 2 courses and got what I want.

Alt Text

The above shows a very simple yet functionally decently wired UI that I was able to produce.

Even though the video link is a part of a bigger module this is exclusive to Vue and you will get the context of it, my terminologies will be sloppy as I'm not a UI developer. But if you are a Backend Developer like me and want to wire something quickly to showcases stuff, Vue was very promising.

I do talk about other UI hacks for NON - UI developers, let me know what you think.

FullStack Serverless - Building UI with Vue

Vinodh

Top comments (2)

Collapse
 
perpetual_education profile image
perpetual . education

Great point! Great JS devs are certainly going to understand Vue well - and really use it for it's strengths. As far as learning it fast - dev.to/perpetual_education/vue-tra... - Jeffrey's courses are really great. Serious stuff.

Collapse
 
pramod0 profile image
Pramod

Excellent post. I have been a Java developer for 4 years and then I had to learn Vue. It took me quite a time to get the hang of it.
I would say even after developing professionally for 9 months now I am yet to call myself an expert in Vue

🌚 Browsing with dark mode makes you a better developer by a factor of exactly 40.

It's a scientific fact.