Front-end

Vue.js parte 2: construindo Single Page Applications

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

772 9.3

9,3

é a nota desse curso

2.729

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 o primeiro vídeo

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

  • Flavio Henrique de Souza Almeida

    Flávio é desenvolvedor e instrutor, focado no desenvolvimento com Angular e procurando conciliar o frontend com o backend. Palestrou em conferências como QCON e MobileConf. É autor do best-seller "Cangaceiro JavaScript". Além da sua graduação e MBA em TI, também é graduado em Psicologia, aplicando os aprendizados desta área no desenvolvimento de software e de aplicações web.

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

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto de conclusão das Formações com avaliação dos professores da Alura e certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

Premium
  • 657
12X
R$75

à vista R$900

Matricule-se
Premium Plus
  • 657
12X
R$100

à vista R$1.200

Matricule-se