Desenvolvimento Indolor com JQuery Mobile
-
Upload
bruno-oliveira -
Category
Technology
-
view
2.816 -
download
2
Transcript of Desenvolvimento Indolor com JQuery Mobile
![Page 1: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/1.jpg)
Please enable JavaScriptto view this page properly
Saturday, May 14, 2011
![Page 2: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/2.jpg)
Bruno Oliveira@abstractj
http://gitshelf.com
Saturday, May 14, 2011
![Page 3: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/3.jpg)
Desenvolvimento Indolor com JQuery
MobileSaturday, May 14, 2011
![Page 4: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/4.jpg)
Obrigado!
Saturday, May 14, 2011
![Page 5: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/5.jpg)
Mobilidade
Saturday, May 14, 2011
![Page 6: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/6.jpg)
~ 205 Mde aparelhos celulares
~ 85 Mde computadores
(teleco/sercomtel)
Saturday, May 14, 2011
![Page 7: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/7.jpg)
Valor agregado
Saturday, May 14, 2011
![Page 8: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/8.jpg)
Plataformas
Saturday, May 14, 2011
![Page 9: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/9.jpg)
O cowboy!
Windows Mobile
Android iOSJavaME
Saturday, May 14, 2011
![Page 10: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/10.jpg)
Java ME
JavaFX #FAIL
Saturday, May 14, 2011
![Page 11: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/11.jpg)
Windows Mobile
Saturday, May 14, 2011
![Page 12: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/12.jpg)
Saturday, May 14, 2011
![Page 13: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/13.jpg)
Android
Saturday, May 14, 2011
![Page 14: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/14.jpg)
DOX Desenvolvimento
Orientado a
XML
Saturday, May 14, 2011
![Page 15: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/15.jpg)
iOS
Saturday, May 14, 2011
![Page 16: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/16.jpg)
#comofaz?
FAX?!
Saturday, May 14, 2011
![Page 17: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/17.jpg)
Objective C
Saturday, May 14, 2011
![Page 18: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/18.jpg)
#import <Foundation/Foundation.h>
int main(int argc, const char argv[]){! NSAutoreleasePool *anAutoreleasePool = [[NSAutoreleasePool alloc] init];!! NSLog(@"Hello World");!! [anAutoreleasePool drain];! return 0;}
Simples?!
Saturday, May 14, 2011
![Page 19: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/19.jpg)
Problemas?
Saturday, May 14, 2011
![Page 20: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/20.jpg)
$$$$$$$$$$$$$$$$$$$$$$$$$$
Saturday, May 14, 2011
![Page 21: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/21.jpg)
Saturday, May 14, 2011
![Page 22: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/22.jpg)
Saturday, May 14, 2011
![Page 23: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/23.jpg)
Entregar valor > preciosimo
Saturday, May 14, 2011
![Page 24: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/24.jpg)
Wizards são tão simples!
Saturday, May 14, 2011
![Page 25: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/25.jpg)
As aparências enganam!
Saturday, May 14, 2011
![Page 26: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/26.jpg)
Alguém precisa pensar por você?
Saturday, May 14, 2011
![Page 27: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/27.jpg)
Solução?!
Saturday, May 14, 2011
![Page 28: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/28.jpg)
Pra que aplicações nativas?
Saturday, May 14, 2011
![Page 29: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/29.jpg)
Call me titanium
guy!JQuery Rocks!
Saturday, May 14, 2011
![Page 30: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/30.jpg)
O que todo celular tem em comum?
Saturday, May 14, 2011
![Page 31: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/31.jpg)
Browser
Saturday, May 14, 2011
![Page 32: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/32.jpg)
Browser BlackBerry
Safari Opera
Android
Palm Symbian
Saturday, May 14, 2011
![Page 33: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/33.jpg)
Saturday, May 14, 2011
![Page 34: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/34.jpg)
JavaScript
Saturday, May 14, 2011
![Page 35: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/35.jpg)
MVC
Saturday, May 14, 2011
![Page 36: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/36.jpg)
MVC
Saturday, May 14, 2011
![Page 37: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/37.jpg)
MVC
Saturday, May 14, 2011
![Page 38: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/38.jpg)
Não seja cowboy!
Saturday, May 14, 2011
![Page 39: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/39.jpg)
JQuery Mobile
Saturday, May 14, 2011
![Page 40: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/40.jpg)
Desenvolvedores
29 devs JQuerySaturday, May 14, 2011
![Page 41: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/41.jpg)
Saturday, May 14, 2011
![Page 42: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/42.jpg)
JQuery 86 KB (minified)
JQuery Mobile JS 66 KB (minified)
JQuery Mobile CSS 45 KB (minified)
Total = 197 KB
O que eu preciso?
Saturday, May 14, 2011
![Page 43: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/43.jpg)
MultiplataformaCross Device
Saturday, May 14, 2011
![Page 44: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/44.jpg)
<!DOCTYPE html><meta charset="utf-8"><head> ! <title>Brazil JS</title> ! <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /> ! <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script> ! <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script> ! <script type="text/javascript" src="experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script> </head>
Estrutura básica
Saturday, May 14, 2011
![Page 45: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/45.jpg)
<!DOCTYPE html><meta charset="utf-8"><head> ! <title>Brazil JS</title> ! <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /> ! <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script> ! <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script> ! <script type="text/javascript" src="experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script> </head>
Estrutura básica
Saturday, May 14, 2011
![Page 46: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/46.jpg)
<!DOCTYPE html><meta charset="utf-8"><head> ! <title>Brazil JS</title> ! <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /> ! <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script> ! <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script> ! <script type="text/javascript" src="experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script> </head>
Estrutura básica
Saturday, May 14, 2011
![Page 47: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/47.jpg)
<!DOCTYPE html><meta charset="utf-8"><head> ! <title>Brazil JS</title> ! <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /> ! <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script> ! <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script> ! <script type="text/javascript" src="experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script> </head>
Estrutura básica
Saturday, May 14, 2011
![Page 48: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/48.jpg)
Saturday, May 14, 2011
![Page 49: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/49.jpg)
Corpo da página
Saturday, May 14, 2011
![Page 50: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/50.jpg)
! <body>! ! <div data-role="page" id="foo">! ! !! ! ! <div data-role="header">! ! ! ! <h1>Header</h1>! ! ! </div>! ! !! ! ! <div data-role="content">!! ! ! ! <p>Conteúdo</p>! !! ! ! </div>! ! !! ! ! <div data-role="footer">! ! ! ! <h4>Footer</h4>! ! ! </div>! ! </div>! !! </body>
Corpo da página
Saturday, May 14, 2011
![Page 51: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/51.jpg)
! <body>! ! <div data-role="page" id="foo">! ! !! ! ! <div data-role="header">! ! ! ! <h1>Header</h1>! ! ! </div>! ! !! ! ! <div data-role="content">!! ! ! ! <p>Conteúdo</p>! !! ! ! </div>! ! !! ! ! <div data-role="footer">! ! ! ! <h4>Footer</h4>! ! ! </div>! ! </div>! !! </body>
Corpo da página
Saturday, May 14, 2011
![Page 52: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/52.jpg)
! <body>! ! <div data-role="page" id="foo">! ! !! ! ! <div data-role="header">! ! ! ! <h1>Header</h1>! ! ! </div>! ! !! ! ! <div data-role="content">!! ! ! ! <p>Conteúdo</p>! !! ! ! </div>! ! !! ! ! <div data-role="footer">! ! ! ! <h4>Footer</h4>! ! ! </div>! ! </div>! !! </body>
Corpo da página
Saturday, May 14, 2011
![Page 53: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/53.jpg)
! <body>! ! <div data-role="page" id="foo">! ! !! ! ! <div data-role="header">! ! ! ! <h1>Header</h1>! ! ! </div>! ! !! ! ! <div data-role="content">!! ! ! ! <p>Conteúdo</p>! !! ! ! </div>! ! !! ! ! <div data-role="footer">! ! ! ! <h4>Footer</h4>! ! ! </div>! ! </div>! !! </body>
Corpo da página
Saturday, May 14, 2011
![Page 54: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/54.jpg)
! <body>! ! <div data-role="page" id="foo">! ! !! ! ! <div data-role="header">! ! ! ! <h1>Header</h1>! ! ! </div>! ! !! ! ! <div data-role="content">!! ! ! ! <p>Conteúdo</p>! !! ! ! </div>! ! !! ! ! <div data-role="footer">! ! ! ! <h4>Footer</h4>! ! ! </div>! ! </div>! !! </body>
Corpo da página
Saturday, May 14, 2011
![Page 55: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/55.jpg)
Touch Layout
Saturday, May 14, 2011
![Page 56: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/56.jpg)
<!DOCTYPE html><meta charset="utf-8">! <html>! ! <head>! ! ! <title>Brazil JS</title>! ! ! <link ... />! ! ! <script src="..."></script>! ! </head>! ! <body>! ! ! <div data-role="header" data-theme="b">! ! ! ! <h1>Sábado</h1>! ! ! </div>! ! ! <div data-role="page" id="listing">! ! ! !! ! ! ! <div data-role="content"> ! ! ! ! ! <ol data-role="listview"> ! ! ! ! ! ! <li>7h00! Credenciamento</li> ! ! ! ! ! ! <li>7h50! Abertura</li> ! ! ! ! ! ! <li>8h00! Keynote David Herman </li> ! ! ! ! ! ! <li>9h00! Keynote Marcelo Campos - Rocha Conhecendo o Engine, o servidor Javascript do ERP da UNUM.</li> ! ! ! ! ! ! <li>10h00!Coffee Break</li>! ! ! ! ! ! ! ! .... ! ! ! ! ! </ol> ! ! ! ! </div>! ! ! </div>Saturday, May 14, 2011
![Page 57: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/57.jpg)
<!DOCTYPE html><meta charset="utf-8">! <html>! ! <head>! ! ! <title>Brazil JS</title>! ! ! <link ... />! ! ! <script src="..."></script>! ! </head>! ! <body>! ! ! <div data-role="header" data-theme="b">! ! ! ! <h1>Sábado</h1>! ! ! </div>! ! ! <div data-role="page" id="listing">! ! ! !! ! ! ! <div data-role="content"> ! ! ! ! ! <ol data-role="listview"> ! ! ! ! ! ! <li>7h00! Credenciamento</li> ! ! ! ! ! ! <li>7h50! Abertura</li> ! ! ! ! ! ! <li>8h00! Keynote David Herman </li> ! ! ! ! ! ! <li>9h00! Keynote Marcelo Campos - Rocha Conhecendo o Engine, o servidor Javascript do ERP da UNUM.</li> ! ! ! ! ! ! <li>10h00!Coffee Break</li>! ! ! ! ! ! ! ! .... ! ! ! ! ! </ol> ! ! ! ! </div>! ! ! </div>Saturday, May 14, 2011
![Page 58: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/58.jpg)
<!DOCTYPE html><meta charset="utf-8">! <html>! ! <head>! ! ! <title>Brazil JS</title>! ! ! <link ... />! ! ! <script src="..."></script>! ! </head>! ! <body>! ! ! <div data-role="header" data-theme="b">! ! ! ! <h1>Sábado</h1>! ! ! </div>! ! ! <div data-role="page" id="listing">! ! ! !! ! ! ! <div data-role="content"> ! ! ! ! ! <ol data-role="listview"> ! ! ! ! ! ! <li>7h00! Credenciamento</li> ! ! ! ! ! ! <li>7h50! Abertura</li> ! ! ! ! ! ! <li>8h00! Keynote David Herman </li> ! ! ! ! ! ! <li>9h00! Keynote Marcelo Campos - Rocha Conhecendo o Engine, o servidor Javascript do ERP da UNUM.</li> ! ! ! ! ! ! <li>10h00!Coffee Break</li>! ! ! ! ! ! ! ! .... ! ! ! ! ! </ol> ! ! ! ! </div>! ! ! </div>Saturday, May 14, 2011
![Page 59: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/59.jpg)
Forms
Saturday, May 14, 2011
![Page 60: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/60.jpg)
! ! ! ! <div data-role="content">! ! ! ! !! ! ! ! ! <form id="frmLogin">! ! ! ! ! ! <div data-role="fieldcontain">! ! ! ! ! ! ! <label for="email">! ! ! ! ! ! ! ! <em>* </em> Email: </label>! ! ! ! ! ! ! <input type="text" id="email"! ! ! ! ! ! ! name="email" class="required email" />! ! ! ! ! ! </div>! ! ! ! ! !! ! ! ! ! ! <div data-role="fieldcontain">! ! ! ! ! ! ! <label for="password"> ! ! ! ! ! ! ! ! <em>* </em>Senha: </label>! ! ! ! ! ! ! <input type="password" id="password"! ! ! ! ! ! ! name="password" class="required" />! ! ! ! ! ! </div>! ! ! ! ! !! ! ! ! ! ! <div class="ui-body ui-body-b">! ! ! ! ! ! ! <button class="btnLogin" type="submit"! ! ! ! ! ! ! ! data-theme="a">Login</button>! ! ! ! ! ! </div>! ! ! ! ! </form>! ! ! ! !! ! ! ! </div>
Saturday, May 14, 2011
![Page 61: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/61.jpg)
! ! ! ! <div data-role="content">! ! ! ! !! ! ! ! ! <form id="frmLogin">! ! ! ! ! ! <div data-role="fieldcontain">! ! ! ! ! ! ! <label for="email">! ! ! ! ! ! ! ! <em>* </em> Email: </label>! ! ! ! ! ! ! <input type="text" id="email"! ! ! ! ! ! ! name="email" class="required email" />! ! ! ! ! ! </div>! ! ! ! ! !! ! ! ! ! ! <div data-role="fieldcontain">! ! ! ! ! ! ! <label for="password"> ! ! ! ! ! ! ! ! <em>* </em>Senha: </label>! ! ! ! ! ! ! <input type="password" id="password"! ! ! ! ! ! ! name="password" class="required" />! ! ! ! ! ! </div>! ! ! ! ! !! ! ! ! ! ! <div class="ui-body ui-body-b">! ! ! ! ! ! ! <button class="btnLogin" type="submit"! ! ! ! ! ! ! ! data-theme="a">Login</button>! ! ! ! ! ! </div>! ! ! ! ! </form>! ! ! ! !! ! ! ! </div>
Saturday, May 14, 2011
![Page 62: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/62.jpg)
! ! ! ! <div data-role="content">! ! ! ! !! ! ! ! ! <form id="frmLogin">! ! ! ! ! ! <div data-role="fieldcontain">! ! ! ! ! ! ! <label for="email">! ! ! ! ! ! ! ! <em>* </em> Email: </label>! ! ! ! ! ! ! <input type="text" id="email"! ! ! ! ! ! ! name="email" class="required email" />! ! ! ! ! ! </div>! ! ! ! ! !! ! ! ! ! ! <div data-role="fieldcontain">! ! ! ! ! ! ! <label for="password"> ! ! ! ! ! ! ! ! <em>* </em>Senha: </label>! ! ! ! ! ! ! <input type="password" id="password"! ! ! ! ! ! ! name="password" class="required" />! ! ! ! ! ! </div>! ! ! ! ! !! ! ! ! ! ! <div class="ui-body ui-body-b">! ! ! ! ! ! ! <button class="btnLogin" type="submit"! ! ! ! ! ! ! ! data-theme="a">Login</button>! ! ! ! ! ! </div>! ! ! ! ! </form>! ! ! ! !! ! ! ! </div>
Saturday, May 14, 2011
![Page 63: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/63.jpg)
Saturday, May 14, 2011
![Page 64: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/64.jpg)
Validação
Saturday, May 14, 2011
![Page 65: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/65.jpg)
$("#formLogin").validate({! submitHandler: function(form) {! ! //Chamada pra alguma action! } });
Validação
Saturday, May 14, 2011
![Page 66: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/66.jpg)
Sliders
Saturday, May 14, 2011
![Page 67: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/67.jpg)
<div data-role="fieldcontain">! <label for="slider2">Beer mode:</label>!! <select name="slider2" id="slider2" data-role="slider">! ! <option value="off">Off</option>! ! <option value="on">On</option>! </select></div>
<div data-role="fieldcontain">! <label for="search">Search beer:</label>! <input type="search" name="search" id="search" value="" /></div>
<div data-role="fieldcontain">! <label for="slider">Grau alcoólico:</label>!! <input type="range" name="slider" id="slider" value="0" min="0" max="100" /></div>
Saturday, May 14, 2011
![Page 68: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/68.jpg)
<div data-role="fieldcontain">! <label for="slider2">Beer mode:</label>!! <select name="slider2" id="slider2" data-role="slider">! ! <option value="off">Off</option>! ! <option value="on">On</option>! </select></div>
<div data-role="fieldcontain">! <label for="search">Search beer:</label>! <input type="search" name="search" id="search" value="" /></div>
<div data-role="fieldcontain">! <label for="slider">Grau alcoólico:</label>!! <input type="range" name="slider" id="slider" value="0" min="0" max="100" /></div>
Saturday, May 14, 2011
![Page 69: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/69.jpg)
<div data-role="fieldcontain">! <label for="slider2">Beer mode:</label>!! <select name="slider2" id="slider2" data-role="slider">! ! <option value="off">Off</option>! ! <option value="on">On</option>! </select></div>
<div data-role="fieldcontain">! <label for="search">Search beer:</label>! <input type="search" name="search" id="search" value="" /></div>
<div data-role="fieldcontain">! <label for="slider">Grau alcoólico:</label>!! <input type="range" name="slider" id="slider" value="0" min="0" max="100" /></div>
Saturday, May 14, 2011
![Page 70: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/70.jpg)
Transição de páginas
<div data-role="content"> ! ! <a href="transition-success.html" data-role="button" data-
rel="dialog" data-transition="slide">slide</a> </div>
Saturday, May 14, 2011
![Page 71: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/71.jpg)
Saturday, May 14, 2011
![Page 72: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/72.jpg)
slidedown slideup fade flip pop
Saturday, May 14, 2011
![Page 73: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/73.jpg)
Thumbnails<div data-role="content"> ! <ul data-role="listview"> ! ! <li><a href="index.html"> ! ! ! <img src="images/album-bb.jpg" /> ! ! ! <h3>Broken Bells</h3> ! ! ! <p>Broken Bells</p> ! ! </a></li> ! </ul> </div>
Saturday, May 14, 2011
![Page 74: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/74.jpg)
Thumbnails<div data-role="content"> ! <ul data-role="listview"> ! ! <li><a href="index.html"> ! ! ! <img src="images/album-bb.jpg" /> ! ! ! <h3>Broken Bells</h3> ! ! ! <p>Broken Bells</p> ! ! </a></li> ! </ul> </div>
Saturday, May 14, 2011
![Page 75: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/75.jpg)
Experimentais
Saturday, May 14, 2011
![Page 76: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/76.jpg)
Datepicker
Saturday, May 14, 2011
![Page 77: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/77.jpg)
Google Maps
Saturday, May 14, 2011
![Page 78: Desenvolvimento Indolor com JQuery Mobile](https://reader034.fdocuments.in/reader034/viewer/2022042714/5554dddfb4c9051b6e8b51df/html5/thumbnails/78.jpg)
Obrigado!@abstractj
http://gitshelf.com
Saturday, May 14, 2011