SlideShare uma empresa Scribd logo
1 de 35
jQuery mobile
Jefferson Souza Hi Midia Iparos
Mobile Market
Antes de Iniciar... Antes de começar nosso projeto de desenvolvimento mobile, precisamos levar em consideração 4 itens bem importantes:
Qual o seu publico alvo?
 
 
 
 
 
Quais as Plataformas e Browsers (navegadores) mais populares?
[object Object]
Safari
Firefox Mobile
Internet Explorer
Kindle
Opera Mobile
Opera Mini
 
 
Quais tem um bom suporte a scripts?
[object Object]
Safari ( Web Kit )
Firefox Mobile ( Gecko )
Internet Explorer ( Trident )
Kindle ( Net Font )
Opera Mobile ( Presto )
Opera Mini ( Presto )
Quais as Plataformas temos disponíveis para testes ou pelo menos simuladores?
Ok, e agora?!?
Respondidas essas perguntas, teremos uma boa noção de quais plataformas iremos desenvolver nossa aplicação.
 
Temos então agora que  decidir com qual ferramentas iremos trabalhar, pois, apesar de ser simples ter um estilo para plataformas mobile...
…  se não utilizarmos a ferramenta correta, poderemos deixar de dar suporte a alguns recursos interessantes da plataforma.
Alguns frameworks para desenvolvimento mobile web Alguns frameworks para desenvolvimento mobile web Sencha Touch jQMobile jQuery Mobile Open Mobile

Mais conteúdo relacionado

Mais procurados

Introdução ao JEE
Introdução ao JEEIntrodução ao JEE
Introdução ao JEEJugVale
 
Compre o Fusioncharts com a SALDIT SOFTWARE
Compre o Fusioncharts com a SALDIT SOFTWARECompre o Fusioncharts com a SALDIT SOFTWARE
Compre o Fusioncharts com a SALDIT SOFTWARESaldit Software
 
Desenvolvimento de Aplicações com Zend Framework e Yahoo! User Interface
Desenvolvimento de Aplicações com Zend Framework e Yahoo! User InterfaceDesenvolvimento de Aplicações com Zend Framework e Yahoo! User Interface
Desenvolvimento de Aplicações com Zend Framework e Yahoo! User InterfaceDomingos Teruel
 
Palestra sobre CCK Seblod 1.8
Palestra sobre CCK Seblod 1.8Palestra sobre CCK Seblod 1.8
Palestra sobre CCK Seblod 1.8claudio alfonso
 
Desenvolvendo aplicações PHP, AJAX e YUI! Yahoo User Interface
Desenvolvendo aplicações PHP, AJAX e YUI! Yahoo User InterfaceDesenvolvendo aplicações PHP, AJAX e YUI! Yahoo User Interface
Desenvolvendo aplicações PHP, AJAX e YUI! Yahoo User InterfaceDomingos Teruel
 
Os 12 fatores: uma metodologia para criação de projetos SaaS
Os 12 fatores: uma metodologia para criação de projetos SaaSOs 12 fatores: uma metodologia para criação de projetos SaaS
Os 12 fatores: uma metodologia para criação de projetos SaaSElton Minetto
 
LPUG Meetup #13 - Novidades Liferay 7.4 CE - 2021-06-30
LPUG Meetup #13 - Novidades Liferay 7.4 CE - 2021-06-30LPUG Meetup #13 - Novidades Liferay 7.4 CE - 2021-06-30
LPUG Meetup #13 - Novidades Liferay 7.4 CE - 2021-06-30Fernando Fernández
 
Modern Application Development - One Microsoft
Modern Application Development - One MicrosoftModern Application Development - One Microsoft
Modern Application Development - One MicrosoftDaniel Semedo
 
Webdroid by cngsm
Webdroid by cngsmWebdroid by cngsm
Webdroid by cngsmCNGSM
 
Desenvolvimento de Aplicativos Móveis Multiplataforma
Desenvolvimento de Aplicativos Móveis MultiplataformaDesenvolvimento de Aplicativos Móveis Multiplataforma
Desenvolvimento de Aplicativos Móveis MultiplataformaJose Augusto Cintra
 
Introdução ao Joomla 2.5 - Leandro Macedo
Introdução ao Joomla 2.5 - Leandro MacedoIntrodução ao Joomla 2.5 - Leandro Macedo
Introdução ao Joomla 2.5 - Leandro MacedoLeandro Macedo
 

Mais procurados (19)

Introdução ao JEE
Introdução ao JEEIntrodução ao JEE
Introdução ao JEE
 
