Visão Geral

Aprenda como um sistema unificado de interface com o usuário baseado em HTML5 para todas as plataformas populares de dispositivos móveis pode ser construído sobre a sólida base de jQuery e jQuery UI com códigos leves e design flexível / fácil.

O jQuery mobile cria interfaces de usuário unificadas que funcionam perfeitamente em todas as plataformas populares de dispositivos móveis, construídas com base no jQuery e jQuery UI.

A estrutura do jQuery Mobile inclui um sistema de navegação Ajax que traz transições de páginas animadas e um conjunto principal de widgets da interface do usuário: páginas, diálogos, barras de ferramentas, visualizações de lista, botões com ícones, elementos de formulário, acordeões, dobráveis ​​e muito mais.

Recursos principais do jQuery Mobile:

Construído no núcleo do jQuery para obter uma sintaxe jQuery familiar e consistente e uma curva de aprendizado mínima, além de aproveitar o código e os padrões da interface do usuário do jQuery.

Compatível com todas as principais plataformas móveis, tablets, e-reader e desktop - iOS, Android, Blackberry, Windows Phone 8, MeeGo, Opera Mobile / Mini, Firefox Mobile, Kindle, Nook e todos os navegadores modernos com níveis de suporte graduados.

Tamanho leve e dependências mínimas de imagem para velocidade.

Arquitetura modular para criar construções personalizadas otimizadas para incluir apenas os recursos necessários para um aplicativo específico.

Configuração de páginas e comportamento orientados a marcação HTML5 para desenvolvimento rápido e scripts mínimos necessários.

A abordagem de aprimoramento progressivo traz conteúdo e funcionalidade principais para todas as plataformas móveis, tablets e desktops e uma experiência rica e semelhante a aplicativos instalados em plataformas móveis mais recentes.

As técnicas e ferramentas de design responsivo permitem que a mesma base de código subjacente seja dimensionada automaticamente do smartphone para as telas do tamanho de desktop.

Poderoso sistema de navegação equipado com Ajax para permitir transições de páginas animadas, mantendo o botão voltar, marcar e limpar URLs através do pushState.

Recursos de acessibilidade, como WAI-ARIA, também estão incluídos para garantir que as páginas funcionem para leitores de tela (por exemplo, VoiceOver no iOS) e outras tecnologias de assistência.

O suporte a eventos por toque e mouse simplifica o processo de suporte aos métodos de entrada do usuário baseados no foco por toque, mouse e cursor com uma API simples.

Os widgets de interface do usuário unificada para controles comuns aprimoram os controles nativos com controles sensíveis ao toque e otimizados, independentes da plataforma e fáceis de usar.

Objetivo

• No final do treinamento do jQuery Mobile, você poderá desenvolver aplicativos móveis usando o jQueryMobile.
  

Publico Alvo

• O treinamento do jQuery Mobile foi desenvolvido para desenvolvedores da Web, desenvolvedores de aplicativos móveis e designers de interface do usuário.
  

Informações Gerais

• Carga horaria, 24h
• Se  noturno o curso acontece de segunda a sexta das 19h às 23h
• Se aos sábados o curso acontece de 09h às 18h
• Se in-company o curso acontece de acordo com agenda disponível do cliente combinada entre as partes

Formato de Entrega:

• Presencial em Sala de aula na presença de um instrutor/consultor jQuery Mobile
  
• on On-Line ao vivo em tempo real na presença de um instrutor/consultor jQuery Mobile
• esta modalidade tem a mesma qualidade do curso presencial

Materiais

Conteúdo Programatico

Visão geral dos ambientes ModernMobile

1. Arquitetura, Design e Desenvolvimento de Aplicativos Móveis
2. Tecnologias de comunicações móveis
3. EvolvingMobileInterfaces
4. Desenvolvimento de Conteúdo Dinâmico
5. Problemas de acessibilidade
6. Visão geral das opções da plataforma
7. Estratégias de portabilidade e segurança
8. Compreendendo os princípios básicos de design da página aMobileWeb
9. Codificação para theMobileWeb

Como projetar e criar o AMobileApplication

1. Entrega de aplicativos móveis de alto valor - do início ao fim
2. Estratégia para celular
3. DevelopingMobileApplications
4. Controlador de visualização de modelo (MVC)
5. Arquiteturas de aplicativos móveis
6. Recursos de desenvolvimento móvel
7. Visão geral das linguagens de programação
8. jQuery e jQueryMobile

