SPA com Vue JS e API com Laravel
Aprenda a criar aplicações de uma Página com Vue JS
Created by Guilherme Ferreira
30-Day Money-Back Guarantee
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
1 section • 100 lectures • 17h 8m total length
- Preview03:42
- Preview05:20
- Preview07:22
- 03:01Código Fonte das Aulas
- 16:37Diretórios do Projeto
- 04:31Exemplo com Script Externo
- 07:26Código de Produção
- 08:06Configurando o Materialize
- 13:07Configurando com AdminLTE
- 15:44Componente NavBar
- 13:06Rodapé
- 09:07Sistema de Grid
- 08:48Preparando o Menu Lateral
- 13:11Cartão de Conteúdo - Parte 1
- 04:17Cartão de Conteúdo - Parte 2
- 06:43Componente de detalhe do conteúdo
- 15:36Campo para Publicar Conteúdos
- 06:31Componente de Publicar Conteúdos
- 17:59Sistema de Templates
- 06:46Organizando com Slots
- 07:49Otimizando o NavBar e links de Navegação
- 09:25Url Amigáveis no Vue JS
- 05:55Formulário de Login e Cadastro
- 09:03Url Amigável para Login e Cadastro
- 16:48Instalando o Laravel
- 15:27Configurando a Autenticação via Token
- 08:18Utilizando o Postman
- 07:21Criando o Cadastro
- 07:56Retornando o Token no Cadastro
- 06:59Validação no Cadastro
- 04:07Traduzindo Erros de Validação
- 08:12Método de Login na API
- 16:20Http com Axios no Vue JS
- 07:04Lógica para Retorno do login
- 06:31Exibindo os Erros
- 21:06Preparando o sistema de Login - Parte 1
- 06:28Preparando o sistema de Login - Parte 2
- 11:11Implementando o Cadastro
- 08:45Tela de Perfil - Parte 1
- 06:26Tela de Perfil - Parte 2
- 09:14Tela de Perfil - Parte 3
- 16:18Atualizando as informações do Perfil
- 08:03Adicionando o Atributo de Imagem
- 13:49Preparando o Campo Imagem no Vue JS
- 19:43Enviando a Imagem para o Servidor
- 03:19Deletando Imagens Antigas
- 05:19Validação de Imagem Base64
- 08:53Dados do Usuário na Tela Principal
- 10:59Imagem Padrão e Criando um Controle
- 06:05Passando a lógica para os Controles
- 08:31Configurando CORS no Laravel
- 11:18Modelando o Banco de Dados
- 10:33Definindo as Migrações
- 16:15Definindo os relacionamentos
- 07:10Modelo de como Adicionar Conteúdos
- 05:20Modelo de como Adicionar Amigos
- 06:45Modelo de como Adicionar Curtidas e Comentários
- 08:17Definindo instância para o Axios e Url da API
- 22:18Padronizando os Retornos da API
- 06:34Formulário para Publicar Conteúdo
- 23:00Adicionar Conteúdo Parte 1
- 11:28Adicionar Conteúdo Parte 2
- 21:37Introdução ao Vuex
- 12:36Centralizando o Sistema de Login
- 07:58Otimizando o acesso aos dados do usuário
- 20:37Listando Conteúdos
- 04:29Corrigindo erro no Cadastro de Perfil
- 05:19Publicando Conteúdo
- 16:43Listando Conteúdos com Vuex
- 17:53Validação e Lógica para Exibir Conteúdos
- 10:02Iniciando o Sistema de Curtir
- 15:38Curtindo o Conteúdo
- 16:40Finalizando o Sistema de Curtir
- 10:03Iniciando a lógica de comentários
- 05:54Quantidade de Comentários do Conteúdo
- 11:29Exibindo Comentários
- 03:34Nome e Imagem do Usuários nos Comentários
- 06:59Formatando Data e Hora de Conteúdos e Comentários
- 10:54Cadastro de Comentários
- 17:24Paginação com Vue Js e Laravel
- 13:33Rolagem Infinita no Vue JS
- 03:36Corrigindo erro na Publicação
- 07:08Dica - Deletando Registros com o Tinker
- 05:12Criando a Rota para Página do Usuário
- 11:49Criando a Rota para Página do Usuário
- 04:21Exibindo a Imagem do Dono da Página
- 11:38Link para Páginas
- 15:12Aplicando um Slug na URL
- 16:16Corrigindo Erros e Botão Seguir
- 06:04Método para Seguir
- 06:50Requisição para Seguir Amigo
- 04:41Esconder o Botão Seguir
- 07:13Método de Lista de Amigos
- 11:37Listando Amigos na Home
- 12:25Listando Amigos na Página
- 09:51Finalizando o Sistema de Amigos
- 09:10Testando a Aplicação
- 11:18Lista de Seguidores
- 15:02Lista de Seguidores
- 11:58Considerações Finais
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
Instructor
Instrutor de Cursos
![Guilherme Ferreira](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.4 Instructor Rating
- 8,975 Reviews
- 37,941 Students
- 28 Courses
Professor de cursos de programação e cursos de mercado financeiro. Atua como empresário, programador web e dispositivos móveis e trader no mercado financeiro. Tem como objetivo ajudar seus alunos a conquistar novas habilidades e evoluir em suas profissões. Como trader trabalha no mercado de opções binárias e forex. Busca evoluir a cada dia e a cada passo realizado com sucesso procura compartilhar isso em forma de conhecimentos com cursos e vídeos de dicas.