Sencha + Windows 8 - Speaker Deck

Slide 1

Slide 1 text

Arthur Kay SENCHA + WINDOWS 8 January 31, 2013

Slide 2

Slide 2 text

Arthur Kay •  Solutions Engineer @ Sencha •  Web Developer ~15 years •  www.akawebdesign.com •  @arthurakay WHO AM I?

Slide 3

Slide 3 text

•  Windows 8 (and Windows Phone 8) •  Sencha + Windows 8 •  Debugging •  Demo •  Resources •  Questions AGENDA

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

•  Developer Evangelist @ MSFT •  http://www.csell.net CLARK SELL

Slide 6

Slide 6 text

http://Metro-Weekly.com

Slide 7

Slide 7 text

http://31DaysOfWindows8.com

Slide 8

Slide 8 text

http://aka.ms/freebeer

Slide 9

Slide 9 text

August 12th – 14th 2012 Kalahari Resort, Wisconsin Dells, WI

Slide 10

Slide 10 text

WINDOWS 8 2 Flavors

Slide 11

Slide 11 text

•  Desktops •  Laptops •  Tablets •  Intel vs ARM (Win RT) •  HTML5 is “first class” •  IE10 •  WWAHost shell for web apps DESKTOP / TABLET

Slide 12

Slide 12 text

•  Similar, but different from Windows 8 desktop OS •  Some “Metro” apps are cross-compatible •  Supports lower resolutions MOBILE

Slide 13

Slide 13 text

SENCHA Compatibility with Windows 8

Slide 14

Slide 14 text

•  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

Slide 15

Slide 15 text

•  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

Slide 16

Slide 16 text

DEBUGGING Visual Studio 2012

Slide 17

Slide 17 text

•  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

Slide 18

Slide 18 text

DEMO

Slide 19

Slide 19 text

•  Windows 8 app •  Ext JS •  Crappy* TweetDeck clone *Doesn’t actually work… SAMPLE APP

Slide 20

Slide 20 text

RESOURCES

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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