Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Jquery Mobile
Search
Willy Aguirre
December 11, 2012
Technology
1
110
Jquery Mobile
Introducción a Jquery Mobile
Willy Aguirre
December 11, 2012
Tweet
Share
More Decks by Willy Aguirre
See All by Willy Aguirre
Rust, el nuevo lenguaje de Mozilla
marti1125
0
39
Una Introduccion a Marketplace
marti1125
1
270
La web en HTML5
marti1125
1
49
Other Decks in Technology
See All in Technology
Bill One 開発エンジニア 紹介資料
sansan33
PRO
4
17k
BidiAgent と Nova 2 Sonic から考える音声 AI について
yama3133
2
140
AWS re:Inventre:cap ~AmazonNova 2 Omniのワークショップを体験してきた~
nrinetcom
PRO
0
130
2025年の医用画像AI/AI×medical_imaging_in_2025_generated_by_AI
tdys13
0
290
Bedrock AgentCore Evaluationsで学ぶLLM as a judge入門
shichijoyuhi
2
310
Oracle Cloud Infrastructure:2025年12月度サービス・アップデート
oracle4engineer
PRO
0
180
First-Principles-of-Scrum
hiranabe
2
1k
会社紹介資料 / Sansan Company Profile
sansan33
PRO
11
390k
田舎で20年スクラム(後編):一個人が企業で長期戦アジャイルに挑む意味
chinmo
1
950
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.9k
Java 25に至る道
skrb
3
140
技術選定、下から見るか?横から見るか?
masakiokuda
0
170
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
3.5k
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
530
Technical Leadership for Architectural Decision Making
baasie
0
200
Accessibility Awareness
sabderemane
0
31
Speed Design
sergeychernyshev
33
1.5k
AI: The stuff that nobody shows you
jnunemaker
PRO
1
150
A Modern Web Designer's Workflow
chriscoyier
698
190k
Un-Boring Meetings
codingconduct
0
170
Designing for Timeless Needs
cassininazir
0
110
Building AI with AI
inesmontani
PRO
1
610
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
0
220
Transcript
None
¿Que es? Mobile Framework usa jQuery. Multibrowser. Multiplataforma. Crear aplicaciones
web que se sienten tan cerca como las aplicaciones nativas.
Plataformas iOS, Android, Windows Mobile Blackberry, Symbian, webOS Firefox Mobile
(Fennec), Opera Mobile / Mini Meego, bada, Maemo... Phonegap!
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>
None
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>
None
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>
None
<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 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/