BUILDINGMOBILEHTML5 APLICATIVOS

1. Desenvolvimento de HTML5MobileWeb
2. Introdução ao HTML5
3. HTML e HTML5
4. O que há de novo no HTML 5: Novos elementos, controles e atributos
5. O que há de novo no HTML 5: Novas tags de marcação
6. HTML5 para celular
7. Estruturas de aplicativos para dispositivos móveis HTML5
8. Padrões, suporte e adoção do HTML 5
9. Adicionando funcionalidade dinâmica usando APIs HTML 5
10. Trabalhando com CSS3
11. Validando, testando e lidando com navegadores "legados"
12. Visão geral do Webkit e Webkit 2
13. WebCore e JavaScriptCore do WebKit
14. Empacotando o aplicativo HTML5 para várias plataformas
15. Implantando o aplicativo HTML5 em várias plataformas
16. Use bancos de dados HTML5 para armazenamento offline
17. Criar um aplicativo de catálogo de endereços com formulários
18. Crie um aplicativo Movie Trailer com áudio e vídeo
19. Desenhar usando JavaScript e Canvas
20. Anime seus desenhos com o Canvas
21. Combine o elemento de vídeo HTML5 com a tela

Visão geral do jQuery

1. jQuery para desenvolvimento rápido da web
2. Biblioteca JavaScript para travessia de documentos HTML, manipulação de eventos, animação e interações Ajax
3. API jQuery
4. Ajax
5. Atributos
6. Objeto de retorno de chamada
7. Testemunho
8. CSS
9. Dados
10. Objeto diferido
11. Dimensões
12. Efeitos
13. Manipulação
14. Plugins
15. Propriedades
16. Seletores
17. Atravessando
18. Serviços de utilidade pública
19. Versão
20. JQuery Pluging forMobileApplications
21. Interface de usuário
22. Animação
23. AJAX
24. Eventos de retorno de chamada
25. Extensões
26. Suporte de tema

Visão geral do jQueryMobile

1. Crie aplicativos móveis poderosos com apenas HTML, CSS e jQuery
2. Estilo básico
3. Estilo avançado
4. Animação
5. Armazenamento de dados do lado do cliente
6. Ficar offline
7. Indo nativo
8. Estrutura da Web otimizada para toque
9. Recursos
10. Acessibilidade
11. Plataformas Suportadas
12. API
13. Padrão de configuração
14. Eventos
15. Métodos e Utilitários
16. Layout responsivo
17. Estrutura Temática
18. Componentes
19. Páginas e caixas de diálogo
20. Barras de ferramentas
21. Botões
22. Formatação de Conteúdo
23. Visualizações de lista

Criando aplicativos com o jQueryMobile

1. Plataformas suportadas
2. Componentes
3. Páginas e caixas de diálogo
4. Barras de ferramentas
5. Botões
6. Formatação de conteúdo
7. Elementos do formulário
8. Visualizações de lista
9. Configurando padrões
10. Eventos
11. Métodos e Utilitários
12. Referência de atributo de dados
13. Estrutura do tema
14. Estrutura de uma página jQueryMobile
15. Definindo um bloco de páginas
16. Barra de cabeçalho
17. Conteúdo
18. Seção da barra de cabeçalho da página
19. Seção de conteúdo da página
20. Seção da barra de rodapé
21. Adicionando uma barra de navegação à seção de rodapé
22. Rodapé com barra de navegação
23. Definindo várias páginas locais
24. Definindo várias páginas em um único arquivo HTML
25. Transições de página
26. Deslizar
27. Pop
28. Desvaneça
29. Componentes da interface do usuário
30. Uso do método
31. Exemplo completo
32. Adicionando e removendo uma classe HTML
33. Efeitos especiais
34. Retorno de chamada e funções
35. Giro
36. Visualizações de lista
37. Criando formulários
38. Usando componentes da interface do usuário
39. Personalizando barras de ferramentas
40. Barras de ferramentas de posicionamento
41. Barras de navegação
42. Rodapés e navegação persistentes
43. Conteúdo recolhível
44. Criando botões
45. Criando listas
46. Comportamento automático do formulário
47. Marcação
48. Recipientes de campo
49. Campos de texto
50. Slider
51. Selecionar menus
52. Menus de seleção da interface do usuário
53. Botões do rádio
54. Caixas de seleção
55. Upload de arquivo
56. Validação usando HTML5
57. Embalagem e instalação e lojas de aplicativos
58. Trabalhando com PhoneGap