jQuery Mobile in ASP.NET MVC

920 views

Published on

Slides from my screencast

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
920
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

jQuery Mobile in ASP.NET MVC

  1. 1. jQuery MobileIn ASP.NET MVC einsetzen
  2. 2. dparys@microsoft.com@writelinehttp://kouder.netDariusz ParysTechnical EvangelistMicrosoft Deutschland GmbH
  3. 3. jQuery Mobile• Bibliothek speziell für mobile Endgeräte• Konzepte der beliebten jQuery Bibliothek• Vieles kann deklarativ erreicht werden• Mobile CSS Themes
  4. 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. 5. Grundlegener Aufbau<div data-role=„Page|Header|Body|Footer“><!-- Inhalt hier --></div>
  6. 6. Verschiedene Attribute• data-role• data-position• data-icon• data-theme• Etc...
  7. 7. CSS Styles• ui-li-aside• ui-li-thumb• ui-li-icon• Etc...
  8. 8. Methoden• $.mobile.changePage• $.mobile.loadPage• jqmData• $.mobile.showPageLoadingMsg• Etc...
  9. 9. JQUERY MOBILE DEMO
  10. 10. Fazit• Einfach zu Handhaben• Bestandteil von ASP.NET MVC 4• Verwendbar in allen Web Frameworks(ASP.NET MVC, WebForms, etc...)

×