Download - Jquerymobile ppt
![Page 1: Jquerymobile ppt](https://reader035.vdocuments.net/reader035/viewer/2022062617/54c801004a7959786d8b459c/html5/thumbnails/1.jpg)
![Page 2: Jquerymobile ppt](https://reader035.vdocuments.net/reader035/viewer/2022062617/54c801004a7959786d8b459c/html5/thumbnails/2.jpg)
¿Que es?
Mobile Framework usa jQuery.
Multibrowser.
Multiplataforma.
Crear aplicaciones web que se sienten tan cerca como las aplicaciones nativas.
![Page 3: Jquerymobile ppt](https://reader035.vdocuments.net/reader035/viewer/2022062617/54c801004a7959786d8b459c/html5/thumbnails/3.jpg)
Plataformas
iOS, Android, Windows Mobile
Blackberry, Symbian, webOS
Firefox Mobile (Fennec), Opera Mobile / Mini
Meego, bada, Maemo...
Phonegap!
![Page 4: Jquerymobile ppt](https://reader035.vdocuments.net/reader035/viewer/2022062617/54c801004a7959786d8b459c/html5/thumbnails/4.jpg)
Elementos básicos de página
<!doctype html> <html> <head> <title>Page Title</title> <link rel="stylesheet" href="jquery.mobile.css" /> <script src="jquery.js"></script> <script src="jquery.mobile.js"></script></head> <body> <div data-role="page">
<div data-role="header"> <h1>Page Title</h1> </div>
<div data-role="content"> <p>Page content goes here.</p> </div>
<div data-role="footer"> <h4>Page Footer</h4> </div></div>
</body></html>
![Page 5: Jquerymobile ppt](https://reader035.vdocuments.net/reader035/viewer/2022062617/54c801004a7959786d8b459c/html5/thumbnails/5.jpg)
![Page 6: Jquerymobile ppt](https://reader035.vdocuments.net/reader035/viewer/2022062617/54c801004a7959786d8b459c/html5/thumbnails/6.jpg)
2 Paginas
<div data-role="page" id="page1"> <div data-role="header"> <h1>Page 1</h1> </div> <div data-role="content"> <a href="#page2" data-role="button">Go to Page 2</a> </div></div>
<div data-role="page" id="page2"> <div data-role="header"> <h1>Page 2</h1> </div> <div data-role="content"> <a href="#page1" data-role="button">Go to Page 1</a> </div></div>
![Page 7: Jquerymobile ppt](https://reader035.vdocuments.net/reader035/viewer/2022062617/54c801004a7959786d8b459c/html5/thumbnails/7.jpg)
![Page 8: Jquerymobile ppt](https://reader035.vdocuments.net/reader035/viewer/2022062617/54c801004a7959786d8b459c/html5/thumbnails/8.jpg)
Fixed Footer Navigation<div data-role="footer" data-id="myfooter" data-position="fixed"> <div data-role="navbar"> <ul> <li><a href="footer.html" class="ui-btn-active">One</a></li> <li><a href="footer2.html">Two</a></li> <li><a href="footer3.html">Three</a></li> </ul> </div></div>
// Second page<div data-role="footer" data-id="myfooter" data-position="fixed"> <div data-role="navbar"> <ul> <li><a href="footer.html">One</a></li> <li><a href="footer2.html" class="ui-btn-active">Two</a></li> <li><a href="footer3.html">Three</a></li> </ul> </div></div>
// Third page<div data-role="footer" data-id="myfooter" data-position="fixed"> <div data-role="navbar"> <ul> <li><a href="footer.html">One</a></li> <li><a href="footer2.html">Two</a></li> <li><a href="footer3.html" class="ui-btn-active">Three</a></li> </ul> </div></div>
![Page 9: Jquerymobile ppt](https://reader035.vdocuments.net/reader035/viewer/2022062617/54c801004a7959786d8b459c/html5/thumbnails/9.jpg)
![Page 10: Jquerymobile ppt](https://reader035.vdocuments.net/reader035/viewer/2022062617/54c801004a7959786d8b459c/html5/thumbnails/10.jpg)
<a href="galeria.html" rel="external" data-transition="slide"></a>
![Page 11: Jquerymobile ppt](https://reader035.vdocuments.net/reader035/viewer/2022062617/54c801004a7959786d8b459c/html5/thumbnails/11.jpg)
Formulario
![Page 12: Jquerymobile ppt](https://reader035.vdocuments.net/reader035/viewer/2022062617/54c801004a7959786d8b459c/html5/thumbnails/12.jpg)
http://codiqa.com/
![Page 13: Jquerymobile ppt](https://reader035.vdocuments.net/reader035/viewer/2022062617/54c801004a7959786d8b459c/html5/thumbnails/13.jpg)
http://jquerymobile.com/themeroller/
![Page 14: Jquerymobile ppt](https://reader035.vdocuments.net/reader035/viewer/2022062617/54c801004a7959786d8b459c/html5/thumbnails/14.jpg)
Recursos
![Page 15: Jquerymobile ppt](https://reader035.vdocuments.net/reader035/viewer/2022062617/54c801004a7959786d8b459c/html5/thumbnails/15.jpg)
Jquery Mobile Gallery
http://www.jqmgallery.com/
![Page 16: Jquerymobile ppt](https://reader035.vdocuments.net/reader035/viewer/2022062617/54c801004a7959786d8b459c/html5/thumbnails/16.jpg)
Test
http://www.mozilla.org/en-US/mobile/
![Page 17: Jquerymobile ppt](https://reader035.vdocuments.net/reader035/viewer/2022062617/54c801004a7959786d8b459c/html5/thumbnails/17.jpg)
Sitios Recomendados
http://detectmobilebrowsers.com/
http://net.tutsplus.com/tag/jquery-mobile/
http://revolucion.mobi/
http://www.ibm.com/developerworks/web/library/wa-jqmobile/
http://jquerymobile.com/