Curso de Vue.js - Criação de interfaces web

Conteúdo programático

1. Conhecendo o Vue.js

   Vamos ter uma primeira visão sobre o que é o Vue.js

   3 aulas
   • O que é o Vue.js?
   • O padrão MVVM
   • Instalação

2. Iniciando com Vue.js

   Vamos começar a trabalhar com o Vue na prática

   4 aulas
   • Iniciando uma aplicação Vue.js
   • Ciclo de Vida
   • Projeto: Estruturando a Aplicação
   • Questionário

3. Templates

   Vamos conhecer as templates e como elas podem nos ajudar

   8 aulas
   • Expressões e Atributos (v-bind)
   • Condições (v-if, v-else, v-if-else, v-show)
   • Loopings (v-for)
   • Renderizando Elementos (v-html)
   • Projeto: Criando nossa primeira View
   • Desafio de Templates
   • Resposta do Desafio de Templates
   • Questionário

4. Eventos

   Vamos aprender a interagir com eventos

   5 aulas
   • Reagindo a Eventos
   • Event Emitters
   • Desafio de eventos
   • Resposta do desafio de eventos
   • Questionário

5. Filtros

   Vamos aprender a criar filtros, funções que formatam os nossos textos nas templates

   6 aulas
   • Criando Filtros
   • Declarando Filtros Globais
   • Projeto: Formatando Números
   • Desafio de filtros
   • Resposta do desafio de filtros
   • Questionário

6. Componentes

   Vamos ver como o Vue nos ajuda a trabalhar com componentização dos elementos de nossa interface

   10 aulas
   • Criando Componentes
   • Propriedades
   • Eventos
   • Acessando Componentes
   • Slots
   • Slots com Escopos
   • Projeto: Componentizando nossa lista
   • Desafio de componentes
   • Resposta do desafio de componentes
   • Questionário

7. Observadores e Propriedades Calculadas

   Saiba como criar propriedades que tem seu valor dinamicamente definido

   7 aulas
   • Computed Properties
   • Computed Setter
   • Watchers
   • Projeto: Fazendo buscas na lista
   • Desafio de observadores
   • Resposta do desafio de observadores
   • Questionário

8. Diretivas

   Vamos aprofundar nossos conhecimentos sobre diretivas

   10 aulas
   • O que são diretivas?
   • Modificadores
   • Atalhos
   • Criando Diretivas
   • Funções Gancho de Diretivas
   • Diretivas Simples
   • Projeto: Diretiva de animação
   • Desafio de diretivas
   • Resposta do desafio de diretivas
   • Questionário

9. Fazendo Requisições HTTP

   Vamos aprender acessar APIs para que nossa aplicação Vue receba dados externos

   2 aulas
   • Preparando o Ambiente
   • Projeto: Consumindo dados do servidor

10. Formulários

    Vamos ver como o Vue pode nos ajudar a trabalhar com formulários

    7 aulas
    • Inputs
    • CheckBox
    • RadioButton
    • Selects
    • Projeto: Recebendo entrada de dados do usuário
    • Desafio de formulários
    • Resposta do desafio de formulários

11. Rotas

    Vamos aprender a manipular várias views com o gerenciamento de rotas

    10 aulas
    • Vue e a manipulação de rotas
    • Vue Router
    • Criando Rotas
    • Pegando valores da URL (query params)
    • Aninhamento de Views
    • Guardas de Navegação (Router Guards)
    • Projeto: Uma nova View para nosso projeto
    • Desafio de rotas
    • Resposta do desafio de rotas
    • Questionário

12. Animações

    Vamos aprender como o Vue pode nos ajudar quando precisarmos criar animações em nossa interface

    7 aulas
    • Bind de Classes
    • Bind de Estilos
    • Vue e CSS
    • Animações e Transições
    • Funções de Transições
    • Desafio de animações
    • Resposta do desafio de animações

13. Vuex

    Vamos entender o conceito da arquitetura Flux e sua implementação com o Vue.js, Vuex

    7 aulas
    • O que é Vuex?
    • Single Source of Truth
    • Conhecendo melhor o Vuex
    • Instalando o Vuex
    • Criando código com arquitetura Vuex
    • Vue Dev-Tools
    • Questionário