Desenvolvimento web com jQuery Mobile
Download as PPT, PDF1 like535 views
The document discusses mobile development using jQuery Mobile, providing a brief introduction and referencing sources for support. It includes an example HTML structure demonstrating the use of jQuery Mobile components such as pages, headers, content, and footers. Additionally, it offers links for further exploration and contact information for the author.
Desenvolvimento web com jQuery Mobile
- 2. Pablo Garrido ???
- 3. O que é jQuery Mobile ? www.jquerymobile.com
- 5. Suporte
- 6. Cases Fonte: http://www.jqmgallery.com/
- 7. Estrutura de Código <!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" ref="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> </head> <body> ...content goes here... </body> </html>
- 8. Exemplo <!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.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>
- 9. Multi-page
- 10. jqmGallery http://jqmgallery.com
- 11. Obrigado. www.pablogp.com [email protected] @devpablogp fb.com/devpablogp Slideshare.com/devpablogp