Vue Academy

Name: Vue Academy
Availability: InStock

HTMLFrontendWebBeginner

Crie interfaces de usuário interativas e eficientes com Vue.js através da Vue Academy.

🤖 Com Inteligência Artificial📚 42 cursos👥 100.000+ alunos⭐ Classificação 4,9

Comece a Aprender →Explore o Currículo ↓

Visão Geral do Curso

Vue.js: O Framework Progressivo para Criar UIs Reais

Vue.js é o framework JavaScript progressivo projetado para construir interfaces de usuário orientadas por componentes — de um único widget interativo incorporado em uma página existente a uma aplicação totalmente renderizada no servidor com Nuxt. Sua Composition API, sistema de reatividade refinado e suporte de primeira classe a TypeScript o tornam uma escolha prática tanto para novos projetos quanto para equipes migrando de frontends mais antigos. Esta trilha cobre Vue 3 de ponta a ponta, desde a sintaxe de template até a implantação em produção.

O Que Você Aprenderá

Você trabalhará com a Composition API e sintaxe script setup, diretivas Vue, propriedades computadas e fundamentos de reatividade. A trilha aborda comunicação entre componentes, slots, provide/inject e composables para lógica compartilhada. Você gerenciará estado da aplicação com Pinia e Vuex, tratará roteamento com Vue Router incluindo padrões avançados, validará formulários e consumirá APIs REST junto com dados em tempo real via WebSockets. Cursos posteriores abordam integração com TypeScript, internacionalização, Storybook, testes com Vitest, otimização de performance, renderização no servidor com Nuxt 3, GraphQL com Apollo, Progressive Web Apps e práticas de segurança em Vue.

O Caminho de Aprendizado

Quarenta e duas aulas cobrem A1 até C1. Os cursos A1 e A2 estabelecem o Vue CLI, sintaxe de template, data binding, diretivas, formulários e conceitos básicos de componentes. Os cursos B1 expandem o ecossistema completo: lifecycle hooks, transições, Pinia, Vuex, Vue Router, TypeScript, i18n e dados assíncronos. B2 eleva o nível com renderização no servidor via Nuxt 3, GraphQL, WebSockets, testes de componentes, render functions, suporte PWA e publicação de uma biblioteca de componentes. Os cursos capstone C1 enfrentam arquitetura de micro-frontends, padrões avançados de Composition API, SSR streaming com Suspense, performance em Vue em larga escala e uma aplicação full-stack construída com Fastify e autenticação.

Como Funciona

Cada aula é dividida em lições curtas e focadas que você completa no editor de código integrado com feedback em tempo real. Um tutor de IA está disponível quando você fica preso, então você pode avançar por exercícios de sintaxe, desafios de componentes e problemas de arquitetura no seu próprio ritmo sem sair do app.

Comece a Aprender →

Ferramentas

Explore Ferramentas do Curso

Potencialize seu aprendizado com ferramentas e recursos alimentados por IA

⚡

Gerador de Código com IA

Gere código com IA

🐛

Correção de Bugs com IAPRO

Encontre e corrija erros de código

🔍

Análise com IAPRO

Análise profunda de código

💬

Chat com IA

Converse com seu tutor de IA

🧠

Faça uma Super PerguntaPRO

Obtenha respostas de nível especialista

📝

Criar AulaPRO

Criador de aulas com IA

🏆

Iniciar Exame de CertificaçãoPRO

Ganhe seu certificado

💻

Editor de Código

Escreva e execute código

🎯

Iniciar Desafio

Teste suas habilidades

Como Você Aprenderá

🎯

Aulas Interativas

Exercícios de codificação práticos com feedback em tempo real

🤖

Tutor de IA

Obtenha ajuda instantânea de nossa IA quando você ficar preso

💻

Editor Integrado

Escreva e execute código diretamente no seu navegador

🏆

Certificado

Ganhe um certificado ao concluir o curso

Currículo

42 Cursos

Todos os cursos no caminho de aprendizado Vue Academy.

Introdução ao Vue.js

A13 aulas

Comece a usar Vue.js — entenda o que é, configure seu ambiente e crie sua primeira aplicação reativa.

Entendendo o Vue CLI e a estrutura de projetos

A13 aulasPRO

