Onde encontrar um curso gratuito de Vue.js 3 do Zero ao Intermediário (Router, Vuex e Composition API) ?

Name: Vue.js 3 do Zero ao Intermediário (Router, Vuex e Composition API)
Availability: InStock

Imagem do Curso gratuito Vue.js 3 do Zero ao Intermediário (Router, Vuex e Composition API)

Curso online gratuitoVue.js 3 do Zero ao Intermediário (Router, Vuex e Composition API)

Duração do curso online: 6 horas e 48 minutos

Novo

Curso gratuito de Vue.js 3 do zero ao intermediário com Router, Vuex e Composition API para criar interfaces reativas e apps front-end.

Neste curso gratuito, aprenda sobre

Fundamentos do Vue.js 3
Navegação com Vue Router
Gerenciamento de Estado com Vuex
Composition API no Vue 3
Projeto Prático com Vue (Options API)
Projeto com Composition API (Refatoração)

Descrição do curso

Aprenda Vue.js 3 do zero ao intermediário em um curso online gratuito, ideal para quem quer iniciar no desenvolvimento front-end moderno e evoluir com segurança na criação de interfaces reativas.

Você vai entender como estruturar aplicações com componentes e SFC, trabalhar com renderização condicional, listas, data binding, classes e estilos dinâmicos, além de dominar formulários com ligação bidirecional e o uso de eventos para criar interações fluídas.

O curso também aprofunda boas práticas do ecossistema, explorando propriedades computadas, watchers e ciclo de vida para construir telas mais performáticas e fáceis de manter. Há ainda temas essenciais de composição e reutilização, como slots, estilos globais e scoped, além da comunicação entre componentes com props e emit.

Para projetos mais completos, você aprende a navegar entre páginas com Vue Router, organizar estado global com Vuex e aplicar a Composition API com setup, reatividade, computed, watch e hooks de ciclo de vida. Ao final, o conteúdo é consolidado com um projeto prático e uma refatoração utilizando Composition API, conectando teoria e prática para fortalecer seu portfólio.

Conteúdo do curso

Aula em vídeo: Curso gratuito Vue.js 3 INTRO #1 - Introdução 14m
Exercício: No ecossistema do Vue.js, qual ferramenta é responsável por gerenciar o estado global da aplicação?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #2 - Instalando 17m
Exercício: Em qual cenário a instalação do Vue via CDN é mais indicada?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #3 - Componentes de arquivo u?nico SFC 11m
Exercício: Em um componente Vue no formato SFC (.vue), qual combinação de camadas pode existir dentro de um único arquivo?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #4 - Declarac?o?es condicionais (diretiva v-if v-show) 16m
Exercício: Qual é a principal diferença entre as diretivas v-show e v-if ao controlar a exibição de um elemento?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #5 - Instruço?es de loops (diretiva v-for) 07m
Exercício: Ao renderizar uma lista com v-for no Vue 3, qual prática melhora a performance e evita problemas de renderização ao identificar cada item?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #6 - Atributos dinâmicos com data binding (diretiva v-bind) 08m
Exercício: Em Vue.js, qual é a forma correta de tornar um atributo HTML dinâmico (ex.: src ou alt) usando bind?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #7 - Atributos Class e Style dina?micos 12m
Exercício: No Vue.js, como funciona o binding de classes usando objeto em :class?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #8 - Ligac?a?o de dados bidirecional (diretiva v model) 10m
Exercício: No Vue.js, qual diretiva é usada para fazer two-way data binding (ligação de mão dupla) em elementos de formulário?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #9 - Eventos 12m
Exercício: Em Vue.js, qual alternativa usa corretamente um modificador de evento para impedir o comportamento padrão do formulário ao enviar?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #10 - Propriedade computada (computed) 15m
Exercício: Em Vue.js, qual é a principal vantagem de usar uma propriedade computada para gerar um valor (ex.: nome completo) a partir de outros campos?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #11 - Observadores (watch) 12m
Exercício: Ao criar um observador (watcher) para a propriedade name, quais parâmetros a função observadora recebe para lidar com a mudança?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #12 - Ciclo de vida (life cycle) 17m
Exercício: Em qual fase/gancho do ciclo de vida é mais indicado inicializar uma biblioteca externa que precisa acessar o DOM/template no Vue.js?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #13 - Componentes slot 09m
Exercício: Qual é a forma correta de enviar conteúdo para um slot nomeado em um componente Vue 3?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #14 - Scoped e global CSS 08m
Exercício: Ao definir estilos dentro de um componente Vue, qual alternativa garante que a classe não afete elementos fora desse componente?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #15 - Enviando dados para o componente filho (props) 17m
Exercício: No Vue.js, qual é a finalidade principal de usar props em um componente filho?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #16 - Enviando dados do filho para o pai (emit) 06m
Exercício: Como o componente filho pode avisar o componente pai para fechar um Alert no Vue.js?

