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

Jquery Mobile

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
35
Una Introduccion a Marketplace
Avatar for Willy Aguirre marti1125
1
260
La web en HTML5
Avatar for Willy Aguirre marti1125
1
46

Other Decks in Technology

See All in Technology
AIは変更差分からユニットテスト_結合テスト_システムテストでテストすべきことが出せるのか？
Avatar for Matsu mineo_matsuya
5
3.1k
Observability for LLM Application lifecycle
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
1
230
ECS モニタリング手法大整理
Avatar for Yu Endo yendoooo
1
110
帳票Vibe Coding
Avatar for terurou terurou
0
130
モノレポにおけるエラー管理 ~Runbook自動生成とチームメンションの最適化
Avatar for Shota Iwami biwashi
0
520
第4回 関東Kaggler会 [Training LLMs with Limited VRAM]
Avatar for tascj tascj
11
1.5k
AIとTDDによるNext.js「隙間ツール」開発の実践
Avatar for Makoto Tateno makotot
4
130
どこで動かすか、誰が動かすか 〜 kintoneのインフラ基盤刷新と運用体制のシフト 〜
Avatar for Shin'ya Ueoka ueokande
0
170
AWSの最新サービスでAIエージェント構築に楽しく入門しよう
Avatar for みのるん minorun365
PRO
10
580
[CV勉強会@関東 CVPR2025 読み会] MegaSaM: Accurate, Fast, and Robust Structure and Motion from Casual Dynamic Videos (Li+, CVPR2025)
Avatar for abemii_ abemii
0
180
イオン店舗一覧ページのパフォーマンスチューニング事例 / Performance tuning example for AEON store list page
Avatar for AEON aeonpeople
1
160
LLM時代の検索とコンテキストエンジニアリング
Avatar for shibuiwilliam shibuiwilliam
2
1.1k

Featured

See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
31
2.2k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
56
5.8k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.8k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
70
11k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.7k

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/