Sencha + Windows 8

Transcript

1. Arthur Kay SENCHA + WINDOWS 8 January 31, 2013
2. Arthur Kay •  Solutions Engineer @ Sencha •  Web Developer ~15 years •  www.akawebdesign.com •  @arthurakay WHO AM I?
3. •  Windows 8 (and Windows Phone 8) •  Sencha + Windows 8 •  Debugging •  Demo •  Resources •  Questions AGENDA
4. 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
5. •  Developer Evangelist @ MSFT •  http://www.csell.net CLARK SELL
6. http://Metro-Weekly.com
7. http://31DaysOfWindows8.com
8. http://aka.ms/freebeer
9. August 12th – 14th 2012 Kalahari Resort, Wisconsin Dells, WI
10. WINDOWS 8 2 Flavors
11. •  Desktops •  Laptops •  Tablets •  Intel vs ARM (Win RT) •  HTML5 is “first class” •  IE10 •  WWAHost shell for web apps DESKTOP / TABLET
12. •  Similar, but different from Windows 8 desktop OS •  Some “Metro” apps are cross-compatible •  Supports lower resolutions MOBILE
13. SENCHA Compatibility with Windows 8
14. •  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
15. •  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
16. DEBUGGING Visual Studio 2012
17. •  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
18. DEMO
19. •  Windows 8 app •  Ext JS •  Crappy* TweetDeck clone *Doesn’t actually work… SAMPLE APP
20. RESOURCES
21. 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
22. 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
23. QUESTIONS Because I obviously have the answers!
24. Thank you!