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
Frontier Agents (Kiro autonomous agent / AWS Security Agent / AWS DevOps Agent) の紹介
msysh
3
160
AIエージェントを開発しよう!-AgentCore活用の勘所-
yukiogawa
0
110
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
oracle4engineer
PRO
2
14k
~Everything as Codeを諦めない~ 後からCDK
mu7889yoon
3
300
配列に見る bash と zsh の違い
kazzpapa3
1
120
Azure Durable Functions で作った NL2SQL Agent の精度向上に取り組んだ話/jat08
thara0402
0
160
Tebiki Engineering Team Deck
tebiki
0
24k
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
42k
MCPでつなぐElasticsearchとLLM - 深夜の障害対応を楽にしたい / Bridging Elasticsearch and LLMs with MCP
sashimimochi
0
150
[CV勉強会@関東 World Model 読み会] Orbis: Overcoming Challenges of Long-Horizon Prediction in Driving World Models (Mousakhan+, NeurIPS 2025)
abemii
0
100
学生・新卒・ジュニアから目指すSRE
hiroyaonoe
2
580
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
10k
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
54
8k
Color Theory Basics | Prateek | Gurzu
gurzu
0
200
BBQ
matthewcrist
89
10k
RailsConf 2023
tenderlove
30
1.3k
Code Review Best Practice
trishagee
74
20k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Java REST API Framework Comparison - PWX 2021
mraible
34
9.1k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.1k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
1.9k
エンジニアに許された特別な時間の終わり
watany
106
230k
Navigating Team Friction
lara
192
16k
Agile that works and the tools we love
rasmusluckow
331
21k
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/