0
Desenvolvimento mobile com
Pablo Garrido            ???
O que é jQuery Mobile ?    www.jquerymobile.com
Suporte
Cases        Fonte: http://www.jqmgallery.com/
Estrutura de Código<!DOCTYPE html><html><head> <title>Page Title</title> <meta name="viewport" content="width=device-width...
Exemplo<!DOCTYPE html><html><head>   <title>Page Title</title>   <meta name="viewport" content="width=device-width, initia...
Multi-page
jqmGallery             http://jqmgallery.com
Obrigado.     www.pablogp.com   contato@pablogp.com        @devpablogp     fb.com/devpablogp Slideshare.com/devpablogp
Desenvolvimento web com jQuery Mobile
Upcoming SlideShare
Loading in...5
×

Desenvolvimento web com jQuery Mobile

322

Published on

Palestra sobre desenvolvimento mobile com JQuery Mobile apresentada na semana de tecnologia 2012 da Universidade Estácio de Sá

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
322
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Desenvolvimento web com jQuery Mobile"

  1. 1. Desenvolvimento mobile com
  2. 2. Pablo Garrido ???
  3. 3. O que é jQuery Mobile ? www.jquerymobile.com
  4. 4. Suporte
  5. 5. Cases Fonte: http://www.jqmgallery.com/
  6. 6. 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>
  7. 7. 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>
  8. 8. Multi-page
  9. 9. jqmGallery http://jqmgallery.com
  10. 10. Obrigado. www.pablogp.com contato@pablogp.com @devpablogp fb.com/devpablogp Slideshare.com/devpablogp
  1. Gostou de algum slide específico?

    Recortar slides é uma maneira fácil de colecionar informações para acessar mais tarde.

×