SlideShare uma empresa Scribd logo
JQuery Mobile
Flavio Teixeira
Carlos Teles
Joab Ferreira
Ricardo M. Stancatti
Matheus Scheider
O que é?
É um poderoso framework baseado no
javascript puro para construção de
interfaces gráficas em soluções móveis
para a web
Necessidade
Com o aumento de soluções Web Apps. Principalmente
baseadas em HTML 5, Javascript e CSS. Surgiu a
necessidade de frameworks em JavaScript, que acabam
permitindo uma interação significativamente maior com os
recursos oferecidos pelos dispositivos do que aquela
permitida em soluções puramente web.
Vantagens
Nas Web Apps, existe uma redução de esforço e custo de
desenvolvimento. Uma vez desenvolvido o trabalho, não é
necessário repeti-lo para cada plataforma-alvo. O framework
JQuery Mobile vem com o objetivo de acelerar, facilitar,
maximizar e estruturar o desenvolvimento de Web Apps.
Cinco razões para usar JQuery Mobile
1. Variedades de Navegadores e Dispositivos Móveis.
2. Interfaces com o Usuários bastante amigáveis.
3. Interface já responsiva nativamente do framework.
4. Grande variedades de temas (layouts).
5. Sistema de navegação AJAX pronto, onde não é
Abrangência
• Apple iOS (iPhone, iPad, iPod Touch);
• Android;
• Windows Phone 7;
• BlackBerry OS.
Estrutura
O jQuery Mobile framework foi criado usando uma
arquitetura modular e esses módulos foram divididos em dois
grandes grupos, que são: Componentes e API.
Componentes
Páginas e caixas de diálogos
Barra de ferramentas
Botões
Formatação de conteúdo
Elementos de formulário
Listas
API
Configurações padrão
Eventos
Métodos e unidades
Temas
Exemplo
Exemplo
Theme Roller
É um sistema de temas bastante denso (um módulo do
JQuery Mobile, algo equivalente ao JQuery UI), que permite
definirmos uma aparência toda customizada para nossas
soluções. É bastante útil para criação de novos temas.
Possui uma variedade gigante de cores, botões, inputs etc.
Conclusão
Através deste estudo podemos identificar o JQquery Mobile,
como um framework poderoso, de fácil aprendizado,
bastante dinâmico e customizável. Será (e já é) um dos
pioneiros no desenvolvimento Web App para dispositivos
mobiles.

Mais conteúdo relacionado

PPTX
ASP.NET Single Page Application
PPTX
jQuery Mobile
PPTX
AngularJS - Universidade Positivo - Trabalho
PPTX
Progressive web apps
PDF
Jquery Mobile
PDF
Introdução ao JEE
PPT
CMS - Joomla
PPTX
Asoso tipos de aplicações móveis (1)
ASP.NET Single Page Application
jQuery Mobile
AngularJS - Universidade Positivo - Trabalho
Progressive web apps
Jquery Mobile
Introdução ao JEE
CMS - Joomla
Asoso tipos de aplicações móveis (1)

Mais procurados (19)

PPTX
IoTizando com JavaScript
PPTX
ASP .NET CORE, Angular 2, e Typescript com Scaffolding Yeoman | Seminário
PDF
Apresentação ti pdf
PPTX
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
PDF
PPTX
Microservices 2
PPTX
Introdução ao Joomla 2.5 - Leandro Macedo
PPT
PPTX
Apresentação scriptcase
PPT
Apresentação scriptcase-netmake
PDF
Front end architecture
PPTX
Dominando o Ionic Framework
PPTX
Pwa (progressive web app)
PDF
Site responsivo vantagens e desvantagens
PPTX
Ionic framework
PPTX
Web ou App?
PPTX
Introdução ao silverlight
IoTizando com JavaScript
ASP .NET CORE, Angular 2, e Typescript com Scaffolding Yeoman | Seminário
Apresentação ti pdf
Progressive Web Apps e o futuro do desenvolvimento Web na Plataforma .NET
Microservices 2
Introdução ao Joomla 2.5 - Leandro Macedo
Apresentação scriptcase
Apresentação scriptcase-netmake
Front end architecture
Dominando o Ionic Framework
Pwa (progressive web app)
Site responsivo vantagens e desvantagens
Ionic framework
Web ou App?
Introdução ao silverlight
Anúncio

