Front-end

Vue.js parte 2: construindo Single Page Applications

Curso online de Vue.js parte 2: construindo Single Page Applications

624 9.5

9,5

é a nota desse curso

2.329

alunos neste curso

Faça esse curso e...

  • Aprenda a criar diretivas
  • Valide formulários facilmente
  • Organize ainda melhor seu projeto
  • Entenda sobre o processo de build
  • Realize code splitting e lazy loading

Carreiras com esse curso

Veja a 1ª aula

Público alvo

Programadores front-end que já dominam JavaScript e que procuram maior produtividade na criação de Single Page Applications

Nível de Dificuldade

Intermediário

Instrutores

Já é aluno?

Começar o Curso

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

Escolha o seu plano e vamos começar

  • Cursos
  • Certificado de participação
  • Todas as formações
  • Projeto avaliado pelos instrutores
  • Certificado de avaliação
  • Acesso à Alura Start
  • Acesso à Alura Língua
  • Preços
  • Como Funciona?
Premium
  • 598
12X R$75 à vista R$900
Comprar
Premium Plus
  • 598
12X R$100 à vista R$1.200
Comprar
Max
  • 598
12X R$120 à vista R$1.440
Comprar
Acesso por 1 ano
Certificado Digital de conclusão
Estude 24h/dia onde e quando quiser
Novos cursos toda semana