VueJS é um framework Javascript fantástico para construir aplicações Frontend! Vue.js mistura o melhor do Angular + React!
Conteúdo do Curso
Seção 1
14:462 aulas
Introdução
- Boas Vindas5:29
- A História do Vue9:17
Seção 17
11:103 aulas
Preparando o ambiente
- Instalando o Visual Studio Code4:34
- Instalando o Node.js2:18
- Instalando o Git4:18
Seção 30
35:195 aulas
Primeiros passos
- Download do Vue e Primeiro Exemplo14:21
- Download com CDN3:54
- Download com npm5:33
- Download com Yarn3:29
- Download com vue-cli8:02
Seção 43
01:08:2111 aulas
Conceitos Fundamentais
- Visão Geral da Seção2:52
- Passagem de dados com o Vue9:27
- Criando métodos7:43
- Computed Properties7:00
- Computed Properties vs Métodos4:46
- Definindo novo valor para uma Computed Property4:04
- Watchers5:54
- Ciclo de Vida do Vue6:24
- Trazendo dados ao renderizar a página4:47
- Filtros8:37
- Conhecendo uma coleção de Filtros Personalizados6:47
Seção 54
02:04:3620 aulas
Diretivas
- Visão Geral da Seção2:48
- v-if e v-else8:56
- v-show2:48
- v-if vs v-show3:26
- v-text2:31
- v-html4:59
- v-once3:31
- v-for8:51
- v-bind4:39
- Informando argumentos dinamicamente para o v-bind3:38
- v-model8:59
- v-on6:45
- Usando o v-on para filtrar uma lista dinamicamente10:04
- v-slot8:41
- v-pre4:20
- v-cloak4:54
- Criando Diretivas Personalizadas8:48
- Funções para Criação de Diretivas5:40
- Parâmetros para uma Diretiva Personalizada9:03
- Diretivas Personalizadas - Argumentos Dinâmicos11:15
Seção 64
18:204 aulas
Desafio 1 - Criando Um Blog
- Apresentação do Desafio3:29
- Adicionando Vue ao projeto e criando lógica de login / logout6:34
- Carregando posts dinamicamente5:22
- Limitando caracteres exibidos no post2:55
Seção 73
39:486 aulas
Estilização
- Visão Geral da Seção2:12
- Estilos em linha usando objetos11:18
- Estilos com múltiplos valores4:24
- Estilos em linha usando arrays4:41
- Aplicando classes usando objetos10:29
- Aplicando classes usando arrays6:44
Seção 81
52:048 aulas
Animações
- Visão Geral da Seção2:28
- Transições CSS11:24
- Animações CSS9:13
- Animações Personalizadas6:26
- Animações com JavaScript7:19
- Definindo duração da animação5:32
- Transição entre Elementos6:49
- Mudando a Orientação da Transição2:53
Seção 89
56:099 aulas
Eventos
- Visão Geral da Seção2:22
- Definindo um Evento4:11
- O Objeto Event5:15
- Modificadores de Eventos12:17
- Modificadores de Teclado8:31
- Modificadores de Teclas de Sistema4:11
- Modificador .exact7:56
- Modificadores de Botões do Mouse4:18
- Aplicando mais de um evento7:08
Seção 96
14:133 aulas
Desafio 2 - Criando Uma Página De Login
- Apresentação do Desafio1:57
- Adicionando o Vue e configurando transição7:45
- Programando envio do formulário e mensagem de sucesso4:31
Seção 102
02:29:3525 aulas
Componentes
- O que é um Componente?6:18
- Criando um Componente Global9:03
- Criando um Componente Local8:28
- Criando um Componente com vue-cli6:43
- Praticando: Criando o componente Header15:53
- Praticando: Criando o componente Footer4:27
- Praticando: Criando o componente Section10:50
- Praticando: Criando o componente News8:34
- Props - Informando dados para um componente4:07
- Praticando: Informando props para componente News10:25
- Comunicação entre componentes com eventos3:13
- Praticando: Comunicação entre componentes8:42
- v-model em componentes2:12
- Praticando: v-model em componentes5:28
- Praticando: Ciclo de Vida de um Componente8:17
- Slots2:28
- Praticando: Slots2:50
- Dando nomes aos Slots2:41
- Praticando: Dando nomes aos Slots2:23
- Mixins3:32
- Praticando: Criando Mixins4:01
- Componentes Dinâmicos3:02
- Praticando: Componentes Dinâmicos9:01
- Async Components3:12
- Praticando: Async Components3:45
Seção 108
01:11:2014 aulas
Vuex
- O que é o Vuex?5:34
- Instalando o Vuex5:52
- State3:53
- Praticando: State7:25
- Getters3:49
- Praticando: Getters3:52
- Praticando: Carregando notícias usando Getters3:51
- Mutations3:27
- Praticando: Mutations5:19
- Actions4:10
- Praticando: Actions5:36
- Praticando: Adaptando o v-model no Vuex7:02
- Módulos2:47
- Praticando: Módulos8:43
Seção 113
01:43:2723 aulas
Vue Router
- O que é o Vue Router?2:36
- Instalando o Vue Router5:15
- Como criar rotas4:42
- Praticando: Criando rotas11:51
- Métodos para navegação2:50
- Praticando: Métodos para navegação11:35
- Informando parâmetros para as rotas3:04
- Praticando: Informando parâmetros para a rota de notícias10:30
- Criando rotas filhas2:09
- Criando nomes para as Rotas3:06
- Praticando: Criando nomes para as Rotas4:36
- Criando nomes para as views2:48
- Definindo a Ordem das Rotas2:47
- Redirect e Alias3:10
- Praticando: Redirect e Alias2:33
- Página 404 (Not Found)3:01
- Praticando: Página 404 (Not Found)3:46
- Navigation Guards - Global6:33
- Navigation Guards - Local2:21
- Navigation Guards - Componentes2:16
- Praticando: Criando validação para renderização de um componente4:24
- Transições entre as rotas1:59
- Praticando: Transições entre as rotas5:35
Seção 118
5:051 aula
Conclusão
- Conclusão do Curso5:05