Apresentação
  • Apresentação do Projeto e tecnologias: Angular, Node, Express, Mysql e outras
Overview da aplicação e estrutura do projeto
  • Overview da aplicação Web Angular e API RESTFul Node + Express + MySQL
Introdução ao Angular
  • Introdução ao Angular
  • Um pouco sobre Angular.io, Angular CLI e AngularJs
  • Instalando o Angular CLI, criando um projeto e servindo a aplicação no browser
  • Estrutura de diretórios, arquivos de um projeto Angular e arquitetura básica
  • Build homologação e produção projeto Angular
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 resposta padrão API e router galeria para obter todos as imagens
  • Implementado método getId para recuperar dados da imagem
  • 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 Angular
  • Instalar Angular e criar projeto Web App
  • Criar os componentes para manter a galeria de imagens e configuração de rotas
  • Instalar Bootstrap e preparar layout aplicação para Carousel de imaganes
  • Preparar layout formulário do CRUD com Bootstrap
  • Criando classes para configuração e resposta padrão da API REST
  • Criando service para expor o serviço Http na aplicação
  • Implementando método getTodos para retornar imagens da galeria
  • Implementando listagem de imagens tabela do CRUD com Bootstrap
  • Implementando Alerts do Bootstrap e verificação de requisição HTTP da API
  • Implementando cadastro imagem com Reactive Forms do angular Parte 1
  • Implementando cadastro com carregamento prévia da imagem em base64 no browser
  • Implementando cadastro de imagem Base64 via envio Ajax para API REST
  • Implementando editar cadastro - preparar from com imagem
  • Implementando editar cadastro enviando dados via Ajax e operação cancelar
  • Implementando operação deletar
  • Colocando ícones nas operações do CRUD com Font Awesome
  • Implementando Carousel de imagens com Angular NgBootstrap