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
Context Engineeringの取り組み
nutslove
0
290
OWASP Top 10:2025 リリースと 少しの日本語化にまつわる裏話
okdt
PRO
2
130
OCI Database Management サービス詳細
oracle4engineer
PRO
1
7.3k
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
zepprix
0
400
GSIが複数キー対応したことで、俺達はいったい何が嬉しいのか?
smt7174
3
140
顧客との商談議事録をみんなで読んで顧客解像度を上げよう
shibayu36
0
170
学生・新卒・ジュニアから目指すSRE
hiroyaonoe
2
560
入社1ヶ月でデータパイプライン講座を作った話
waiwai2111
1
250
SREのプラクティスを用いた3領域同時 マネジメントへの挑戦 〜SRE・情シス・セキュリティを統合した チーム運営術〜
coconala_engineer
2
600
Tebiki Engineering Team Deck
tebiki
0
24k
~Everything as Codeを諦めない~ 後からCDK
mu7889yoon
3
270
Introduction to Bill One Development Engineer
sansan33
PRO
0
360
Featured
See All Featured
Faster Mobile Websites
deanohume
310
31k
Optimising Largest Contentful Paint
csswizardry
37
3.6k
Statistics for Hackers
jakevdp
799
230k
Rails Girls Zürich Keynote
gr2m
96
14k
Google's AI Overviews - The New Search
badams
0
900
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Discover your Explorer Soul
emna__ayadi
2
1.1k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
79
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.7k
Odyssey Design
rkendrick25
PRO
1
490
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
55k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.2k
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/