Roadmap to become a Vue 3 developer

By

A practical roadmap of what to learn to become a well-rounded Vue 3 developer, from HTML and JavaScript basics through create-vue, Pinia, Vue Router, and modern tooling.

~~~

I found out the React Developer Roadmap on the web, and I decided to make one for Vue.

Vue 3 is the current stable line, and Vue 2 reached end of life on December 31, 2023. New apps start with create-vue and Vite, not the old Vue 2 + Vue CLI path.

To be a proficient Vue 3 developer, you need to learn:

  1. the basics of how the Web works
  2. HTML, CSS
  3. the DOM
  4. how browsers work
  5. the JavaScript basics, event handling, and modern ES features
  6. Git
  7. how to use the terminal
  8. the Vue 3 basics
  9. how to scaffold an app with npm create vue@latest (create-vue) and Vite
  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 Pinia (Pinia replaced Vuex for new Vue 3 apps)
  16. how to check types using prop types or TypeScript
  17. how to handle routing using Vue Router for Vue 3
  18. how to consume APIs using GraphQL/Apollo/REST using axios or fetch
  19. use an utility library when you need one (date-fns, lodash-es, and so on)
  20. how to test using Vitest or 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 (Nuxt is the usual path)

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

Tagged: Vue.js · All topics

Want me to talk about your product? You can sponsor this site.

~~~

Related posts about vue: