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

Sencha + Windows 8

Arthur Kay
February 01, 2013

Sencha + Windows 8

Arthur Kay

February 01, 2013
Tweet

More Decks by Arthur Kay

Other Decks in Programming

Transcript

  1. Arthur Kay •  Solutions Engineer @ Sencha •  Web Developer

    ~15 years •  www.akawebdesign.com •  @arthurakay WHO AM I?
  2. •  Windows 8 (and Windows Phone 8) •  Sencha +

    Windows 8 •  Debugging •  Demo •  Resources •  Questions AGENDA
  3. I am not an active .NET or Visual Studio user.

    I only tried to do this because I thought it was interesting. I don’t have a lot of the answers. …but this will still be fun! DISCLAIMER
  4. •  Desktops •  Laptops •  Tablets •  Intel vs ARM

    (Win RT) •  HTML5 is “first class” •  IE10 •  WWAHost shell for web apps DESKTOP / TABLET
  5. •  Similar, but different from Windows 8 desktop OS • 

    Some “Metro” apps are cross-compatible •  Supports lower resolutions MOBILE
  6. •  Works normally – but needs an override to work

    within Metro shell •  Fix coming in Ext JS 4.2.x •  How does touch support work? EXT JS
  7. •  On desktop, runs out of the box! •  …but

    2.1.0 has CSS incompatibilities with IE10 •  Touch 2.2 will support IE10 (both Desktop and Phone) •  Windows 8 Theme SENCHA TOUCH
  8. •  Free “Express” versions •  Download the appropriate one • 

    …or buy full license! ($499+) •  Simulator vs Local Machine •  JS Console •  DOM Explorer •  Free trial of Windows 8 VISUAL STUDIO 2012
  9. •  Windows 8 app •  Ext JS •  Crappy* TweetDeck

    clone *Doesn’t actually work… SAMPLE APP
  10. MSDN: Quickstart to debugging JS: http://msdn.microsoft.com/en-us/library/windows/apps/hh441474.aspx Visual Studio Express 2012:

    http://www.microsoft.com/visualstudio/eng/products/visual-studio-express-products Differences: Metro and the Browser: http://msdn.microsoft.com/en-us/library/windows/apps/hh465380.aspx Ext JS Override for Windows 8: http://www.akawebdesign.com/2012/10/19/first-thoughts-on-windows-8-visual-studio-and-extjs/ RESOURCES
  11. Touch Input for IE10 and Metro-style Apps: http://blogs.msdn.com/b/ie/archive/2011/09/20/touch-input-for-ie10-and-metro-style-apps.aspx 10 Things

    You Need to Know about WebView: http://blogs.msdn.com/b/wsdevsol/archive/2012/10/18/nine-things-you-need-to-know-about-webview.aspx MSDN: Pointer and Gesture Events in IE10: http://msdn.microsoft.com/en-us/library/ie/hh673557(v=vs.85).aspx 31 Days of Windows 8: http://31daysofwindows8.com/ Build Powerful Windows Phone 8 Apps with Sencha Tools: http://vimeo.com/57618178 RESOURCES