- Ferramentas utilizadas
- Instalando o Vue CLI
- Criando o Projeto
- Código Fonte das Aulas
- Diretórios do Projeto
- Exemplo com Script Externo
- Código de Produção
- Configurando o Materialize
- Configurando com AdminLTE
- Componente NavBar
- Rodapé
- Sistema de Grid
- Preparando o Menu Lateral
- Cartão de Conteúdo - Parte 1
- Cartão de Conteúdo - Parte 2
- Componente de detalhe do conteúdo
- Campo para Publicar Conteúdos
- Componente de Publicar Conteúdos
- Sistema de Templates
- Organizando com Slots
- Otimizando o NavBar e links de Navegação
- Url Amigáveis no Vue JS
- Formulário de Login e Cadastro
- Url Amigável para Login e Cadastro
- Instalando o Laravel
- Configurando a Autenticação via Token
- Utilizando o Postman
- Criando o Cadastro
- Retornando o Token no Cadastro
- Validação no Cadastro
- Traduzindo Erros de Validação
- Método de Login na API
- Http com Axios no Vue JS
- Lógica para Retorno do login
- Exibindo os Erros
- Preparando o sistema de Login - Parte 1
- Preparando o sistema de Login - Parte 2
- Implementando o Cadastro
- Tela de Perfil - Parte 1
- Tela de Perfil - Parte 2
- Tela de Perfil - Parte 3
- Atualizando as informações do Perfil
- Adicionando o Atributo de Imagem
- Preparando o Campo Imagem no Vue JS
- Enviando a Imagem para o Servidor
- Deletando Imagens Antigas
- Validação de Imagem Base64
- Dados do Usuário na Tela Principal
- Imagem Padrão e Criando um Controle
- Passando a lógica para os Controles
- Configurando CORS no Laravel
- Modelando o Banco de Dados
- Definindo as Migrações
- Definindo os relacionamentos
- Modelo de como Adicionar Conteúdos
- Modelo de como Adicionar Amigos
- Modelo de como Adicionar Curtidas e Comentários
- Definindo instância para o Axios e Url da API
- Padronizando os Retornos da API
- Formulário para Publicar Conteúdo
- Adicionar Conteúdo Parte 1
- Adicionar Conteúdo Parte 2
- Introdução ao Vuex
- Centralizando o Sistema de Login
- Otimizando o acesso aos dados do usuário
- Listando Conteúdos
- Corrigindo erro no Cadastro de Perfil
- Publicando Conteúdo
- Listando Conteúdos com Vuex
- Validação e Lógica para Exibir Conteúdos
- Iniciando o Sistema de Curtir
- Curtindo o Conteúdo
- Finalizando o Sistema de Curtir
- Iniciando a lógica de comentários
- Quantidade de Comentários do Conteúdo
- Exibindo Comentários
- Nome e Imagem do Usuários nos Comentários
- Formatando Data e Hora de Conteúdos e Comentários
- Cadastro de Comentários
- Paginação com Vue Js e Laravel
- Rolagem Infinita no Vue JS
- Corrigindo erro na Publicação
- Dica - Deletando Registros com o Tinker
- Criando a Rota para Página do Usuário
- Criando a Rota para Página do Usuário
- Exibindo a Imagem do Dono da Página
- Link para Páginas
- Aplicando um Slug na URL
- Corrigindo Erros e Botão Seguir
- Método para Seguir
- Requisição para Seguir Amigo
- Esconder o Botão Seguir
- Método de Lista de Amigos
- Listando Amigos na Home
- Listando Amigos na Página
- Finalizando o Sistema de Amigos
- Testando a Aplicação
- Lista de Seguidores
- Lista de Seguidores
O que você aprenderá
- 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
Descrição
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.
Os alunos também compraram
Sobre os instrutores

- 4.47 Calificación
- 38353 Estudiantes
- 29 Cursos
Guilherme Ferreira
Instrutor de Cursos
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.
Feedback do aluno
Avaliação do curso
Avaliações
The course is very slow, the teacher doing things slowly....