Aprenda a criar a estrutura inicial de projetos Vue com o CLI e entenda a estrutura de arquivos e as ferramentas geradas.

Sintaxe de templates e vinculação de dados

A13 aulasPRO

Domine a sintaxe declarativa de templates do Vue — interpolação, diretivas, condicionais, loops e vinculações.

Fundamentos da Composition API do Vue 3

A24 aulasPRO

Faça a transição da Options API para a Composition API do Vue 3 com setup(), ref e reactive no desenvolvimento moderno com Vue.

Sintaxe de configuração de script do Vue 3

A24 aulasPRO

Escreva componentes mais limpos e ergonômicos usando a sintaxe simplificada no Vue 3.

Imersão nas diretivas do Vue

A24 aulasPRO

Domine todas as diretivas integradas do Vue e aprenda a escrever suas próprias diretivas personalizadas.

Formulários e validação no Vue

A24 aulasPRO

Crie formulários robustos com v-model, validação nativa e a biblioteca VeeValidate.

Fundamentos e comunicação entre componentes

A23 aulasPRO

Crie componentes Vue reutilizáveis e conecte-os com propriedades, eventos personalizados e slots.

Reatividade e propriedades computadas

A23 aulasPRO

Entenda o sistema de reatividade do Vue e use propriedades computadas e observadores com eficiência.

Ciclo de vida dos componentes Vue

B14 aulasPRO

Domine os hooks do ciclo de vida dos componentes Vue 3 e entenda quando cada fase é executada.

Transições e animações no Vue

B14 aulasPRO

Adicione transições suaves de entrada e saída e animações de listas usando e do Vue.

Slots avançados no Vue

B14 aulasPRO

Domine slots nomeados, slots com escopo e conteúdo dinâmico de slots para criar APIs de componentes altamente reutilizáveis.

Provide e Inject

B14 aulasPRO

Compartilhe dados entre componentes profundamente aninhados sem passar propriedades por toda a hierarquia, usando o mecanismo provide/injec…

Composables do Vue 3

B14 aulasPRO

Escreva lógica reutilizável com estado na forma de composables — o principal padrão de reutilização de código no Vue 3.

Tratamento de erros no Vue

B14 aulasPRO

Crie aplicações Vue resilientes com limites de erro adequados, interfaces alternativas e tratamento global de erros.

Gerenciamento de estado com Pinia

B14 aulasPRO

Substitua o Vuex pelo Pinia — a biblioteca oficial de gerenciamento de estado do Vue 3, mais simples e desenvolvida com TypeScript em prime…

TypeScript com Vue 3

B14 aulasPRO

Escreva componentes Vue 3 totalmente seguros quanto aos tipos, com propriedades, eventos emitidos e composables tipados usando TypeScript.

Internacionalização do Vue (i18n)

B14 aulasPRO

Crie aplicações Vue multilíngues com vue-i18n v9, troca de localidades e pluralização adequada.

Integração do Vue com Storybook

B14 aulasPRO

Documente e desenvolva componentes Vue isoladamente com Storybook, escrevendo histórias e controles interativos.

Roteamento com Vue Router

B13 aulasPRO

Adicione navegação no cliente a aplicações Vue com Vue Router — rotas, parâmetros e proteções de navegação.

Gerenciamento de estado com Vuex

B13 aulasPRO

Gerencie o estado compartilhado da aplicação com Vuex — estado, mutações, ações, getters e módulos.

Como lidar com APIs e dados assíncronos

B13 aulasPRO

Busque e gerencie dados remotos em aplicações Vue com Axios, hooks do ciclo de vida e um tratamento robusto de erros.

Implantação e manutenção de aplicações Vue

B13 aulasPRO

Crie, implante e mantenha aplicações Vue em produção com plataformas de hospedagem e monitoramento.

Ecossistema do Vue e próximos passos

B14 aulasPRO

Explore ferramentas avançadas do Vue, o modo Vapor e padrões emergentes que moldam o futuro do desenvolvimento com Vue.

Padrões avançados do Vue Router

B24 aulasPRO

Domine recursos avançados do Vue Router — metadados de rotas, comportamento de rolagem, transições e navegação programática.

Renderização no lado do servidor com Nuxt 3

B24 aulasPRO

