CONTEÚDO PROGRAMÁTICO

TreinaWeb Tecnologia LTDA

CNPJ: 06.156.637/0001-58
Av. Paulista, 1765 - Conj 71 e 72
Vue.js - Criação de interfaces São Paulo - SP

web
Carga horária: 12 horas
CONTEÚDO PROGRAMÁTICO

1 - Conhecendo o Vue.js

O que é o Vue.js?

O padrão MVVM

Instalação

2 - Iniciando com Vue.js

Iniciando uma aplicação Vue.js Duração: 00:04:59

Ciclo de Vida Duração: 00:01:52

Projeto: Estruturando a Aplicação Duração: 00:03:39

Exercícios 3 desafios

3 - Templates

Expressões e Atributos (v-bind) Duração: 00:05:14

Condições (v-if, v-else, v-if-else, v-show) Duração: 00:06:14

Loopings (v-for) Duração: 00:05:17

Renderizando Elementos (v-html) Duração: 00:02:35

Projeto: Criando nossa primeira View Duração: 00:03:51

Desafio de Templates Duração: 00:00:40

Resposta do Desafio de Templates Duração: 00:02:28

Exercícios 3 desafios
4 - Eventos

Reagindo a Eventos Duração: 00:03:28

Event Emitters Duração: 00:04:02

Desafio de eventos Duração: 00:00:59

Resposta do desafio de eventos Duração: 00:02:00

Exercícios 3 desafios

5 - Filtros

Criando Filtros Duração: 00:04:26

Declarando Filtros Globais Duração: 00:03:34

Projeto: Formatando Números Duração: 00:02:50

Desafio de filtros Duração: 00:00:25

Resposta do desafio de filtros Duração: 00:02:26

Exercícios 3 desafios

6 - Componentes

Criando Componentes Duração: 00:09:17

Propriedades Duração: 00:05:11

Eventos Duração: 00:06:29

Acessando Componentes Duração: 00:01:42

Slots Duração: 00:04:08

Slots com Escopos Duração: 00:04:07

Projeto: Componentizando nossa lista Duração: 00:02:47

Desafio de componentes Duração: 00:00:36

Resposta do desafio de componentes Duração: 00:03:42

Exercícios 3 desafios
7 - Observadores e Propriedades Calculadas

Computed Properties Duração: 00:04:08

Computed Setter Duração: 00:02:19

Watchers Duração: 00:04:21

Projeto: Fazendo buscas na lista Duração: 00:05:49

Desafio de observadores Duração: 00:00:42

Resposta do desafio de observadores Duração: 00:02:00

Exercícios 3 desafios

8 - Diretivas

O que são diretivas?

Modificadores

Atalhos

Criando Diretivas Duração: 00:02:37

Funções Gancho de Diretivas

Diretivas Simples Duração: 00:02:18

Projeto: Diretiva de animação Duração: 00:03:07

Desafio de diretivas Duração: 00:00:27

Resposta do desafio de diretivas Duração: 00:01:30

Exercícios 3 desafios

9 - Fazendo Requisições HTTP

Preparando o Ambiente

Projeto: Consumindo dados do servidor Duração: 00:07:56

10 - Formulários

Inputs Duração: 00:02:58

CheckBox Duração: 00:03:03

RadioButton Duração: 00:01:22

Selects Duração: 00:01:47

Projeto: Recebendo entrada de dados do usuário Duração: 00:00:48

Desafio de formulários Duração: 00:00:48

Resposta do desafio de formulários Duração: 00:02:43

11 - Rotas

Vue e a manipulação de rotas

Vue Router

Criando Rotas Duração: 00:06:47

Pegando valores da URL (query params) Duração: 00:05:43

Aninhamento de Views Duração: 00:03:37

Guardas de Navegação (Router Guards) Duração: 00:04:47

Projeto: Uma nova View para nosso projeto Duração: 00:15:44

Desafio de rotas Duração: 00:00:40

Resposta do desafio de rotas Duração: 00:01:54

Exercícios 3 desafios

12 - Animações

Bind de Classes Duração: 00:02:29

Bind de Estilos Duração: 00:02:12

Vue e CSS Duração: 00:02:15

Animações e Transições Duração: 00:04:02

Funções de Transições Duração: 00:02:03

Desafio de animações Duração: 00:00:24

Resposta do desafio de animações Duração: 00:01:30

13 - Vuex

O que é Vuex?

Single Source of Truth

Conhecendo melhor o Vuex

Instalando o Vuex

Criando código com arquitetura Vuex Duração: 00:07:54

Vue Dev-Tools Duração: 00:02:19

Exercícios 3 desafios

14 - Conclusão

Depoimento / Brinde

Ficou alguma dúvida em relação ao conteúdo programático?

Envie-nos um e-mail clicando aqui.

© 2004 - 2019 TreinaWeb

https://www.treinaweb.com.br