Busca DevMedia
Você está buscando por "Vue.js" em vídeo aula
Já conhece nosso Plano de Estudo?
Conheça o passo a passo da Carreira Programador Front-End
- Introdução Vídeo
Toda ferramenta que nos facilita no processo de desenvolvimento é bem vinda. Na programação Vue.js temos o Vue CLI e nesta aula você vai aprender o que é e porque ele é útil na programação Vue.js.
- Inserindo propriedades na aplicação Vídeo
Depois de ter criado a aplicação vamos fazer algumas alterações para inserirmos propriedades Vue.js no nosso código. Aprenda nesta aula como isso é feito.
- Criando um Hello World Vídeo
Chegou a hora de criar nossa primeira aplicação Vue.js utilizando o Vue CLI. Como já preparamos nosso ambiente, vamos criar passo a passo uma aplicação chamada Hello World.
- Introdução Vídeo
Para exibirmos listas na programação Vue.js utilizamos a diretiva v-for. Nesta aula vamos entender o que é o v-for e porque ele é útil.
- Criando uma aplicação com Vue CLI Vídeo
Através do Vue CLI conseguimos criar uma aplicação Vue.js de forma bem simples. Basta executar um comando no terminal e os arquivos e pastas essenciais para que a aplicação inicie serão criados.
- v-on:submit Vídeo
Quando o usuário clica em um botão queremos que um método seja executado. É através da diretiva v-on:submit que o Vue.js vai entender que o botão foi clicado.
- Angular - React - Vue.js Vídeo
Angular? Vue.js? React? Qual a diferença entre eles? Nesse vídeo você entenderá a relação entre esses frameworks.
- Criando a primeira aplicação Vue.js - Como criar sua primeira aplicação com Vue.js - Vídeo 3 Vídeo
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.
- Introdução - O que é Vue.js? - Vídeo 1 Vídeo
O Vue.js é um framework JavaScript utilizado na construção das views de aplicações baseadas em HTML. Seu principal objetivo é permitir a interação uni e bidirecional dos elementos HTML com os dados e métodos definidos via JavaScript.
- Introdução - Como criar sua primeira aplicação com Vue.js - Vídeo 1 Vídeo
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.
- Utilizando o Vue.js - O que é Vue.js? - Vídeo 2 Vídeo
A fim de visualizar alguns dos recursos do Vue.js e entender como é simples utilizá-lo em uma página web, neste vídeo veremos um exemplo prático de uso desse framework.
- Criando o HTML da página - Como criar sua primeira aplicação com Vue.js - Vídeo 2 Vídeo
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.
- Criando a listagem das tarefas - Como criar sua primeira aplicação com Vue.js - Vídeo 4 Vídeo
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.
- Adicionando novas tarefas - Como criar sua primeira aplicação com Vue.js - Vídeo 6 Vídeo
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.
- Removendo tarefas - Como criar sua primeira aplicação com Vue.js - Vídeo 7 Vídeo
Veremos agora como realizar a remoção das tarefas exibidas em nossa tabela e quais diretivas serão utilizadas para esta funcionalidade.
- Alterando o CSS da listagem quando a tarefa estiver pronta - Como criar sua primeira aplicação com Vue.js - Vídeo 8 Vídeo
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.
- Utilizando o v-for para listar todas as tarefas - Como criar sua primeira aplicação com Vue.js - Vídeo 5 Vídeo
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.