Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Jquery Mobile

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Willy Aguirre Willy Aguirre
December 11, 2012
Technology
1
110

Jquery Mobile

Introducción a Jquery Mobile

Avatar for Willy Aguirre

Willy Aguirre

December 11, 2012
Tweet

More Decks by Willy Aguirre

See All by Willy Aguirre
Rust, el nuevo lenguaje de Mozilla
Avatar for Willy Aguirre marti1125
0
39
Una Introduccion a Marketplace
Avatar for Willy Aguirre marti1125
1
270
La web en HTML5
Avatar for Willy Aguirre marti1125
1
49

Other Decks in Technology

See All in Technology
Kiro IDEのドキュメントを全部読んだので地味だけどちょっと嬉しい機能を紹介する
Avatar for khmoryz khmoryz
0
180
変化するコーディングエージェントとの現実的な付き合い方 〜Cursor安定択説と、ツールに依存しない「資産」〜
Avatar for empitsu empitsu
4
1.4k
Context Engineeringの取り組み
Avatar for nutslove nutslove
0
340
Agile Leadership Summit Keynote 2026
Avatar for seki at druby.org m_seki
1
590
Context Engineeringが企業で不可欠になる理由
Avatar for Hirosato Gamo hirosatogamo
PRO
3
560
AI駆動PjMの理想像 と現在地 -実践例を添えて-
Avatar for オカムラ masahiro_okamura
1
110
今日から始める Amazon Bedrock AgentCore
Avatar for Har1101 har1101
4
400
usermode linux without MMU - fosdem2026 kernel devroom
Avatar for Hajime Tazaki thehajime
0
230
GitLab Duo Agent Platform × AGENTS.md で実現するSpec-Driven Development / GitLab Duo Agent Platform × AGENTS.md
Avatar for Niishi Kubo n11sh1
0
130
15 years with Rails and DDD (AI Edition)
Avatar for Andrzej Krzywda andrzejkrzywda
0
190
モダンUIでフルサーバーレスなAIエージェントをAmplifyとCDKでサクッとデプロイしよう
Avatar for みのるん minorun365
4
180
CDKで始めるTypeScript開発のススメ
Avatar for つくぼし tsukuboshi
1
380

Featured

See All Featured
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
0
320
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
140
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
64
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.7k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
3.9k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.1k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
Designing for Performance
Avatar for Lara Hogan lara
610
70k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.2k

Transcript

  1. None

  2. ¿Que es? Mobile Framework usa jQuery. Multibrowser. Multiplataforma. Crear aplicaciones

    web que se sienten tan cerca como las aplicaciones nativas.

  3. Plataformas iOS, Android, Windows Mobile Blackberry, Symbian, webOS Firefox Mobile

    (Fennec), Opera Mobile / Mini Meego, bada, Maemo... Phonegap!

  4. 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>
  5. None

  6. 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>
  7. None

  8. 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>
  9. None

  10. <a href="galeria.html" rel="external" data-transition="slide"></a>

  11. Formulario

  12. http://codiqa.com/

  13. http://jquerymobile.com/themeroll er/

  14. Recursos

  15. Jquery Mobile Gallery http://www.jqmgallery.com/

  16. Test http://www.mozilla.org/en-US/mobile/

  17. 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/