HOW TO BECOME A BETTER Vue.js DEVELOPER
Published: 2020-07-09 13:01:49

Hello devs! I want to share some things that I believe can make anyone to level up as a Vue.js developer.

Few hours ago, I deployed a simple <a href="https://buyhub.herokuapp.com/?#/"> e-commerce  web app</a> which I made by using Vue on the frontend and node.js/express on the backend.

Having worked with Vue for a while, I feel I should share some tips with you.

If you are reading this, it's either you are already working with Vue.js professionally, you just started learning Vue.js, or you are considering learning the framework.

Whichever category you belong to, I'm sure that you will still find this piece useful.

<hr> 

<h4> What exactly is Vue.js? </h4>

For the sake of newbies, Vue.js is a JavaScript framework just like React and Angular. It focuses on the view layer (what the users of your application can see and interact with). Hence, it can be used to create powerful user interfaces. 

One of the most exciting things about this JavaScript framework is that it is very easy to learn and get started with compared to Angular or React. So within a couple of hours or days of learning Vue, you can start to create amazing web apps by just dropping the Vue.js cdn on your application. 

Anyways, without wasting much time, let's dive into the things that can make you a better Vue.js developer. 🤩

1 <b><i>Let the documentation be your friend. READ IT!</b></i>

The <a href="https://vuejs.org/v2/guide/"> Vue.js documentation</a> is one of the best documentations you can ever come across. It's nicely written, well explained and has lots of examples.

You can literally learn any Vue concept by just reading through the documentation. While building the e-commerce app, I always referred back to the documentation whenever I got stuck.

So in addition to the tutorial you may have paid for, do well to regularly check out the docs.

2 <b><i>Build projects</i></b>

This tip can not be over emphasized.You need to start applying your knowledge of Vue to build projects. Begin with the Vue cdn. Don't wait till you begin to use the cli. <b> You may not appreciate the cli and maximize its benefits unless you have built something with the cdn. </b>

Your first Vue app, doesn't have to be awesome. But as you progress in your learning path, you will naturally begin to build awesome Vue apps 🌟🌟

3 <b><i><a href=" https://vuetifyjs.com/en/">
 Learn Vuetify</a> </i></b>

Is Vue.js not enough? Of course it is enough, especially when combined with your knowledge of CSS or SASS or Bootstrap or Tailwind CSS.

So why learn Vuetify?

Vuetify is a material design UI library specifically suited for Vue applications. It has built-in components such as cards, skeleton loaders, dialog box, datatables, buttons, carousel and a bunch of cool UI components that help you to build beautiful Vue apps <b>faster</i>. 

The cool thing is that Vuetify is written in Vue.js which makes getting started with it very easy.

4 <a href="https://nuxtjs.org/guide/views/"> <b><i>Learn Nuxt.js</b></i> </a>

Yes, you got that right! The learning never stops.

If you are coming from a React background, Nuxt.js is to Vue.js what Next.js is to React.

My favorite coding tutor, Max, tagged his <a href="https://www.udemy.com/course/nuxtjs-vuejs-on-steroids/"> Nuxt.js Udemy course</a> as <b> Vue.js on steroids </b>😃

You think vue.js is easy to work with? Then try out Nuxt.js. Nuxt.js further simplifies the development process of making Vue applications while adding extra capabilities such as server side rendering which undoubtedly improves the SEO of vue.js applications.

So after gaining a mastery of vue.js concepts, learn Nuxt.js.

5 <b><i>Build projects<b><i>

Oops! We've said that before.🤔.

Yes, it's intentional! I can't stress this enough. You have to keep using your knowledge of Vue.js to build innovative solutions and make our world a better place.

By so doing, you will become a better Vue.js developer. 

THANK YOU ❤️.