Going Mobile
Upcoming SlideShare
Loading in...5
×
 

Going Mobile

on

  • 655 views

Use your existing ASP.NET/Visual Studio skill set to go Mobile !

Use your existing ASP.NET/Visual Studio skill set to go Mobile !

Statistics

Views

Total Views
655
Views on SlideShare
655
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Going Mobile Going Mobile Presentation Transcript

  • Slides: http://bit.ly/fladotnet_03_06 Going Mobile Creating Web-based apps with ASP.NET, HTML5 and jQuery Mobile
  • Slides: http://bit.ly/fladotnet_03_06 Who Am I ? Stephen Gilboy • AuctionAnything.com • ASP.NET/MS SQL • jQuery/JavaScript • Mobile Developer • @MorningZ
  • Slides: http://bit.ly/fladotnet_03_06 Mobile Market
  • Slides: http://bit.ly/fladotnet_03_06 Let’s Go Mobile! If we have time, we’ll talk about going Native using Abode’s PhoneGap
  • Slides: http://bit.ly/fladotnet_03_06 Web Application
  • Slides: http://bit.ly/fladotnet_03_06 jQuery Mobile http://www.jquerymobile.com A unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock- solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.
  • Slides: http://bit.ly/fladotnet_03_06 Platform Support http://jquerymobile.com/original-graded-browser-matrix/
  • Slides: http://bit.ly/fladotnet_03_06 Anatomy of a “Page” A page in jQuery Mobile (jQM) is <div> on a single generated HTML page, think of it like a stack of cards. jQM takes care of the “stack” and the page transitions automatically. “data” properties define the jQM objects <div id=“Home” data-role=“page”>
  • Slides: http://bit.ly/fladotnet_03_06 Demo Basic Page
  • Slides: http://bit.ly/fladotnet_03_06 Theme-able from Web.Config Use a custom base class to be able to set an “app wide” theme to your project http://www.4guysfromrolla.com/articles/041305-1.aspx
  • Slides: http://bit.ly/fladotnet_03_06 Demo Base Class Theme and more jQuery Mobile
  • Slides: http://bit.ly/fladotnet_03_06 Consuming data via JSON Using the NewtonSoft JSON.Net Library, turn .NET objects into JavaScript-consumable objects http://james.newtonking.com/pages/json-net.aspx
  • Slides: http://bit.ly/fladotnet_03_06 Demo JSON.Net
  • Slides: http://bit.ly/fladotnet_03_06 JSON --> HTML Using Microsoft’s jQuery Templating, turn the JSON into HTML on your page in one single line of JavaScript http://api.jquery.com/jquery.tmpl/
  • Slides: http://bit.ly/fladotnet_03_06 Demo Templating
  • Slides: http://bit.ly/fladotnet_03_06 Wrap Up • Using your existing web skills, you can create a robust mobile application. • jQuery Mobile does a lot of the heavy lifting for you, simply define some properties on the DOM objects and jQuery takes care of the rest !
  • Slides: http://bit.ly/fladotnet_03_06 Helpful Links jQuery Mobile Docs and Demos http://jquerymobile.com/demos/1.0.1/ jQuery Mobile Docs and Demos (upcoming functionality) http://jquerymobile.com/demos/test/ James Newton-King’s JSON.Net library http://james.newtonking.com/pages/json-net.aspx 28 HTML5 Features and Techniques (more “general” web stuff) http://net.tutsplus.com/tutorials/html-css-techniques/25-html5-features-tips-and-techniques-you-must-know/
  • Slides: http://bit.ly/fladotnet_03_06 Contacting Me • Email: sgilboy@auctionanything.com morningz@morningz.com • LinkedIn: morningz@morningz.com • Twitter: @MorningZ • Link to this content: http://bit.ly/fladotnet_03_06
  • Slides: http://bit.ly/fladotnet_03_06 Q&A