Widgets
WidgetsWidgets
Widgets
 
Compre o Fusioncharts com a SALDIT SOFTWARE
Compre o Fusioncharts com a SALDIT SOFTWARECompre o Fusioncharts com a SALDIT SOFTWARE
Compre o Fusioncharts com a SALDIT SOFTWARE
 
Desenvolvimento de Aplicações com Zend Framework e Yahoo! User Interface
Desenvolvimento de Aplicações com Zend Framework e Yahoo! User InterfaceDesenvolvimento de Aplicações com Zend Framework e Yahoo! User Interface
Desenvolvimento de Aplicações com Zend Framework e Yahoo! User Interface
 
Palestra sobre CCK Seblod 1.8
Palestra sobre CCK Seblod 1.8Palestra sobre CCK Seblod 1.8
Palestra sobre CCK Seblod 1.8
 
Desenvolvendo aplicações PHP, AJAX e YUI! Yahoo User Interface
Desenvolvendo aplicações PHP, AJAX e YUI! Yahoo User InterfaceDesenvolvendo aplicações PHP, AJAX e YUI! Yahoo User Interface
Desenvolvendo aplicações PHP, AJAX e YUI! Yahoo User Interface
 
Mobile Dev - Aplicativos
Mobile Dev - AplicativosMobile Dev - Aplicativos
Mobile Dev - Aplicativos
 
mostrips
mostripsmostrips
mostrips
 
Ass widget
Ass widgetAss widget
Ass widget
 
Js everywhere
Js everywhereJs everywhere
Js everywhere
 
Palestra Android
Palestra AndroidPalestra Android
Palestra Android
 
Browser Mobile - Chrome
Browser Mobile - ChromeBrowser Mobile - Chrome
Browser Mobile - Chrome
 
Ass widget
Ass widgetAss widget
Ass widget
 
Os 12 fatores: uma metodologia para criação de projetos SaaS
Os 12 fatores: uma metodologia para criação de projetos SaaSOs 12 fatores: uma metodologia para criação de projetos SaaS
Os 12 fatores: uma metodologia para criação de projetos SaaS
 
LPUG Meetup #13 - Novidades Liferay 7.4 CE - 2021-06-30
LPUG Meetup #13 - Novidades Liferay 7.4 CE - 2021-06-30LPUG Meetup #13 - Novidades Liferay 7.4 CE - 2021-06-30
LPUG Meetup #13 - Novidades Liferay 7.4 CE - 2021-06-30
 
Modern Application Development - One Microsoft
Modern Application Development - One MicrosoftModern Application Development - One Microsoft
Modern Application Development - One Microsoft
 
Webdroid by cngsm
Webdroid by cngsmWebdroid by cngsm
Webdroid by cngsm
 
Desenvolvimento de Aplicativos Móveis Multiplataforma
Desenvolvimento de Aplicativos Móveis MultiplataformaDesenvolvimento de Aplicativos Móveis Multiplataforma
Desenvolvimento de Aplicativos Móveis Multiplataforma
 
Introdução ao Joomla 2.5 - Leandro Macedo
Introdução ao Joomla 2.5 - Leandro MacedoIntrodução ao Joomla 2.5 - Leandro Macedo
Introdução ao Joomla 2.5 - Leandro Macedo
 

Semelhante a jQuery Mobile: Uma plataforma cross-browser para desenvolvimento de aplicativos móveis

5 frameworks para desenvolvimento de apps em html5
5 frameworks para desenvolvimento de apps em html55 frameworks para desenvolvimento de apps em html5
5 frameworks para desenvolvimento de apps em html5daliarafaela
 
Asoso tipos de aplicações móveis (1)
Asoso   tipos de aplicações móveis (1)Asoso   tipos de aplicações móveis (1)
Asoso tipos de aplicações móveis (1)grupouro
 
Hello world hybrid apps oportunidades com ionic framework v2
Hello world hybrid apps  oportunidades com ionic framework v2Hello world hybrid apps  oportunidades com ionic framework v2
Hello world hybrid apps oportunidades com ionic framework v2Ricardo Netto - MCP, MSP
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Valmir Justo
 
Java No Mundo Real
Java No Mundo RealJava No Mundo Real
Java No Mundo RealSaulo Arruda
 
Guia para o Profissional Java
Guia para o Profissional JavaGuia para o Profissional Java
Guia para o Profissional Javaarmeniocardoso
 