Aula em vídeo: Curso gratuito Vue.js 3 INTRO #17 - Introduc?a?o ao Vue Router parte 1 11m
Exercício: Ao usar o Vue Router, qual é a função do componente RouterView na aplicação?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #18 - Introduc?a?o ao Vue Router parte 2 09m
Exercício: Em uma rota dinâmica como /usuarios/:id, qual propriedade é usada para acessar o valor do parâmetro id dentro do componente?

Aula em vídeo: Curso gratuito Vue.js 3 INTRO #19 - Introduc?a?o VUEX (state) 12m
Exercício: Qual é a principal vantagem de usar Vuex para acessar dados do usuário logado em vários componentes?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #20 - Introduc?a?o VUEX Mutations parte 1 06m
Exercício: No Vuex, qual método é usado no componente para disparar uma mutation e atualizar o state?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #21 - Introduc?a?o VUEX Mutations parte 2 15m
Exercício: Ao clicar em Adicionar em um produto, qual é a forma correta de atualizar o carrinho no Vuex?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #22 - Introduc?a?o VUEX Getters 05m
Exercício: No Vuex, qual é a principal função de um getter ao calcular o total do carrinho?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #23 - Introduc?a?o VUEX Actions 11m
Exercício: No Vuex, qual é o principal motivo para usar Actions em vez de alterar o state diretamente ou usar apenas Mutations?

Aula em vídeo: Curso gratuito Vue.js 3 INTRO #24 - Introduc?a?o a composition API setup 14m
Exercício: Na Composition API do Vue 3, o que define quais variáveis e funções ficam disponíveis no template do componente?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #25 - Introduc?a?o a composition API Reatividade 09m
Exercício: Ao usar a Composition API no Vue 3, qual é a principal diferença prática entre reactive e ref ao manipular valores no JavaScript?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #26 - Introduc?a?o a composition API Computed e Watch 07m
Exercício: Na Composition API do Vue 3, qual é a forma correta de observar uma propriedade específica dentro de um objeto reativo usando watch?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #27 - Introduc?a?o a composition API Ciclo de vida 06m
Exercício: No Vue 3 com Composition API, qual é o hook mais indicado para limpar recursos (ex.: listeners, timers e libs de terceiros) e evitar vazamento de memória ao remover um componente?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #28 - Introduc?a?o a composition API Props e Emit 08m
Exercício: Na Composition API do Vue 3, como acessar props e emitir eventos dentro do método setup()?

Aula em vídeo: Curso gratuito Vue.js 3 INTRO #29 - Projeto aula 01 13m
Exercício: Para simular um back-end durante o projeto, qual ferramenta deve ser instalada globalmente para subir uma REST API a partir de um arquivo JSON?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #30 - Projeto aula 02 17m
Exercício: Ao organizar a interface em subcomponentes no Vue, qual foi o padrão adotado para nomear componentes do contexto de tarefas (todos)?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #31 - Projeto aula 03 13m
Exercício: Ao usar Vuex com actions que retornam Promise, qual é a principal vantagem de retornar a Promise da action e usar .then/.finally no componente?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #32 - Projeto aula 04 15m
Exercício: Ao editar o título de uma tarefa, qual abordagem evita o anti padrão de modificar diretamente uma prop e facilita disparar a atualização ao pressionar Enter?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #33 - Projeto aula 05 13m
Exercício: Ao atualizar uma tarefa, como sincronizar o estado no Vuex para substituir o item existente (em vez de apenas adicionar um novo)?

