[Update] Neste ano de 2025 o Vue.js se consolidou com um framework extremamente poderoso e com uma curva de aprendizado suave em relação aos seus concorrentes diretos. Isso aconteceu por conta da sua última versão ter sido lançada com melhorias significativas como as API’s de Composição.
Além disso se você é um programador front-end que utiliza Vue.js em suas aplicações desde a versão 2 fique atento pois o suporte para a versão 2 vai até 31 de Dezembro de 2023 segundo a documentação. Caso você tenha interesse em migrar sua aplicação de Vue 2 para Vue 3 siga o guia de migração oficial.
Por onde começar os estudos? 📚
Se você está iniciando agora e precisa saber por onde começar seus estudos, confira essa lista abaixo com os melhores links:
- Documentação Vue.js – Sem dúvidas a documentação é um excelente ponto de partida para iniciar. Nela você encontra todas as informações necessárias para a criação de um novo projeto, e todas as referências básicas para você iniciar no mundo Vue.js.
- Curso Vuejs Expert – O maior curso do ecossistema Vuejs Do Brasil! Fundamentos Vuejs, Components, Vuetify, DaisyUI, Nuxt, Quasar Framework, PrimeVue e muito mais!
- Vue School – A plataforma disponibiliza vários cursos gratuitos sobre Fundamentos com Composition API, Options API, Vue Router, Vuex, Monitoramento e muitos mais!
- Treinamento Vue.js Brasil – Um curso online completo e totalmente gratuito do básico ao avançado onde você vai aprender a versão 3 do Vue.js com direito a certificado ao completar as aulas.
- Curso Vue 3 Matheus Battisti – Um curso de introdução completo no Youtube totalmente gratuito.
Livros 📚
- Livro Projetos Front-end com Vue.js 3 – Segunda edição: Aprenda os fundamentos da criação de aplicações web escaláveis e interfaces de usuário dinâmicas
Plugins e Bibliotecas indispensáveis 🔌
Para ter uma uma experiência completa com o framework Vue.js é necessário utilizar alguns plugins e bibliotecas que tornam a aplicação ainda mais robusta a completa. Confira nossa lista de links:
- Volar – Extensão para Visual Studio Code desenvolvida para Vue.js
- Vue router – o roteador oficial para Vue.js. Ele se integra profundamente com o núcleo do Vue.js para facilitar a construção de Aplicações de Página Única(Single Page Applications – SPA).
- Pinia – O gerenciador de estado centralizado do Vue.js. Com ele você pode compartilhar estados entre components e páginas Vue.js.
- Axios – um cliente HTTP baseado em promise para Node.js e Navegadores web.
- Vue DevTools – Uma extensão de navegador indispensável para desenvolvedores Vue.js.
- Vite – é uma ferramenta de construção de projetos de frontend que se destina a oferecer uma experiência de desenvolvimento mais rápida e leve para projetos de web modernos.
- Vitest – Uma estrutura de teste nativa do Vite. É rápido!
- Peeky – Uma outra alternativa para testes super rápido e com poucas configurações.
- Vue Awesome – Uma lista gigantesca de bibliotecas oficiais, não oficiais, componentes, plugins construídos pela comunidade, podcasts, canais e muito mais! ✨
- VueUse – Coleção de utilitários essenciais de composição Vue ✨
- Vuelidate – Validação de formulários para Vue 2 e Vue 3.
- VeeValidate – Biblioteca de validação de formulários flexível, incremental e com ótima documentação.
- Vorms – Validação de formulário com API de composição
Biblioteca de Componentes Vue.js 🟩
Algumas das mais famosas bibliotecas UI para Vue.js:
Bibliotecas de gráficos para Vue.js 📊
Uma lista de bibliotecas de gráficos com integração ao Vue.js
Frameworks baseados em Vue.js 🚀
Alguns frameworks baseados em Vue.js que aumentam sua produtividade de forma significativa:
- Nuxt 3 – Nuxt é uma estrutura gratuita e de código aberto com uma maneira intuitiva e extensível de criar aplicativos da web e sites full-stack com segurança de digitação, desempenho e nível de produção com Vue.js.
- Quasar Framework – A estrutura VueJs de plataforma cruzada pronta para empresas. Fornece um CLI poderoso, componentes UI e implantação para diferentes plataformas. (Curso Completo com Vue 3 )
- Ionic Vue – Além de componentes de UI, o Ionic Framework também fornece uma ferramenta de linha de comando para criar novos aplicativos, bem como implantar nas diversas plataformas.
- Vitepress – Simples, poderoso e rápido. Conheça a estrutura SSG moderna que você sempre desejou.
- VueStorefront – Focado na construção de ecommerces com Vue.js.
Comunidades Vue.js 🔰
Aqui iremos listar links para comunidades oficiais para você poder interagir e tirar dúvidas quando necessário.
- Telegram comunidade Vue.js Brasil – https://t.me/vuejsbrasil
- Telegram comunidade Quasar Brasil – https://t.me/quasarframeworkbrasil
- Telegram comunidade Vuetify Brasil – https://t.me/vuetifybr
- Discord Vue Land – https://discord.gg/vue
Sem dúvidas participar de comunidades é uma das melhores maneiras de trocar conhecimento e conseguir ajuda com outras pessoas experientes que possam ter enfrentado problemas parecidos.
Guarde o link deste artigo para futuras consultas, a lista será atualizada constantemente conforme novos recursos venham surgindo.
Sentiu falta de algum recurso? Deixe nos comentários aqui no artigo ou envie no meu linkdin.
Até o próximo artigo =)
