SlideShare uma empresa Scribd logo
jQuery mobile
Mobile Market
Antes de Iniciar... Antes de começar nosso projeto de desenvolvimento mobile, precisamos levar em consideração 3 itens bem importantes:
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

Palestra OSCON 2011
Palestra OSCON 2011Palestra OSCON 2011
Palestra OSCON 2011
Paulino Michelazzo
 
Desenvolvimento RIA com Silverlight 4
Desenvolvimento RIA com Silverlight 4Desenvolvimento RIA com Silverlight 4
Desenvolvimento RIA com Silverlight 4
Rodrigo Kono
 
Browser Mobile - Chrome
Browser Mobile - ChromeBrowser Mobile - Chrome
Browser Mobile - Chrome
Renato Bongiorno Bonfanti
 
Integração e APIs com Mulesoft
Integração e APIs com MulesoftIntegração e APIs com Mulesoft
Integração e APIs com Mulesoft
Tiago Lorenzetti Canatelli, MBA
 
Hands-on Cordova / Phonegap - GDG JF
Hands-on Cordova / Phonegap - GDG JFHands-on Cordova / Phonegap - GDG JF
Hands-on Cordova / Phonegap - GDG JF
Giordano Bruno Vieira
 
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
Saldit Software
 
Joomla! E Os Gerenciadores De Conteúdo
Joomla! E Os Gerenciadores De ConteúdoJoomla! E Os Gerenciadores De Conteúdo
Joomla! E Os Gerenciadores De Conteúdo
lucasleite
 
Plataformas Monolíticas, redescobrindo o Desktop e sendo Ágil para Web.
Plataformas Monolíticas, redescobrindo o Desktop e sendo Ágil para Web.Plataformas Monolíticas, redescobrindo o Desktop e sendo Ágil para Web.
Plataformas Monolíticas, redescobrindo o Desktop e sendo Ágil para Web.
Cristofer Sousa
 
Micro serviços ppt
Micro serviços pptMicro serviços ppt
Micro serviços ppt
Tiago Lorenzetti Canatelli, MBA
 
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
Elton Minetto
 
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
Domingos Teruel
 
Aplicativo Exame
Aplicativo ExameAplicativo Exame
Aplicativo Exame
Diogo Librelon
 
Adotando o Wordpress
Adotando o WordpressAdotando o Wordpress
Adotando o Wordpress
Filipe Boldo
 
Ass widget
Ass widgetAss widget
Ass widget
Vitor Paisante
 
WordCamp 2011 - BuscaPé Developer
WordCamp 2011 - BuscaPé DeveloperWordCamp 2011 - BuscaPé Developer
WordCamp 2011 - BuscaPé Developer
Paulino Michelazzo
 
mostrips
mostripsmostrips
mostrips
Eduardo Peixoto
 
Introdução ao JEE
Introdução ao JEEIntrodução ao JEE
Introdução ao JEE
JugVale
 
Seblod 2.x - Alternativa de desenvolvimento Joomla
Seblod 2.x - Alternativa de desenvolvimento JoomlaSeblod 2.x - Alternativa de desenvolvimento Joomla
Seblod 2.x - Alternativa de desenvolvimento Joomla
jCursos
 
Js everywhere
Js everywhereJs everywhere
Js everywhere
Lucas Brigida
 

Mais procurados (19)

Palestra OSCON 2011
Palestra OSCON 2011Palestra OSCON 2011
Palestra OSCON 2011
 
Desenvolvimento RIA com Silverlight 4
Desenvolvimento RIA com Silverlight 4Desenvolvimento RIA com Silverlight 4
Desenvolvimento RIA com Silverlight 4
 
Browser Mobile - Chrome
Browser Mobile - ChromeBrowser Mobile - Chrome
Browser Mobile - Chrome
 
Integração e APIs com Mulesoft
Integração e APIs com MulesoftIntegração e APIs com Mulesoft
Integração e APIs com Mulesoft
 
Hands-on Cordova / Phonegap - GDG JF
Hands-on Cordova / Phonegap - GDG JFHands-on Cordova / Phonegap - GDG JF
Hands-on Cordova / Phonegap - GDG JF
 
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
 
Joomla! E Os Gerenciadores De Conteúdo
Joomla! E Os Gerenciadores De ConteúdoJoomla! E Os Gerenciadores De Conteúdo
Joomla! E Os Gerenciadores De Conteúdo
 
Plataformas Monolíticas, redescobrindo o Desktop e sendo Ágil para Web.
Plataformas Monolíticas, redescobrindo o Desktop e sendo Ágil para Web.Plataformas Monolíticas, redescobrindo o Desktop e sendo Ágil para Web.
Plataformas Monolíticas, redescobrindo o Desktop e sendo Ágil para Web.
 
Micro serviços ppt
Micro serviços pptMicro serviços ppt
Micro serviços ppt
 
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
 
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
 
Aplicativo Exame
Aplicativo ExameAplicativo Exame
Aplicativo Exame
 
