Development
Web Development
Vue JS
SPA com Vue JS e API com Laravel
4.3 (361 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,557 students enrolled

SPA com Vue JS e API com Laravel

Aprenda a criar aplicações de uma Página com Vue JS
4.3 (361 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,557 students enrolled
Created by Guilherme Ferreira
Last updated 12/2018
Portuguese
Portuguese [Auto]
Preview this course
SPA com Vue JS e API com Laravel
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
Buy now
30-Day Money-Back Guarantee
This course includes
  • 17 hours on-demand video
  • 95 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Aprender a configurar o Admin LTE com o Vue JS
  • Aprender a configurar o Materialize com Vue JS
  • Criar uma projeto semelhante a uma rede social com Vue JS
  • Trabalhar com o sistema de Rotas do Vue JS
  • Persistir dados de Forma Local com Storage
  • Realizar requisições HTTP
  • Trabalhar com Vuex
  • Preparar o projeto para subir para o servidor
Course content
Expand 100 lectures 17:08:05
+ – Aulas
100 lectures 17:08:05
Ferramentas utilizadas
Preview 03:42
Instalando o Vue CLI
Preview 05:20
Criando o Projeto
Preview 07:22
Código Fonte das Aulas
03:01
Diretórios do Projeto
16:37
Exemplo com Script Externo
04:31
Código de Produção
07:26
Configurando o Materialize
08:06
Configurando com AdminLTE
13:07
Componente NavBar
15:44
Rodapé
13:06
Sistema de Grid
09:07
Preparando o Menu Lateral
08:48
Cartão de Conteúdo - Parte 1
13:11
Cartão de Conteúdo - Parte 2
04:17
Componente de detalhe do conteúdo
06:43
Campo para Publicar Conteúdos
15:36
Componente de Publicar Conteúdos
06:31
Sistema de Templates
17:59
Organizando com Slots
06:46
Otimizando o NavBar e links de Navegação
07:49
Url Amigáveis no Vue JS
09:25
Formulário de Login e Cadastro
05:55
Url Amigável para Login e Cadastro
09:03
Instalando o Laravel
16:48
Configurando a Autenticação via Token
15:27
Utilizando o Postman
08:18
Criando o Cadastro
07:21
Retornando o Token no Cadastro
07:56
Validação no Cadastro
06:59
Traduzindo Erros de Validação
04:07
Método de Login na API
08:12
Http com Axios no Vue JS
16:20
Lógica para Retorno do login
07:04
Exibindo os Erros
06:31
Preparando o sistema de Login - Parte 1
21:06
Preparando o sistema de Login - Parte 2
06:28
Implementando o Cadastro
11:11
Tela de Perfil - Parte 1
08:45
Tela de Perfil - Parte 2
06:26
Tela de Perfil - Parte 3
09:14
Atualizando as informações do Perfil
16:18
Adicionando o Atributo de Imagem
08:03
Preparando o Campo Imagem no Vue JS
13:49
Enviando a Imagem para o Servidor
19:43
Deletando Imagens Antigas
03:19
Validação de Imagem Base64
05:19
Dados do Usuário na Tela Principal
08:53
Imagem Padrão e Criando um Controle
10:59
Passando a lógica para os Controles
06:05
Configurando CORS no Laravel
08:31
Modelando o Banco de Dados
11:18
Definindo as Migrações
10:33
Definindo os relacionamentos
16:15
Modelo de como Adicionar Conteúdos
07:10
Modelo de como Adicionar Amigos
05:20
Modelo de como Adicionar Curtidas e Comentários
06:45
Definindo instância para o Axios e Url da API
08:17
Padronizando os Retornos da API
22:18
Formulário para Publicar Conteúdo
06:34
Adicionar Conteúdo Parte 1
23:00
Adicionar Conteúdo Parte 2
11:28
Introdução ao Vuex
21:37
Centralizando o Sistema de Login
12:36
Otimizando o acesso aos dados do usuário
07:58
Listando Conteúdos
20:37
Corrigindo erro no Cadastro de Perfil
04:29
Publicando Conteúdo
05:19
Listando Conteúdos com Vuex
16:43
Validação e Lógica para Exibir Conteúdos
17:53
Iniciando o Sistema de Curtir
10:02
Curtindo o Conteúdo
15:38
Finalizando o Sistema de Curtir
16:40
Iniciando a lógica de comentários
10:03
Quantidade de Comentários do Conteúdo
05:54
Exibindo Comentários
11:29
Nome e Imagem do Usuários nos Comentários
03:34
Formatando Data e Hora de Conteúdos e Comentários
06:59
Cadastro de Comentários
10:54
Paginação com Vue Js e Laravel
17:24
Rolagem Infinita no Vue JS
13:33
Corrigindo erro na Publicação
03:36
Dica - Deletando Registros com o Tinker
07:08
Criando a Rota para Página do Usuário
05:12
Criando a Rota para Página do Usuário
11:49
Exibindo a Imagem do Dono da Página
04:21
Link para Páginas
11:38
Aplicando um Slug na URL
15:12
Corrigindo Erros e Botão Seguir
16:16
Método para Seguir
06:04
Requisição para Seguir Amigo
06:50
Esconder o Botão Seguir
04:41
Método de Lista de Amigos
07:13
Listando Amigos na Home
11:37
Listando Amigos na Página
12:25
Finalizando o Sistema de Amigos
09:51
Testando a Aplicação
09:10
Lista de Seguidores
11:18
Lista de Seguidores
15:02
Considerações Finais
11:58
Requirements
  • Ferramenta para Editar Códigos como o ATOM
  • Instalar o Node JS
  • Básico de Vue JS - Curso de Introdução ao Vue JS
  • Básico de JS, HTML, CSS
  • Lógica de programação
Description

Aprenda a criar SPA (Single Page Application - aplicação de uma Página)  com Vue JS e uma API com Laravel 5.5. Você vai aprender a configurar um tema como o Admin LTE ou Materialize em um projeto com Vue JS utilizando o conceito de SPA que são aplicações de uma página que vai ser muito semelhante ao funcionamento de um software desktop. Além de atender esse objetivo o curso busca contemplar conceitos como requisições HTTP, sistema de Rotas, vuex e outros. 

Who this course is for:
  • Programadores Front-End
  • Programadores Back-End
  • Desenvolvedor Web e de Aplicativos