Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS AWS Certified Developer - Associate CompTIA Security+
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Neuroscience Coaching
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 17 hours on-demand video
  • 95 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development Vue JS

SPA com Vue JS e API com Laravel

Aprenda a criar aplicações de uma Página com Vue JS
Rating: 4.7 out of 54.7 (402 ratings)
1,702 students
Created by Guilherme Ferreira
Last updated 12/2018
Portuguese
Portuguese [Auto]
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
  • 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

Instructor

Guilherme Ferreira
Instrutor de Cursos
Guilherme Ferreira
  • 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.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.