Descrição do curso
O curso online jQuery Mobile Web Application ensinará como desenvolver Apps para dispostivos móveis usando HTML5, CSS3 e Javascript. Nele desenvolvemos um projeto completo com acesso à banco de dados, integração com Flickr, YouTube, Google Maps, eventos de touch e utilização do PhoneGap Build para gerar aplicativos. No final, o aluno estará preparado para gerar aplicativos nas principais plataformas, como: iOS, Android e Windows Phone.
- Apresentação do curso
- Informações sobre o curso
- O que é jQuery Mobile
Unidade 01 - Apresentação do Curso
- Como utilizar jQuery Mobile usando arquivos externos
- Como utilizar jQuery Mobile usando arquivos internos
Unidade 02 - Configurar os arquivos de seu projeto
- Criando sua primeira página
- Adicionar cabeçalhos
- Adicionar rodapé
Unidade 03 - Iniciar um novo projeto
- Adicionando conteúdo
- Adicionar um conteúdo em lista
- Adicionar fotos a nossa lista
- Adicionar conteúdo na página de detalhe
- Adicionar pesquisa na lista
Unidade 04 - Adicionar conteúdo ao projeto
- Personalizando aparência com Theme Roller
- Aplicar novo tema ao projeto
- Alterar cor do botão quando clicado
- Alterar cor dos botões da home e imagens internas
- Alterar aparência dos ícones
- Adicionar novo ícone personalizado
Unidade 05 - Como personalizar o App com ThemeRoller
- Conhecendo JSON e JSON-P
- Conhecendo a estrutura de dados de nossa aplicação
- Como ler um arquivo JSON armazenado em outro servidor
- Como listar produtos a partir de um arquivo JSON
- Adicionar imagens e links a listagem
- Como abrir a página de detalhe passando parâmetro dinâmico
- Mostrar os detalhes do produto dinamicamente
- Adicionar um list-divider usando dados dinâmicos
- Excluir os elementos filhos da página
Unidade 06 - Acessar dados dinâmicos
- Ler arquivo JSON do Flickr
- Mostrar as fotos a partir do Flickr
- Escolher fotos menores para fazer o Thumbnail
- Criar página de mostrar a foto grande
Unidade 07 - Criar um álbum de fotos
- Ler arquivo JSON do YouTube
- Resgatar os elementos da listagem
- Mostrar a lista de vídeos do canal
- Incorporar o vídeo dentro do App
Unidade 08 - Galeria de vídeo integrada ao YouTube
- Mostrar comentários anteriores
- Atribuir estilo aos comentários
- Adicionar nova mensagem na lista de comentários
- Como evitar um refresh após submit no jQuery Mobile
- Adicionar elemento no banco de dados
- Como personalizar o retorno da inserção
Unidade 09 - Como adicionar comentários
- Identificar eventos de touch
- Criar um image rotator
- Determinar limites para loop
- Adicionar bullets point de identificação da posição
- Adicionar eventos touch
- Adicionar carrocel no projeto
- Adicionar links das fotos para detalhe
- Identificar evento de swipe up e swipe down
Unidade 10 - Eventos Touch
- Criar arquivo com mapa
- Adicionar mapa ao projeto
- Adicionar novo botão para o mapa c/ icone personalizado
- Alterando o marker do mapa
- Adicionando vários markers, no caso de filiais
Unidade 11 - Integração com Google Maps
- Regras de como criar o ícone do aplicativo
- Adicionando capacidade de criar web application
- Adicionando imagem de splash
- Alterando status bar para iOS6 e iOS7
- Corrigindo posição do botão do header para iOS7
Unidade 12 - Preparar o Mobile Web Application
- Redirecionamento para site mobile
Unidade 13 - Criar um site mobile
- Guia inicial para desenvolvimento iOS
- Criando seu certificado - parte 1
- Criando seu certificado - parte 2
- Adicionar seu dispositivo no member center.
- Criar um Provisioning Profile
Unidade 14 - Configurar sua conta de Developer da Apple
- Realizar sua inscrição no Google Play
Unidade 15 - Configurar sua conta de Developer do Google
- O que é PhoneGap
- Como criar um App com Build PhoneGap