Jquerymobile ppt
Upcoming SlideShare
Loading in...5
×
 

Jquerymobile ppt

on

  • 2,444 views

jquery mobile!!

jquery mobile!!

Statistics

Views

Total Views
2,444
Views on SlideShare
2,432
Embed Views
12

Actions

Likes
0
Downloads
88
Comments
0

1 Embed 12

http://www.verious.com 12

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Jquerymobile ppt Jquerymobile ppt Presentation Transcript

    • ¿Que es?Mobile Framework usa jQuery.Multibrowser.Multiplataforma.Crear aplicaciones web que se sienten tan cerca comolas aplicaciones nativas.
    • PlataformasiOS, Android, Windows MobileBlackberry, Symbian, webOSFirefox Mobile (Fennec), Opera Mobile /MiniMeego, bada, Maemo...Phonegap!
    • Elementos básicos de<!doctype html> página<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>
    • 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>
    • 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>
    • <a href="galeria.html" rel="external" data- transition="slide"></a>
    • Formulario
    • http://codiqa.com/
    • http://jquerymobile.com/themeroll er/
    • Recursos
    • Jquery Mobile Gallery http://www.jqmgallery.com/
    • Test http://www.mozilla.org/en- US/mobile/
    • Sitios Recomendadoshttp://jquerymobile.com/http://detectmobilebrowsers.com/http://net.tutsplus.com/tag/jquery-mobile/http://revolucion.mobi/http://www.ibm.com/developerworks/web/library/wa-jqmobile/