Apresentação
  • Apresentação do Projeto e tecnologias: Vue, Node, Express, Mysql e outras
  • Overview da aplicação Web Vue e API RESTFul Node + Express + MySQL
Instalando ferramentas Node, NPM, VS Code e XAMP
  • Download e instalação Node e NPM
  • Download e instalação Visual Studio Code
  • Download e instalação XAMP
API RESTFul - NodeJS + Express + MySQL
  • Instalação Express e configuração servidor NodeJS
  • Criando Banco de Dados MySQL para API via PHP Admin
  • Instalação NPM MySQL, conexão banco de dados e criação class model galeria
  • Criando o router e método get para recuperar todos os registros do banco
  • Implementando método getId para recuperar dados do vídeo
  • Instalando o Nodemon para observar mudanças nos arquivos do servidor Node
  • Instalação Postman extensão do Chrome para realizar requisições HTTP com verbos
  • Implementando método adicionar na API
  • Implementando método editar na API
  • Implementando método deletar na API
Aplicação Client Web App com Vue.js
  • Instalar Vue CLI e criar projeto fazendo uso do Vue Single File Component
  • Criar os componentes para manter a galeria de vídeos e página home
  • Instalando e configurando o Vue-router para trabalhar com rotas
  • Instalar Bootstrap e preparar layout para aplicação de rotas
  • Prepara layout formulário CRUD com Bootstrap
  • Criando service para expor o serviço Http na aplicação
  • Implementando método getTodos para retornar os vídeos da galeria
  • Implementando listagem de vídeos tabela do CRUD com Bootstrap
  • Implementando Alerts do Bootstrap para mostrar mensagens ao usuário
  • Implementando cadastro e vídeo com carregamento de prévia do vídeo
  • Implementando cadastro e vídeo envio dados post com form-data
  • Implementando operação editar Parte 1
  • Implementando operação editar Parte 2
  • Implementando operação deletar
  • Implementar listagem videos da galeria na página home
  • Colocando ícones nas operações do CRUD e Home com Font Awesome