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

Jquery Mobile

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
SREのプラクティスを用いた3領域同時 マネジメントへの挑戦 〜SRE・情シス・セキュリティを統合した チーム運営術〜
Avatar for coconala_engineer coconala_engineer
2
770
Tebiki Engineering Team Deck
Avatar for Tebiki, Inc. tebiki
0
24k
私たち準委任PdEは2つのプロダクトに挑戦する ～ソフトウェア、開発支援という”二重”のプロダクトエンジニアリングの実践～ / 20260212 Naoki Takahashi
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
190
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
Avatar for nihonbuson nihonbuson
PRO
2
330
ファインディの横断SREがTakumi byGMOと取り組む、セキュリティと開発スピードの両立
Avatar for adachi.ryo rvirus0817
1
1.6k
ClickHouseはどのように大規模データを活用したAIエージェントを全社展開しているのか
Avatar for Miki Matsumoto mikimatsumoto
0
270
Agile Leadership Summit Keynote 2026
Avatar for seki at druby.org m_seki
1
670
コンテナセキュリティの最新事情 ~ 2026年版 ~
Avatar for Kyohei Mizumoto kyohmizu
6
1.4k
今日から始める Amazon Bedrock AgentCore
Avatar for Har1101 har1101
4
420
Oracle AI Database 移行・アップグレード勉強会 - RAT活用編
Avatar for oracle4engineer oracle4engineer
PRO
0
110
顧客との商談議事録をみんなで読んで顧客解像度を上げよう
Avatar for shibayu36 shibayu36
0
310
量子クラウドサービスの裏側　〜Deep Dive into OQTOPUS〜
Avatar for OQTOPUS oqtopus
0
150

Featured

See All Featured
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
590
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
750
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
94
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
230
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
330
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
110
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.4k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.7k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k

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/