Adotando o Wordpress
Adotando o WordpressAdotando o Wordpress
Adotando o Wordpress
 
Ass widget
Ass widgetAss widget
Ass widget
 
WordCamp 2011 - BuscaPé Developer
WordCamp 2011 - BuscaPé DeveloperWordCamp 2011 - BuscaPé Developer
WordCamp 2011 - BuscaPé Developer
 
mostrips
mostripsmostrips
mostrips
 
Introdução ao JEE
Introdução ao JEEIntrodução ao JEE
Introdução ao JEE
 
Seblod 2.x - Alternativa de desenvolvimento Joomla
Seblod 2.x - Alternativa de desenvolvimento JoomlaSeblod 2.x - Alternativa de desenvolvimento Joomla
Seblod 2.x - Alternativa de desenvolvimento Joomla
 
Js everywhere
Js everywhereJs everywhere
Js everywhere
 

Destaque

Tecnologia e educação para uma sociedade mais democrática e criativa
Tecnologia e educação para uma sociedade mais democrática e criativaTecnologia e educação para uma sociedade mais democrática e criativa
Tecnologia e educação para uma sociedade mais democrática e criativa
Leo Burd
 
Nokia Mojo V4
Nokia Mojo V4Nokia Mojo V4
Nokia Mojo V4
nokiaportugal
 
Pontomobi Credenciais (Português) | Abril 2012
Pontomobi Credenciais (Português) | Abril 2012Pontomobi Credenciais (Português) | Abril 2012
Pontomobi Credenciais (Português) | Abril 2012
Pontomobi
 
Mobile payment o novo mercado de pagamentos 6-6-13 apres ricardo-longo_fing...
Mobile payment   o novo mercado de pagamentos 6-6-13 apres ricardo-longo_fing...Mobile payment   o novo mercado de pagamentos 6-6-13 apres ricardo-longo_fing...
Mobile payment o novo mercado de pagamentos 6-6-13 apres ricardo-longo_fing...
FecomercioSP
 
Web e HTML5
Web e HTML5Web e HTML5
Web e HTML5
Bruno Orlandi
 
Aula Mobile Marketing Completa
Aula Mobile Marketing CompletaAula Mobile Marketing Completa
Aula Mobile Marketing Completa
Patrick Duarte Silveira
 

Destaque (6)

Tecnologia e educação para uma sociedade mais democrática e criativa
Tecnologia e educação para uma sociedade mais democrática e criativaTecnologia e educação para uma sociedade mais democrática e criativa
Tecnologia e educação para uma sociedade mais democrática e criativa
 
Nokia Mojo V4
Nokia Mojo V4Nokia Mojo V4
Nokia Mojo V4
 
Pontomobi Credenciais (Português) | Abril 2012
Pontomobi Credenciais (Português) | Abril 2012Pontomobi Credenciais (Português) | Abril 2012
Pontomobi Credenciais (Português) | Abril 2012
 
Mobile payment o novo mercado de pagamentos 6-6-13 apres ricardo-longo_fing...
Mobile payment   o novo mercado de pagamentos 6-6-13 apres ricardo-longo_fing...Mobile payment   o novo mercado de pagamentos 6-6-13 apres ricardo-longo_fing...
Mobile payment o novo mercado de pagamentos 6-6-13 apres ricardo-longo_fing...
 
Web e HTML5
Web e HTML5Web e HTML5
Web e HTML5
 
Aula Mobile Marketing Completa
Aula Mobile Marketing CompletaAula Mobile Marketing Completa
Aula Mobile Marketing Completa
 

Semelhante a jQuery Mobile

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
 
jQuery Mobile
jQuery MobilejQuery Mobile
jQuery Mobile
Fernanda Nardin
 
JQuery Mobile
JQuery MobileJQuery Mobile
JQuery Mobile
Flavio Teixeira
 
Mobile Dev - Aplicativos
Mobile Dev - AplicativosMobile Dev - Aplicativos
Mobile Dev - Aplicativos
Alex Espirito Santo
 
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
daliarafaela
 
Introdução intel XDK
Introdução intel XDKIntrodução intel XDK
Introdução intel XDK
Vicente Salgueiro Filho
 
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
Iasmin Cristina Oliveira da Silva
 
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
 
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
 
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
Ricardo Netto - MCP, MSP
 
Sencha Touch: Javascript para Mobile WebApps
Sencha Touch: Javascript para Mobile WebApps Sencha Touch: Javascript para Mobile WebApps
Sencha Touch: Javascript para Mobile WebApps
Flávio Lisboa
 
Mobile Apps Cross-Platform
Mobile Apps Cross-PlatformMobile Apps Cross-Platform
Mobile Apps Cross-Platform
Adriel Café
 
Aplicativos para dispositivos móveis
Aplicativos para dispositivos móveisAplicativos para dispositivos móveis
Aplicativos para dispositivos móveis
Ygor Castro
 
Workshop frontend
Workshop   frontendWorkshop   frontend
Workshop frontend
Leandro Mancini
 
