Curso de Vue.js: Como criar sua primeira aplicação

Neste curso você aprenderá a criar sua primeira aplicação com Vue.js, um dos principais frameworks JavaScript do mercado atualmente. Veremos aqui como utilizar algumas de suas principais diretivas e renderizar no HTML dados definidos no JavaScript, ligando-os com os elementos da tela com o recurso de data binding.

Tecnologias:

Precisa saber mais sobre esse tema antes de iniciar o curso?
Consulte os Guias abaixo:

Assine e tenha acesso completo Carga Horária No Certificado - 8H

Curso de Vue.js

Aula 1 - free

Introdução

Dando início ao nosso curso veremos o que é o Vue.js, qual seu funcionamento e suas principais características. Além disso, veremos a aplicação final do curso em execução.

free

Aula 2 - mvp

Criando o HTML da página

O Vue.js trabalha na parte front-end da nossa aplicação, por isso desenvolveremos o HTML que será utilizado durante nosso curso. Criaremos então a tabela para listagem dos registros e o formulário para a inserção dos mesmos.

mvp

Aula 3 - mvp

Criando a primeira aplicação Vue.js

Neste vídeo criaremos nossa primeira aplicação utilizando o Vue.js. Além disso, veremos como é seu comportamento e como adicioná-la no nosso template.

mvp

Aula 4 - mvp

Criando a listagem das tarefas

Para realizar a listagem dos registros que existem em nosso array de tarefas utilizamos o data-bind do Vue.js. Neste vídeo veremos como declará-lo e seu funcionamento.

mvp

Aula 5 - mvp

Utilizando o ‘v-for’ para listar todas as tarefas

Neste vídeo veremos como a diretiva v-for auxilia no processo de automatização da listagem dos nossos registros e a economia de código que obtemos ao utilizar esta diretiva.

mvp

Aula 6 - mvp

Adicionando novas tarefas

Agora precisamos capturar os dados digitados através do nosso formulário e inseri-los em nossa listagem de tarefas, o que será visto neste vídeo.

mvp

Aula 7 - mvp

Removendo tarefas

Veremos agora como realizar a remoção das tarefas exibidas em nossa tabela e quais diretivas serão utilizadas para esta funcionalidade.

mvp

Aula 8 - mvp

Alterando o CSS da listagem quando a tarefa estiver pronta

Finalizando o curso, veremos como personalizar o título de uma tarefa quando marcamos seu status como ‘pronta’. Para isso aplicaremos uma classe CSS ao título quando o atributo ‘pronta’ for verdadeiro.

mvp

Autor do curso

Santos

Mais Cursos DevMedia

Certificado Devmedia

Todos os nossos cursos oferecem certificado com carga horária. Eles são aceitos em todas as faculdades e orgãos públicos do Brasil. Assim que finalizar um curso já emita o seu.

Suporte ao aluno em tempo real

Todos os cursos possuem professores online para ajudar em qualquer dúvida que for necessária para o completo entendimento do curso.

Avaliação do curso

Acesse todos os nossos cursos sendo um assinante mvp

Benefícios MVP

Guias de Carreira
Suporte em tempo real
Assista o conteúdo offline
Emissão de certificado
#JOBS - Diversas vagas de emprego
Web-currículo

SEJA MVP

R$ 69,90 /mês *Tempo mínimo de assinatura: 12 meses.

Assine agora e tenha acesso ao curso

15 anos de treinamento online

700 mil cadastros

200 mil fãs no facebook

100 mil certificados emitidos