Baixado 32 vezes
Carregado porLuiz Oliveira
jQuery Mobile - Aplicações móveis com Javascript
O documento discute o uso do jQuery Mobile para desenvolver aplicações móveis, abordando suas características como suporte a múltiplas plataformas e dispositivos. Ele também destaca a simplicidade no teste e desenvolvimento, juntamente com exemplos práticos de implementação. A apresentação sugere que jQuery Mobile é ideal para aplicações pequenas que não exigem recursos nativos complexos.
jQuery Mobile - Aplicações móveis com Javascript
- 1. jQuery Mobile Aplicações móveiscom Javascript
- 2. Luiz Tiago Sócio eFront-end Manager @ MGR Tecnologia Organização do Pernambuco.JS iPhone Developer jQueryBrasil.org Team And more things...
- 3. Fonte: Ibope NetRatings 2001 2011 2021 9,8 milhões 80 milhões ?????
- 4. 7 bilhões depessoas Fonte: ONU / ITU > 5 bilhões
- 5. 25 dos 30maiores do Alexa possuem versão mobile
- 6.
- 7.
- 8.
- 9. Progressive Enhancement C - G r a d e : Basic HTML + B - G r a d e : Enhanced Style, No Ajax ++ A -G r a d e : Full Enhanced Style, Ajax and CSS Transitions
- 10.
- 11. #1 Ajaxified Navigation (PJAX?) Friendly Ajax URLS History
- 12. #2 Touch FriendlyInputs
- 13.
- 14. #4 Easy, very easy Trabalhacom o que “todo mundo” c onhe c e
- 15. #5 E omelhor de tudo... • Aplicações mobile n ã o precisam ser testadas no IE
- 16.
- 17. <!DOCTYPE html> <html> <head> <title>My Page</title> <meta name="viewport" content="width=device-width, initial- scale=1"> <link rel="stylesheet" href=" http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css " /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src=" http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js "></script> </head>
- 18. <body> <div data-role="page"> <div data-role="header"> <h1>My Title</h1> </div><!-- /header --> <div data-role="content"> <p>Hello world</p> </div><!-- /content --> </div><!-- /page --> </body> </html>
- 19.
- 20. Pages - Content <di v d a t a - r o l e =" p a g e " > <div data-role="header">...</div> <d i v d a t a - r o l e =" c o n t e n t " >. . . </d i v > <div data-role="footer">...</div> </d i v >
- 21.
- 22. List-view Basic linkedlist Icons Nested list • Content formatting Numbered list • Search filter bar Split button list • Read-only lists List dividers • Lists with forms Count bubble • Inset styled lists Thumbnails • List performance test
- 23.
- 24.
- 25.
- 26. Quando utilizar? Pequenas aplicações • Aplicação não exige grandes funcionalidades nativas (acelerômetro, camera, contatos, notificações, etc.) • Quando precisar de algo r á p i d o , b o m e consequentemente b a r a t o :)
- 27.
- 28. Can I helpyou? @luiztiago luiztiago@gmail.com www.luiztiago.com https://github.com/luiztiago/keynote-jquerymobile http://www.slideshare.net/luiztiago