Academia do Vue.js 2: aprenda o Vue passo a passo
Chris Dixon, Web Developer & Online Teacher
Assista a este curso e milhares de outros
Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais
Assista a este curso e milhares de outros
Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais
Aulas neste curso
-
-
1.
Olá!
2:29
-
2.
O que é o Vue.js e por que devo usá-lo?
2:16
-
3.
Instalação do Visual Studio
1:51
-
4.
Introdução da seção: noções básicas de Vue
0:30
-
5.
Baixe o inicializador de projetos
2:32
-
6.
Instalando o Vue.js
3:05
-
7.
A instância do Vue e o objeto de dados
7:28
-
8.
Modelos e o DOM virtual
3:31
-
9.
Associação de dados de via dupla com v-model
3:08
-
10.
Manipulação de eventos e métodos
5:46
-
11.
Processamento de lista
2:54
-
12.
Processamento condicional no Vue
5:19
-
13.
Associando elementos a atributos
4:11
-
14.
Associando estilos
4:48
-
15.
Sintaxe abreviada do Vue
2:42
-
16.
Gerando texto e HTML de saída
6:25
-
17.
V-if vs v-show
3:10
-
18.
Usando expressões do Javascript
4:22
-
19.
Desfecho da seção: noções básicas de Vue
0:32
-
20.
Introdução da seção: um olhar mais aprofundado no Vue
0:39
-
21.
Adicionando uma barra de progresso
7:46
-
22.
Propriedades calculadas
8:57
-
23.
Observadores
3:50
-
24.
Eventos chave e modificadores
3:21
-
25.
Filtros
6:08
-
26.
Mais sobre loops: chaves e números de índice
5:27
-
27.
Usando várias instâncias do Vue
6:25
-
28.
Usando loops em objetos
6:56
-
29.
Adicionando nossos links e chaves de navegação
6:16
-
30.
Acessando as instâncias do Vue externamente
4:32
-
31.
Propriedades e métodos da instância do Vue
4:50
-
32.
Referenciando elementos com ref
4:45
-
33.
Usando modelos de string
7:06
-
34.
O ciclo de vida do Vue
5:40
-
35.
Ganchos do ciclo de vida do Vue em ação
6:51
-
36.
Desfecho da seção: um olhar mais aprofundado no Vue
0:39
-
37.
Introdução da seção: ferramentas de criação e fluxo de trabalho
0:37
-
38.
Instalando o Node e NPM
4:08
-
39.
Aplicando scaffolding em projetos com o vue-cli
8:06
-
40.
Explorando o layout do nosso projeto e ferramentas de criação
9:26
-
41.
Usando o objeto de dados com modelos de arquivo único
7:49
-
42.
Desfecho da seção: ferramentas de criação e fluxo de trabalho
0:19
-
43.
Introdução da seção: introdução aos componentes
0:41
-
44.
O que são componentes?
5:07
-
45.
Registrando componentes globais
10:57
-
46.
Registrando componentes locais
5:26
-
47.
Criando componentes de arquivo único
8:37
-
48.
Adicionando o componente frontal de cartão
9:07
-
49.
Emitir dados aos componentes pai
9:21
-
50.
Componentes dinâmicos
2:49
-
51.
Criando os componentes adicionais de cartão
5:53
-
52.
Criando o componente de entrada de texto
9:40
-
53.
Recebendo dados da entrada de texto
4:38
-
54.
Criando o componente de saída de texto
3:38
-
55.
Passando dados com props
5:37
-
56.
Mantendo os componentes vivos
2:26
-
57.
Escopo dos estilos de CSS
7:40
-
58.
Validação de props
5:01
-
59.
Passando dados de props para um objeto de estilo
3:19
-
60.
Introdução aos slots
9:38
-
61.
Escopo do slot e conteúdo de fallback
4:57
-
62.
Slots com nome
3:30
-
63.
Desfecho da seção: introdução aos componentes
0:42
-
64.
Introdução da seção: continuação de componentes e armazenamento do Firebase
0:37
-
65.
Configurando o Firebase
6:55
-
66.
Criando o componente do ImageUpload
6:40
-
67.
Fazendo upload de imagens ao Firebase
9:44
-
68.
Miniatura de exibição da imagem
4:11
-
69.
Barra de progresso de upload e dados de arquivo $emit
8:54
-
70.
Componente de saída da imagem
9:09
-
71.
Baixando imagens do Firebase
6:15
-
72.
Definir o botão da imagem
7:20
-
73.
Menu de opções de texto: tamanhos de fonte
8:00
-
74.
Menu de opções de texto: alinhamento de texto
5:03
-
75.
Menu de opções de texto: estilo e peso da fonte
9:56
-
76.
Remover o botão de imagem
4:21
-
77.
Passando dados com retorno de chamada
6:40
-
78.
Tornando as imagens arrastáveis
5:48
-
79.
Finalizando o componente CardInsideLeft
4:50
-
80.
Finalizando o componente CardInsideRight
2:48
-
81.
Finalizando o componente CardBack
3:39
-
82.
Introdução ao barramento de eventos
7:26
-
83.
Enviando eventos ao barramento de eventos
6:51
-
84.
Recebendo eventos do barramento de eventos
13:05
-
85.
Adicionando mesclagens
6:51
-
86.
Desfecho da seção: continuação de componentes e armazenamento do Firebase
0:35
-
87.
Introdução da seção: transições e animações
0:31
-
88.
Classes de transição
2:58
-
89.
Adicionando transições de CSS
6:47
-
90.
Adicionando animações de CSS
5:58
-
91.
Transições de componentes e modos de transição
3:23
-
92.
Introdução aos ganchos de Javascript
2:03
-
93.
Ganchos de Javascript em ação
8:51
-
-