Vue.js parte 2: construindo Single Page Applications

Conteúdo Detalhado

1. Criando nossa própria diretiva

   • Atendendo mais um pedido do design
   • Diretivas vs Componentes
   • Criando nossa primeira diretiva
   • A função bind e acesso ao elemento do DOM
   • Importando nossa diretiva
   • Implementando nossa lógica
   • Passagem de parâmetros
   • Passando mais de um parâmetro
   • Modificadores
   • Lidando com argumentos
   • Revisão

2. Lidando com formulários

   • Nosso primeiro formulário
   • Capturando dados
   • Two-way data binding
   • Criando um modelo
   • Enviando dados para a API

3. Organizando ainda melhor nosso código

   • Exclusão através da API
   • Sincronizando a exclusão no lado do cliente
   • Centralizando o domínio da API
   • Trabalhando com recursos
   • Organizando recursos em serviços
   • Rotas nomeadas
   • Revisão

4. Lidando com alteração de dados

   • A rota de alteração
   • Extraindo parâmetro de rota e buscando com nossa API
   • Implementando a lógica de alteração
   • A diretiva v-if e v-else
   • Tratamento de erros e notificação do usuário
   • Revisão

5. Validando formulários

   • O módulo VeeValidate
   • Validando no próprio template
   • Localização
   • Revisão

6. O build do projeto

   • Gerando arquivos para distribuir
   • Praticando localmente
   • Code splitting e lazy loading
   • Revisão

7. Dicas e truques

   • Importando o Bootstrap
   • Configurando o Webpack para usar novos loaders
   • Importando seus arquivos CSS
   • Estilizando nossos componentes com SASS
   • Isolando melhor nossos estilos com SASS
   • Importando seus arquivos JS e peculiaridades de objetos globais
   • Carregamento de imagens
   • Trocando o endereço da API em produção
   • Interceptando requisição e resposta
   • Para saber mais: a diretiva v-for e a propriedade key

8. Considerações finais

   • Considerações finais