Building Windows Store apps with HTML & Javascript
•Download as PPTX, PDF•
0 likes•385 views
This document appears to be a short technical demo or test of some kind. It contains repetitive text including the words "demo" and references to a website but does not seem to convey any substantial information. The purpose and content of the document are unclear from the limited information provided.
Recommended
More Related Content
More from Pranav Ainavolu
More from Pranav Ainavolu (19)
Recently uploaded
Recently uploaded (20)
Building Windows Store apps with HTML & Javascript
Editor's Notes
- Explain that what you are going to see is HTML5 and CSS3 and most of this is equally applicable to IE and Windows 8… Talk about being able to build great apps by leveraging the skills
- You are here !! The focus will be HTML/JS… Click… But do remember WInRT is helping.. And is available to provide infrastructure.. We will see a little bit of WinRT in action in some demos
- The new Microsoft web platform began with IE9 … we did a lot of work to catch up to HTML5 standards.. And all of that work will pay up in Windows 8..
- Of course in Windows 8, we are adding more.. We will get into the details of these in the next few slides where we highlight most relevant ones
- One or more of these, bold is preferred. CSS CSS Hands-on:http://ie.microsoft.com/testdrive/Graphics/hands-on-css3/Grid system: http://ie.microsoft.com/testdrive/HTML5/GridSystem/Default.htmlGradient Editorhttp://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/Default.html
- Choose two or three of the many demos we have on the IE 10 testdrive site. Try to end up on a high/graphical note.. Like the touch demo..Ecmascript5http://ie.microsoft.com/testdrive/HTML5/TryStrict/Default.htmlFormshttp://ie.microsoft.com/testdrive/HTML5/Forms/Default.htmlTouchhttp://ie.microsoft.com/testdrive/Graphics/TouchEffects/Web workershttp://ie.microsoft.com/testdrive/HTML5/WebWorkerTest262/Default.html
- File New Project in Visual Studio Intellisense on Javascript.. Demonstrate Simulator Demonstrate DOM explorer using the simulator.. Set a breakpoint in the Debugger … a good place for this is the navigated event in navigator.js Open Javascript console .. Now type vardlg = new Windows.UI.Popups.MessageDialog("test") ; dlg.showAsync().then ( function () {} ) ; Comment out that this is the same text we used earlier.. Notice the javascript syntax in showAsync.. Tease the audience.. Will this work? Injecting a statement? Open Contoso Recipes in Blend .. Make sure this is a copy for this session. You don’t want your changes preservedDemonstrate how blend uses live data … Explain the solution is data driven, yet it is all showing. Style something, demonstrating that blend is great for styling.. Drag a control somewhere into layout..
- Implemented by jQuery, dojo, node.js, etc.Then returns another promise so you can chain them…
- There is a known issue with jQuery where if you use their XHR, they do a CORS checkc and it fails.. You can easily workaround this by disabling cors.. Everything else works fine..
- For people using external frameworks, the second problem is “Host enforcement”. Metro style apps don’t allow you to do potentially bad things such as insert scripts that come from the web into a local page or set innerHTML/outer HTML properties.. You can get around these.. See the next slide for workarounds…
- These are the ‘escape hatches’ you can use to bring web content into your local context..