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.

Vue JS Logo

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.

Source — Flaviocopes

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

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:

1. the basics of how the Web works
2. HTML, CSS
3. the DOM
4. how browsers work
5. the JavaScript basics, event handling, the newest ES6–7–8 features
6. Git
7. how to use the terminal
8. the Vue basics
9. webpack
10. how to install packages using npm or yarn
11. how to run tasks using npm scripts
12. CSS modern tools: SASS, PostCSS
13. a CSS framework like Tailwind or Bootstrap or another
14. how to use CSS in JS using Single File Components
15. how to manage state using component state or vuex, and its libraries
16. how to check types using prop types or TypeScript
17. how to handle routing using vue-router
18. how to consume APIs using GraphQL/Apollo/REST using axios or fetch
19. use an utility library like lodash or moment
20. how to test using Jest and the Vue Test Utils
21. how to perform end to end testing using Cypress or Puppeteer or others
22. how to build a desktop Vue app using Electron
23. how to internationalize an app using vue-i18n
24. how to implement server-side rendering

The list could grow indefinitely, but those are the basics of a well-rounded Vue developer.