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 Dariusz Parys Dariusz Parys
November 15, 2011
Technology
1
120

jQuery Mobile

jQuery Mobile in ASP.NET MVC einsetzen

Avatar for Dariusz Parys

Dariusz Parys

November 15, 2011
Tweet

More Decks by Dariusz Parys

See All by Dariusz Parys
Cross-Plattform-Spieleentwicklung mit HTML5, WebGL und Unity3D
Avatar for Dariusz Parys writeline
0
1.5k
Windows Phone 8 Entwicklung
Avatar for Dariusz Parys writeline
0
45
Windows 8, Windows Phone 8 und überhaupt...
Avatar for Dariusz Parys writeline
1
150
TypeScript - A Brief Introduction
Avatar for Dariusz Parys writeline
1
150
Run your stuff@azure
Avatar for Dariusz Parys writeline
0
49
Writing applications with node.js on the Microsoft platform
Avatar for Dariusz Parys writeline
0
3.6k
Windows Phone 8 - Was ist neu
Avatar for Dariusz Parys writeline
1
66
Migration von Anwendungen in die Cloud
Avatar for Dariusz Parys writeline
1
66

Other Decks in Technology

See All in Technology
プロダクト成長を支える開発基盤とスケールに伴う課題
Avatar for yuu26 yuu26
4
1.4k
10Xにおける品質保証活動の全体像と改善 #no_more_wait_for_test
Avatar for nihonbuson nihonbuson
PRO
2
330
ブロックテーマ、WordPress でウェブサイトをつくるということ / 2026.02.07 Gifu WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
200
配列に見る bash と zsh の違い
Avatar for kazzpapa3 kazzpapa3
3
160
usermode linux without MMU - fosdem2026 kernel devroom
Avatar for Hajime Tazaki thehajime
0
240
Oracle Base Database Service 技術詳細
Avatar for oracle4engineer oracle4engineer
PRO
15
93k
こんなところでも（地味に）活躍するImage Modeさんを知ってるかい？- Image Mode for OpenShift -
Avatar for Masataka Tsukamoto tsukaman
1
170
コミュニティが変えるキャリアの地平線：コロナ禍新卒入社のエンジニアがAWSコミュニティで見つけた成長の羅針盤
Avatar for Kento Suzuki kentosuzuki
0
130
Cloud Runでコロプラが挑む 生成AI×ゲーム『神魔狩りのツクヨミ』の裏側
Avatar for COLOPL Inc. colopl
0
130
生成AIと余白 〜開発スピードが向上した今、何に向き合う？〜
Avatar for KAKEHASHI kakehashi
PRO
0
130
We Built for Predictability; The Workloads Didn’t Care
Avatar for Michael Stahnke stahnma
0
150
15 years with Rails and DDD (AI Edition)
Avatar for Andrzej Krzywda andrzejkrzywda
0
200

Featured

See All Featured
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
410
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.7k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
0
90
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
Visualization
Avatar for Eitan Lees eitanlees
150
17k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
350
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
180
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
2
270
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
1.9k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
310

Transcript

  1. jQuery Mobile In ASP .NET MVC einsetzen

  2. [email protected] @writeline http://kouder.net Dariusz Parys Technical Evangelist Microsoft Deutschland GmbH

  3. jQuery Mobile • Bibliothek speziell für mobile Endgeräte • Konzepte

    der beliebten jQuery Bibliothek • Vieles kann deklarativ erreicht werden • Mobile CSS Themes

  4. Setup • Lokal zur Entwicklerzeit  Offline möglich • CDN

    für Test- / Produktivsystem • Hinzufügen von CSS und Skripten • Hinzufügen des Viewport Meta Attributs

  5. Grundlegener Aufbau <div data-role=„Page|Header|Body|Footer“> <!-- Inhalt hier --> </div>

  6. Verschiedene Attribute • data-role • data-position • data-icon • data-theme

    • Etc...

  7. CSS Styles • ui-li-aside • ui-li-thumb • ui-li-icon • Etc...

  8. Methoden • $.mobile.changePage • $.mobile.loadPage • jqmData • $.mobile.showPageLoadingMsg •

    Etc...

  9. JQUERY MOBILE DEMO

  10. Fazit • Einfach zu Handhaben • Bestandteil von ASP .NET

    MVC 4 • Verwendbar in allen Web Frameworks (ASP .NET MVC, WebForms, etc...)