Apresentação de minha Monografia do curso de Sistema e Mídias Digitais
Apresentação de minha Monografia do curso de Sistema e Mídias DigitaisApresentação de minha Monografia do curso de Sistema e Mídias Digitais
Apresentação de minha Monografia do curso de Sistema e Mídias DigitaisÉdipo Souza
 
Mobile Apps Cross-Platform
Mobile Apps Cross-PlatformMobile Apps Cross-Platform
Mobile Apps Cross-PlatformAdriel Café
 
Oficina Joomla para Iniciantes
Oficina Joomla para IniciantesOficina Joomla para Iniciantes
Oficina Joomla para IniciantesEliel Cruz
 
Netbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 PortuguesNetbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 PortuguesRodrigo Peleias
 
FEMUG MGA #6 - Abandonando o jQuery
FEMUG MGA #6  - Abandonando o jQueryFEMUG MGA #6  - Abandonando o jQuery
FEMUG MGA #6 - Abandonando o jQueryJulio Vedovatto
 
Palestra urutai-mobile
Palestra urutai-mobilePalestra urutai-mobile
Palestra urutai-mobileRogerio Fontes
 
Drupal 4 Dev: aprendendo Drupal do ponto de vista de desenvolvedores
Drupal 4 Dev: aprendendo Drupal do ponto de vista de desenvolvedoresDrupal 4 Dev: aprendendo Drupal do ponto de vista de desenvolvedores
Drupal 4 Dev: aprendendo Drupal do ponto de vista de desenvolvedoresPedro Rocha
 
Introdução JQuery
Introdução JQueryIntrodução JQuery
Introdução JQueryinfo_cimol
 
Dominando o Ionic Framework
Dominando o Ionic FrameworkDominando o Ionic Framework
Dominando o Ionic FrameworkJunior Abranches
 
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...Leonardo Melo Santos
 

Semelhante a jQuery Mobile: Uma plataforma cross-browser para desenvolvimento de aplicativos móveis (20)

JQuery Mobile
JQuery MobileJQuery Mobile
JQuery Mobile
 
5 frameworks para desenvolvimento de apps em html5
5 frameworks para desenvolvimento de apps em html55 frameworks para desenvolvimento de apps em html5
5 frameworks para desenvolvimento de apps em html5
 
Asoso tipos de aplicações móveis (1)
Asoso   tipos de aplicações móveis (1)Asoso   tipos de aplicações móveis (1)
Asoso tipos de aplicações móveis (1)
 
Introdução intel XDK
Introdução intel XDKIntrodução intel XDK
Introdução intel XDK
 
Hello world hybrid apps oportunidades com ionic framework v2
Hello world hybrid apps  oportunidades com ionic framework v2Hello world hybrid apps  oportunidades com ionic framework v2
Hello world hybrid apps oportunidades com ionic framework v2
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
 
Java No Mundo Real
Java No Mundo RealJava No Mundo Real
Java No Mundo Real
 
Guia para o Profissional Java
Guia para o Profissional JavaGuia para o Profissional Java
Guia para o Profissional Java
 
Tecnologias ria2
Tecnologias ria2Tecnologias ria2
Tecnologias ria2
 
Apresentação de minha Monografia do curso de Sistema e Mídias Digitais
Apresentação de minha Monografia do curso de Sistema e Mídias DigitaisApresentação de minha Monografia do curso de Sistema e Mídias Digitais
Apresentação de minha Monografia do curso de Sistema e Mídias Digitais
 
Mobile Apps Cross-Platform
Mobile Apps Cross-PlatformMobile Apps Cross-Platform
Mobile Apps Cross-Platform
 
Oficina Joomla para Iniciantes
Oficina Joomla para IniciantesOficina Joomla para Iniciantes
Oficina Joomla para Iniciantes
 
Netbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 PortuguesNetbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 Portugues
 
Ciclo de palestras da JFRJ - Aplicativos Móveis
Ciclo de palestras da JFRJ - Aplicativos MóveisCiclo de palestras da JFRJ - Aplicativos Móveis
Ciclo de palestras da JFRJ - Aplicativos Móveis
 
FEMUG MGA #6 - Abandonando o jQuery
FEMUG MGA #6  - Abandonando o jQueryFEMUG MGA #6  - Abandonando o jQuery
FEMUG MGA #6 - Abandonando o jQuery
 
Palestra urutai-mobile
Palestra urutai-mobilePalestra urutai-mobile
Palestra urutai-mobile
 
