Atendimento de SEGUNDA a SEXTA das 08:00 às 18:00
pelos fones: (67)3387.2941 - (67)8199.0622 - (67)9290.3322 - (67)9984.9651

Conteúdo Programático


Ionic Framework


Cadastre-se

Fique sabendo!

Avisamos você sobre as turmas deste curso.


Objetivo

Capacitar o aluno a desenvolver um aplicativo com o framework javascript: Ionic, bem como entender como deve ser feita a comunicação com uma API REST.

 

Público Alvo

Curso altamente sugerido para desenvolvedores Web atuantes no mercado, que buscam aprender a construir aplicativos móveis.

Pré-requisito

Saber Algoritmos e Orientação a Objetos.

Carga Horária

32 horas

Conteúdo Programático

Programação
  • Angular

Configurando ambiente de desenvolvimento

  • Fazendo o download do Android SDK e configurando sua variável de ambiente
  • Fazendo o download o Nodejs e do NPM e configurando suas variáveis de ambiente.
  • Fazendo o download do Cordova e do Ionic pelo NPM

Criação do projeto

  • Criando um projeto com o CLI do Ionic
  • Conhecendo o ambiente online de Live Test: Ionic Playground
  • Conhecendo a GUI para geração e Live Preview: Ionic Lab
  • Conhecendo a ferramenta de prototipação: Ionic Creator
  • Criando e exportando um projeto do Ionic Creator

Layout

  • Conhecendo os layouts padrões do Ionic: Blank Starter, Tabs e Side Menu
  • Iniciando a utilização do Sass no projeto

Entendendo o projeto do Ionic

  • Entendendo os pacotes bases
  • Entendendo o controle de navegação do template Tabs
  • Entendendo o controle de navegação do template Sidemenu

Iniciando o projeto App

  • Fazendo uma listagem estática de publicações ordenados por data (mais recente)
  • Fazendo a vizualização estática de uma publicação específica
  • Curtir uma publicação estática específica
  • Comentar uma publicação estática específica

Introdução ao Nodejs

  • Proposta do Nodejs
  • Programação Não-Bloqueante (Non Blocking)
  • O que é um callback
  • Fazendo um "Hello World" com o nodejs e express
  • Implementando um callback
  • Entendendo o Event Loop do Nodejs

Iniciando a API REST

  • Criando a estrutura inicial do projeto
  • Criar e configurar o arquivo ConnectionFactory.js para a conecção com o banco de dados
  • Criar arquivo server.js responsável por iniciar o serviço de servidor do Nodejs
  • Fazendo teste unitário para a connecção com o banco
  • Iniciando o servidor com o Node
  • Incluindo o Expressjs
  • Instalando o Nodemon para Live Reload do projeto
  • Criando as classes modelos
  • Criando os classes DAO’s
  • Criando as rotas (Controllers) com o Express
  • Aplicando testes unitários na camada DAO
  • CRUD das entidades (modelos)
  • Criando ambientes de desenvolvimento (Development) e de produção (Production) com o NODE.ENV
  • Criando o arquivo config.json para os diferentes ambientes do sistema

Integração do App com a API REST

  • Criando services do angular no app para fazerem as requisições para a API
  • Requisitando lista de todas as publicações

Login

  • Criando o modelo User no REST
  • Criando tela de Login, Cadastro e Recuperar senha no App
  • Implementando login e controle de autenticação por Token no REST
  • Implementando recuperação de senha no REST
  • Vinculando publicações a um usuário
  • Implementando funcionalidade de “Seguir” no projeto (Usuário pode seguir muitos usuários)
  • Implementando busca de publicações recentes dos seguidos por usuário
  • Fazendo o App exibir publicações apenas dos seguidos 

Câmera com Ionic

  • Captura de imagem da câmera pelo Ionic
  • Implementar publicações com fotos no App
  • Incluir imagem vinculada a uma publicação no REST

Mapas e GPS com Ionic

  • Captura de localização por GPS com o Ionic
  • Publicação de localização no app
  • Incluir localização vinculada a uma publicação no REST
  • Exibição de localização da publicação no mapa

Comentários sobre o curso