O documento descreve o framework jQuery Mobile, incluindo suas características principais como suporte a toque, compatibilidade multiplataforma, widgets personalizáveis e arquitetura modular. Ele também explica a estrutura básica necessária para iniciar um projeto com jQuery Mobile.
3. jQuery Mobile é um framework para o desenvolvimento de aplicações web para dispositivos móveis;
O que é?
Personalizado para a interação por toque;
Utilizando uma técnica denominada “melhoria progressiva”, o
jQuery Mobile permite que tanto os navegadores mais básicos
quanto os mais avançados – desde que sejam capazes de
interpretar CSS e JavaScript – possam renderizar as páginas e
conservar uma boa experiência de usuário, adaptando-se às
limitações impostas por estes navega.
4. Características
Mantém o princípio de fazer mais escrevendo menos, possibilitando a criação de aplicações únicas para
todos os dispositivos móveis e sistemas operacionais.
6. Características
Seu desenvolvimento se dá com base na biblioteca jQuery, adicionando os mecanismos e as
funcionalidades da jQuery UI. A sua sintaxe é baseada na biblioteca jQuery, proporcionando
aprendizagem mais rápida, sem a necessidade de programação sofisticada, já que usa o padrão da
programação com jQuery.
O tamanho do arquivo .js do jQuery é bem pequeno e com mínima necessidade de imagens,
proporcionando assim um carregamento mais rápido.
Sua arquitetura modular disponibiliza a seleção personalizada dos componentes de acordo com as
necessidades de cada uma das aplicações desenvolvidas.
7. Características
Utiliza a HTML5 para a estrutura e inserção de comportamento nas páginas, melhorando assim o resultado
em desenvolvimento ágil e tendo a mínima necessidade de utilizar script.
Sistema de navegação baseado em AJAX, que permite ao desenvolvedor fazer animações de transação de
páginas sem comprometer a funcionalidade de botões de retrocesso, o armazenamento de favoritos e o
controle de URLs.
Contém também funcionalidades para acessibilidade com adicionamento de mecanismos da WAI-ARIA,
fornecendo correta leitura das páginas por leitores de tela, como o VoiceOver no iOs.
Tem compatibilidade com a maioria dos dispositivos móveis, tablets, e-readers e também das plataformas
desktop: iOs, Android, Blackberry, Palm WebOs, Nokia/Sybian, Windows phone 7, MeeGo, Opera
Mobile/Mini, FireFox Mobile, Kindle, Nook e todos os outros navegadores modernos
8. Características
Framework para a utilização de temas, ThemeRoller, personalizável e de fácil utilização.
Utiliza uma API própria, robusta e completa, capaz de fornecer funcionalidades para desenvolvimento de
scripts para personalização de todos os mecanismos do framework.
Suporte a interação via toque, para os eventos de mouse e de foco com a utilização de uma API simples.
Contém um conjunto de widgets para interface de usuário personalizado para interação por toque,
estilizáveis, fáceis de usar, multiplataforma e com capacidade de substituir controles nativos.
9. Arquitetura
O jQuery Mobile framework foi criado adotando uma arquitetura modular e esses módulos foram
divididos em dois grandes grupos, que são: componentes e API.
Segue abaixo a definição dos dois grupos:
Módulo Componentes
•Páginas e caixas de diálogos
•Barra de ferramentas
•Botões
•Formatação de conteúdo
•Elementos de formulário
•Listas
Módulo API
•Configurações padrão
•Eventos
•Métodos e unidades
•Temas
10. Estrutura básica
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Estrutura básica JQuery Mobile. </title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css"/>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js">
</script>
</head>
O código abaixo demonstra um layout mínimo para desenvolver uma página para dispositivo móvel. Esta
seria uma maneira correta de como referenciar os arquivos necessários ao funcionamento do framework
dentro desse código.