jQuery Mobile
Transferir como PPTX, PDF0 gostou109 visualizações
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.
jQuery Mobile
- 2. Integrantes Nome: Diego Barreto MAT: 67484 Nome: Fernanda Nardin MAT: 67481 Nome: Geraldo Aparecido MAT: 67489 Nome: Wenderson Pires MAT: 67499 Nome: Wladmir Júnior MAT: 67506
- 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.
- 5. Características O framework disponibiliza diversas ferramentas e recursos nativos como o Sliders e Toggles. Sliders Toggles.
- 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.