Semelhante a JQuery Mobile (20)

ODP
Mobile Marketing e o jQuery Mobile
ODP
jQuery Mobile
PPT
jQuery Mobile - Aplicações móveis com Javascript
PDF
JQuery mobile
PDF
JQuery Mobile
PDF
Desenvolvimento ágil com jQuery Mobile
PDF
WebBr 2013: Apps Mobile Multiplataforma e OpenSource com Sencha Touch e Phon...
PDF
FrontInFloripa 2013: Sencha Touch 2 e Phonegap
PDF
Framework7
PPTX
Jquery Mobile
PPTX
Abra sua cabeça, apps híbridos - PhoneGap/Cordova
PPT
Trabalho jQuery
PDF
Introdução jQuery UI
PDF
Mobile Dev - Aplicativos
PDF
Js everywhere
PDF
Sencha Touch: Javascript para Mobile WebApps
PDF
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
PDF
TDC2012: Apps Nativas para iOS e Android com Sencha Touch 2
PDF
QConSP 2012: Sencha Touch 2: Mobile Multiplataforma
DOC
5 frameworks para desenvolvimento de apps em html5
Mobile Marketing e o jQuery Mobile
jQuery Mobile
jQuery Mobile - Aplicações móveis com Javascript
JQuery mobile
JQuery Mobile
Desenvolvimento ágil com jQuery Mobile
WebBr 2013: Apps Mobile Multiplataforma e OpenSource com Sencha Touch e Phon...
FrontInFloripa 2013: Sencha Touch 2 e Phonegap
Framework7
Jquery Mobile
Abra sua cabeça, apps híbridos - PhoneGap/Cordova
Trabalho jQuery
Introdução jQuery UI
Mobile Dev - Aplicativos
Js everywhere
Sencha Touch: Javascript para Mobile WebApps
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
TDC2012: Apps Nativas para iOS e Android com Sencha Touch 2
QConSP 2012: Sencha Touch 2: Mobile Multiplataforma
5 frameworks para desenvolvimento de apps em html5
Anúncio

JQuery Mobile

  • 1. JQuery Mobile Flavio Teixeira Carlos Teles Joab Ferreira Ricardo M. Stancatti Matheus Scheider
  • 2. O que é? É um poderoso framework baseado no javascript puro para construção de interfaces gráficas em soluções móveis para a web
  • 3. Necessidade Com o aumento de soluções Web Apps. Principalmente baseadas em HTML 5, Javascript e CSS. Surgiu a necessidade de frameworks em JavaScript, que acabam permitindo uma interação significativamente maior com os recursos oferecidos pelos dispositivos do que aquela permitida em soluções puramente web.
  • 4. Vantagens Nas Web Apps, existe uma redução de esforço e custo de desenvolvimento. Uma vez desenvolvido o trabalho, não é necessário repeti-lo para cada plataforma-alvo. O framework JQuery Mobile vem com o objetivo de acelerar, facilitar, maximizar e estruturar o desenvolvimento de Web Apps.
  • 5. Cinco razões para usar JQuery Mobile 1. Variedades de Navegadores e Dispositivos Móveis. 2. Interfaces com o Usuários bastante amigáveis. 3. Interface já responsiva nativamente do framework. 4. Grande variedades de temas (layouts). 5. Sistema de navegação AJAX pronto, onde não é
  • 6. Abrangência • Apple iOS (iPhone, iPad, iPod Touch); • Android; • Windows Phone 7; • BlackBerry OS.
  • 7. Estrutura O jQuery Mobile framework foi criado usando uma arquitetura modular e esses módulos foram divididos em dois grandes grupos, que são: Componentes e API.
  • 8. Componentes Páginas e caixas de diálogos Barra de ferramentas Botões Formatação de conteúdo Elementos de formulário Listas
  • 12. Theme Roller É um sistema de temas bastante denso (um módulo do JQuery Mobile, algo equivalente ao JQuery UI), que permite definirmos uma aparência toda customizada para nossas soluções. É bastante útil para criação de novos temas. Possui uma variedade gigante de cores, botões, inputs etc.
  • 13. Conclusão Através deste estudo podemos identificar o JQquery Mobile, como um framework poderoso, de fácil aprendizado, bastante dinâmico e customizável. Será (e já é) um dos pioneiros no desenvolvimento Web App para dispositivos mobiles.