Aula em vídeo: Curso gratuito Vue.js 3 INTRO #34 - Refazedo o projeto com composition API part 1 09m
Exercício: Ao migrar um componente da Options API para a Composition API no Vue 3, qual é a forma correta de disponibilizar uma variável reativa no template?
Aula em vídeo: Curso gratuito Vue.js 3 INTRO #35 - Refazedo o projeto com composition API part 2 08m
Exercício: Ao migrar um componente para a Composition API no Vue 3, qual é a forma correta de expor variáveis e funções para uso no template?

Cursos online Gratuitos sobre JavaScript

Aprenda sobreJavaScript

Domine JavaScript com cursos online gratuitos! Aprenda programação, crie sites dinâmicos e impulsione sua carreira. Inscreva-se já e comece a codificar!

Aprenda sobreVue.js

Este curso gratuito inclui:

6 horas e 48 minutos de curso online em vídeo

Certificado digital de conclusão de curso ( Gratuito )

Exercícios para treinar seus conhecimentos

100% gratuito, do conteúdo ao certificado

Pronto para começar?Baixe o app e comece hoje mesmo.

Instale o app agora

para ter acesso ao curso

+ de 5.000 cursos gratuitos

Programação, Inglês, Marketing Digital e muito mais! Aprenda o que quiser, gratuitamente.

Plano de estudos com IA

A Inteligência Artificial do nosso aplicativo pode criar um cronograma de estudos para o curso que você escolher.

Do zero ao Sucesso profissional

Melhore seu currículo com nosso Certificado gratuito e depois utilize nossa Inteligência Artificial para buscar seu emprego dos sonhos.

Você também pode utilizar o QR Code ou os Links abaixo

Mais cursos gratuitos em Programação Front-End

Curso GratuitoReact JS

(24)

1h22m

10 exercícios

Curso GratuitoProgramação para Web

(4)

14h37m

12 exercícios

Curso GratuitoAprenda HTML criando um clone da Netflix

(2)

4h16m

17 exercícios

Curso GratuitoHTML completo

(36)

4h18m

15 exercícios

Curso GratuitoCSS Flexbox no desenvolvimento de sites

(1)

1h18m

10 exercícios

Curso Gratuito Criação de loja virtual

(12)

20h31m

21 exercícios

Curso GratuitoJavascript completo

4.96

(84)

3h49m

24 exercícios

Curso GratuitoCriação de sites em Wordpress

4.95

(43)

6h44m

42 exercícios

Curso GratuitoHTML e CSS para iniciantes

4.92

(622)

4h31m

16 exercícios

Curso GratuitoJquery

4.92

(13)

9h19m

53 exercícios

Ebook + Áudiobooks gratuitos! Aprenda ouvindo ou lendo!

Capa do Ebook gratuito Curso completo de HTML, CSS e Javascript para se tornar um Desenvolvedor Front End

4.73

(11)

Capa do Ebook gratuito Como utilizar o Javascript no desenvolvimento de sites web

4.5

(4)

Capa do Ebook gratuito HTML + CSS para criação de sites incríveis

(2)

Capa do Ebook gratuito Curso completo de HTML

3.5

(2)

Capa do Ebook gratuito Curso completo de CSS

(1)

Baixe o Aplicativo agora para ter acesso a + de 5000 cursos gratuitos, exercícios, certificado e muito conteúdo sem pagar nada!

Cursos online 100% gratuitos do início ao fim

Milhares de cursos online em vídeo, ebooks e áudiobooks.
Mais de 60 mil exercícios gratuitos

Para testar seus conhecimentos no decorrer dos cursos online
Certificado Digital gratuito válido em todo o Brasil

Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail

Baixe nosso aplicativo pelo QR Code ou pelos links abaixo:.