Crie aplicações Vue full-stack com roteamento baseado em arquivos, rotas de servidor e recursos de SSR/SSG do Nuxt 3.

Vue com GraphQL e Apollo

B24 aulasPRO

Integre GraphQL a aplicações Vue usando o Apollo Client para consultas, mutações e assinaturas em tempo real.

Aplicações em tempo real com Vue e WebSockets

B24 aulasPRO

Crie aplicações Vue atualizadas em tempo real usando WebSockets e Socket.io para chats, painéis e colaboração.

Testes de componentes com Vitest

B24 aulasPRO

Teste componentes Vue com confiabilidade usando Vitest e Vue Test Utils, com simulações e relatórios de cobertura.

Otimização de desempenho no Vue

B23 aulasPRO

Acelere aplicações Vue com carregamento sob demanda, divisão de código, memoização e análise de gargalos.

Testes de aplicações Vue

B23 aulasPRO

Teste aplicações Vue com testes unitários usando Vue Test Utils e testes de ponta a ponta para obter cobertura completa.

Padrões avançados e boas práticas

B23 aulasPRO

Aplique padrões avançados do Vue — mixins, diretivas personalizadas, plugins e organização escalável de projetos.

Funções de renderização e JSX no Vue

B24 aulasPRO

Vá além dos templates com a função de renderização h() do Vue e JSX para criar componentes de forma dinâmica e programática.

Aplicações Web progressivas com Vue

B24 aulasPRO

Transforme aplicações Vue em PWAs com suporte offline, service workers e instalação semelhante à de aplicações nativas.

Boas práticas de segurança no Vue

B24 aulasPRO

Proteja aplicações Vue contra XSS, CSRF e outras vulnerabilidades da Web com padrões práticos de defesa.

Publicação de bibliotecas de componentes Vue

B24 aulasPRO

Crie, documente e publique bibliotecas reutilizáveis de componentes Vue no npm usando o modo de biblioteca do Vite.

Desenvolvimento de plugins para Vue 3

B24 aulasPRO

Crie plugins Vue instaláveis que adicionem componentes globais, diretivas, composables e configurações para toda a aplicação.

Microfrontends com Vue

C14 aulasPRO

Projete aplicações Vue de grande escala como microfrontends independentes usando Module Federation.

Padrões avançados da Composition API

C14 aulasPRO

Domine padrões avançados de reatividade, máquinas de estado e fábricas de composables para aplicações Vue complexas.

Desempenho avançado no Vue

C14 aulasPRO

Analise e otimize o desempenho de aplicações Vue com v-memo, carregamento sob demanda e ajustes no sistema reativo.

SSR em fluxo e Suspense no Vue

C14 aulasPRO

Implemente SSR em fluxo e Suspense do Vue para carregamento progressivo de páginas e melhoria dos Core Web Vitals.

Vue full-stack com Fastify e autenticação

C14 aulasPRO

Crie uma aplicação full-stack pronta para produção com frontend em Vue 3, backend em Fastify e autenticação JWT.

Perguntas Frequentes

O curso Vue Academy é gratuito?

Sim. Você pode começar o curso Vue Academy gratuitamente e completar suas aulas interativas sem custo. Uma assinatura PRO opcional desbloqueia ferramentas avançadas de IA e um certificado compartilhável.

Preciso de experiência anterior para aprender HTML?

Não. O curso começa com os fundamentos e gradualmente passa para tópicos mais avançados, então você pode começar mesmo sem experiência anterior com HTML.

Como vou aprender HTML no CoddyKit?

Você aprende fazendo. Aulas interativas curtas combinam uma explicação clara com um exercício de codificação prático que executa em tempo real, e um tutor de IA disponível 24/7 oferece ajuda personalizada sempre que você ficar preso.

Ganho um certificado ao concluir Vue Academy?

Sim. Alunos PRO podem fazer um exame e ganhar um certificado de conclusão compartilhável com um código verificável para o curso Vue Academy.

Posso aprender HTML no meu celular?

Sim. CoddyKit está disponível na web e como aplicativos nativos para iOS e Android, então você pode aprender HTML em qualquer dispositivo e seu progresso sincroniza entre eles.

Comece Vue Academy Agora

Junte-se a milhares de alunos dominando programação com aulas potenciadas por IA.

Começar Grátis →Ver Todos os Cursos