Drupal 4 Dev: aprendendo Drupal do ponto de vista de desenvolvedores
Drupal 4 Dev: aprendendo Drupal do ponto de vista de desenvolvedoresDrupal 4 Dev: aprendendo Drupal do ponto de vista de desenvolvedores
Drupal 4 Dev: aprendendo Drupal do ponto de vista de desenvolvedores
 
Introdução JQuery
Introdução JQueryIntrodução JQuery
Introdução JQuery
 
Dominando o Ionic Framework
Dominando o Ionic FrameworkDominando o Ionic Framework
Dominando o Ionic Framework
 
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
Sencha Touch, RhoMobile, AppMobi e jQuery Mobile um comparativo entre platafo...
 

jQuery Mobile: Uma plataforma cross-browser para desenvolvimento de aplicativos móveis

  • 2. Jefferson Souza Hi Midia Iparos
  • 4. Antes de Iniciar... Antes de começar nosso projeto de desenvolvimento mobile, precisamos levar em consideração 4 itens bem importantes:
  • 5. Qual o seu publico alvo?
  • 6.  
  • 7.  
  • 8.  
  • 9.  
  • 10.  
  • 11. Quais as Plataformas e Browsers (navegadores) mais populares?
  • 12.
  • 19.  
  • 20.  
  • 21. Quais tem um bom suporte a scripts?
  • 22.
  • 23. Safari ( Web Kit )
  • 24. Firefox Mobile ( Gecko )
  • 25. Internet Explorer ( Trident )
  • 26. Kindle ( Net Font )
  • 27. Opera Mobile ( Presto )
  • 28. Opera Mini ( Presto )
  • 29. Quais as Plataformas temos disponíveis para testes ou pelo menos simuladores?
  • 31. Respondidas essas perguntas, teremos uma boa noção de quais plataformas iremos desenvolver nossa aplicação.
  • 32.  
  • 33. Temos então agora que decidir com qual ferramentas iremos trabalhar, pois, apesar de ser simples ter um estilo para plataformas mobile...
  • 34. … se não utilizarmos a ferramenta correta, poderemos deixar de dar suporte a alguns recursos interessantes da plataforma.
  • 35. Alguns frameworks para desenvolvimento mobile web Alguns frameworks para desenvolvimento mobile web Sencha Touch jQMobile jQuery Mobile Open Mobile
  • 36. Quem conhece o jQuery?
  • 37. jQuery O JQuery pode ser definido simplesmente como uma biblioteca Javascript open-source desenvolvida por John Resig em 2005. A biblioteca JQuery foi desenvolvida por John Resig, em 2005, lançada oficialmente em 2006, e hoje conta com uma enorme equipe de desenvolvimento espalhada no mundo todo.
  • 38. Porque usar o jQuery A lista de motivos para esta pergunta cada dia cresce mais, vou citar apenas alguns deles. * A funções do Core são cross-browser; * Executar funções complexas sem a necessidade de codigos complexos (“Write less, do more”); * Infinidade de plugins para qualquer necessidade do site, tais como: galeria de fotos, validações de formulários, data tables, animação, menus, manipulação de CSS entre outras;
  • 39. * Funções de AJAX super simples; * Documentação clara e objetiva; * Grande equipe de desenvolvimento, corrigindo possíveis bugs, e aprimorando a biblioteca constantemente
  • 40. Quem usa O jQuery está presente em grandes empresas da web, como: Google Dell Digg Bank of America Mozilla Wordpress Drupal entre outros grandes do mercado.
  • 41. Quem usa O jQuery está presente em grandes empresas da web, como: Google Dell Digg Bank of America Mozilla Wordpress Drupal entre outros grandes do mercado.
  • 43. Overview O jQuery Mobile é uma platafoma cross-browser para desenvolvimento de aplicativos mobile, que combina toda a performance do jQuery mais os fantásticos recusos do jQuery UI, para acelerar o desenvolvimento de aplicativos voltados a plataforma Mobile Touch.
  • 44. Suporte Apesar do seu pouco tempo de vida (foi anunciado oficialmente no dia 11 de agosto de 2010), ele oferece um amplo suporte as plataformas mobile do mercado, tornando-se uma ótima escolha.
  • 45. Recursos O objetivo do projeto é fornecer ferramentas para construir interfaces de toque dinâmico de simples desenvolvimento. O sistema inclui todos os recursos comuns entre dispositivos mobile, como: listas, painéis de detalhes, sobreposições, etc... e um rico conjunto de controles de formulários e widgets UI, como: transições, slides, tabs.
  • 46. Personalização Outro ponto forte no jQuery Mobile é a facilidade para personalização do framework, graças ao ThemeRole disponível no próprio site do framework.