Palestra urutai-mobile
Palestra urutai-mobilePalestra urutai-mobile
Palestra urutai-mobile
Rogerio Fontes
 
Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!
Luiz Gavinho
 
Desenvolvimento Web em ambiente de software livre
Desenvolvimento Web em ambiente de software livreDesenvolvimento Web em ambiente de software livre
Desenvolvimento Web em ambiente de software livre
Pedro Neto
 
Tecnologias ria2
Tecnologias ria2Tecnologias ria2
Tecnologias ria2
Adilmar Dantas
 
Apresentação realidade aumentada para aplicações web e mobile
Apresentação   realidade aumentada para aplicações web e mobileApresentação   realidade aumentada para aplicações web e mobile
Apresentação realidade aumentada para aplicações web e mobile
RWTH Aachen University
 
E tertulia paol-rq
E tertulia paol-rqE tertulia paol-rq
E tertulia paol-rq
KMILT
 

Semelhante a jQuery Mobile (20)

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)
 
jQuery Mobile
jQuery MobilejQuery Mobile
jQuery Mobile
 
JQuery Mobile
JQuery MobileJQuery Mobile
JQuery Mobile
 
Mobile Dev - Aplicativos
Mobile Dev - AplicativosMobile Dev - Aplicativos
Mobile Dev - Aplicativos
 
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
 
Introdução intel XDK
Introdução intel XDKIntrodução intel XDK
Introdução intel XDK
 
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
 
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
 
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.
 
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
 
Sencha Touch: Javascript para Mobile WebApps
Sencha Touch: Javascript para Mobile WebApps Sencha Touch: Javascript para Mobile WebApps
Sencha Touch: Javascript para Mobile WebApps
 
Mobile Apps Cross-Platform
Mobile Apps Cross-PlatformMobile Apps Cross-Platform
Mobile Apps Cross-Platform
 
Aplicativos para dispositivos móveis
Aplicativos para dispositivos móveisAplicativos para dispositivos móveis
Aplicativos para dispositivos móveis
 
Workshop frontend
Workshop   frontendWorkshop   frontend
Workshop frontend
 
Palestra urutai-mobile
Palestra urutai-mobilePalestra urutai-mobile
Palestra urutai-mobile
 
Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!Phonegap, muito além dos nativos!
Phonegap, muito além dos nativos!
 
Desenvolvimento Web em ambiente de software livre
Desenvolvimento Web em ambiente de software livreDesenvolvimento Web em ambiente de software livre
Desenvolvimento Web em ambiente de software livre
 
Tecnologias ria2
Tecnologias ria2Tecnologias ria2
Tecnologias ria2
 
Apresentação realidade aumentada para aplicações web e mobile
Apresentação   realidade aumentada para aplicações web e mobileApresentação   realidade aumentada para aplicações web e mobile
Apresentação realidade aumentada para aplicações web e mobile
 
E tertulia paol-rq
E tertulia paol-rqE tertulia paol-rq
E tertulia paol-rq
 

jQuery Mobile

  • 3. Antes de Iniciar... Antes de começar nosso projeto de desenvolvimento mobile, precisamos levar em consideração 3 itens bem importantes:
  • 4. Quais as Plataformas e Browsers (navegadores) mais populares?
  • 5.
  • 12.  
  • 13. Quais tem um bom suporte a scripts?
  • 14.
  • 15. Safari ( Web Kit )
  • 16. Firefox Mobile ( Gecko )
  • 17. Internet Explorer ( Trident )
  • 18. Kindle ( Net Font )
  • 19. Opera Mobile ( Presto )
  • 20. Opera Mini ( Presto )
  • 21. Quais as Plataformas temos disponíveis para testes ou pelo menos simuladores?
  • 22.  
  • 24. Respondidas essas perguntas, teremos uma boa noção de quais plataformas iremos desenvolver nossa aplicação.
  • 25.  
  • 26. Temos então agora que decidir com qual ferramentas iremos trabalhar, pois, apesar de ser simples ter um estilo para plataformas mobile...
  • 27. … se não utilizarmos a ferramenta correta, poderemos deixar de dar suporte a alguns recursos interessantes da plataforma.
  • 28. Alguns frameworks para desenvolvimento mobile web Alguns frameworks para desenvolvimento mobile web Sencha Touch jQMobile jQuery Mobile Open Mobile
  • 29. Quem conhece o jQuery?
  • 30. 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.
  • 31. 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;
  • 32. * Funções de AJAX super simples; * Documentação clara e objetiva; * Grande equipe de desenvolvimento, corrigindo possíveis bugs, e aprimorando a biblioteca constantemente
  • 33. 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.
  • 35. 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.
  • 36. 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.
  • 37. 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.
  • 38. Personalização Outro ponto forte no jQuery Mobile é a facilidade para personalização do framework, voltando toda a parte do layout para a identidade visual do seu projeto.
  • 40. Contatos http://meadiciona.com.br/jeffsouza j [email_address] @jeffersonsouza