How to be a Vue.js developer

How to be a Vue.js developer

Hey guys, my name is Bontus Mayor and i currently work as the C.T.O at Testrogen Innovation Hub. Not too long ago i started to get interested in JavaScript. It was very difficult because i was used to Xampp and HT DOCS stuffs. So the whole CLI stuffs that came with JavaScript threw me off balance. I tried learning React but my brain couldn’t just take it in. Everything got better when i heard about Vue. Understanding Vue was very easy for me as compared to react. The whole thing started making sense.

vuejs.jpg

So I want to help you understand what it takes to be a Vue developer. Vue.js is an open-source Model–view–viewmodel JavaScript framework for building user interfaces and single-page applications. It was created by Evan You, and is maintained by him and the rest of the active core team members coming from various companies such as Netlify and Netguru. Understanding Vue requires a knowledge of JavaScript because Vue was built from JavaScript. The need to know about JS syntax and basic operations, DOM manipulations, Hoisting, Event bubbling, prototyping etc. You should also have a knowledge of HTML or PUG, CSS or BOOTSTRAP.

vue roadmap.png

To start with Vue, you have to install it on your computer. The easiest way to do this is via the Command Line via the Vue CLI. Before you start this, you should have the recent version of NPM or YARN installed on your machine. Now lets install Vue:

``` npm install -g @vue/cli or yarn global add @vue/cli

After installation, you will have access to the Vue binary in your command line. You can verify that it is properly installed by simply running Vue, which should present you with a help message listing all available commands.
You can check you have the right version with this command:


``` vue --version
or
    vue --V

No you are good to go!!! Your Journey just began. You can learn all the things listed on the roadmap above via the links below: the basics of how the Web works HTML, CSS the DOM how browsers work the JavaScript basics , event handling , the newest ES6–7–8 features Git how to use the terminal the Vue basics webpack how to install packages using npm or yarn how to run tasks using npm scripts CSS modern tools: SASS, PostCSS a CSS framework like Tailwind or Bootstrap or another how to use CSS in JS using Single File Components how to manage state using component state or vuex , and its libraries how to check types using prop types or TypeScript how to handle routing using vue-router how to consume APIs using GraphQL / Apollo /REST using axios or fetch use an utility library like lodash or moment how to test using Jest and the Vue Test Utils how to perform end to end testing using Cypress or Puppeteer or others how to build a desktop Vue app using Electron how to internationalize an app using vue-i18n how to implement server-side rendering The list could grow indefinitely, but those are the basics of a well-rounded Vue developer. You can follow me on twitter