Content          love
demo
Feature                   Local context             Web context      Windows Run-time          Yes                       N...
demo
DatePicker              SettingsFlyoutListview                                            SemanticZoom     Semantic Zoom  ...
demo
demo
demo
MetroPress                                       Free                               Open Source                           ...
Ready to create the next app phenomenon?developermovement.ca
Rewards examples – more on developermovement.ca
Points structure
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Upcoming SlideShare
Loading in …5
×

Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits

401
-1

Published on

What would you say if I told you that you can use your actual HTML, CSS, and JavaScript skills to create an amazing Windows 8 application? That all the lovely features that you like so much about HTML5, can be used to create your next masterpiece? That you can use the magical JavaScript libraries you use everyday to get in the game more quickly? Be honest, you would say that I'm crazy... Maybe, or maybe not, only the attendees to this session will know!

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
401
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Navigating from a web context page to a local context page is not allowed by default, but MSApp.addPublicLocalApplicationUrienables it.//This must be called from the local contextMSApp.addPublicLocalApplicationUri("ms-appx:///localpage.html");Declaring a Content URI in Visual studio will give a website access to geolocation, clipboard, indexed db, appcache, etc. Automatic filtering prevents script injection into DOM elements. For example, setting innerHTML, outerHTML, document.write, DOMParser.parseFromString.. Etc.. If you really trust what you are bringing in, you can use MSApp.execUnsafeLocalFunction or WinJS.Utilities.setInnerHTMLUnsafe, setOuterHTMLUnsafe, and insertAdjacentHTMLUnsafe are wrappers for calling DOM methods that would otherwise strip out risky content.
  • If you prefer to use your own library, you can. As long as your app is compliant with SDK, you will be fine.. At build, we explicitly wrote a sample (finance) using jQuery… It works very well.. If you are bringing your own library, here is the advise that I can give you:Mix & Match works fine. WinJS does a lot of things well, such as simplifying the object model, wrappers for file system, implementing the promise pattern, etc.. Use WinJS for all of that.. Use your favorite library for everything else, but do try to adhere to the Windows UI and the Windows personality. Your users will appreciate it if you do..
  • AvailablewithWindows+Qfromanywhere (Windows and any App) or from top of the Charm paneNote:your App will show up in the Search List ( provide more visibility)
  • Implementing Share will increase usage of your appNeither app needs to know about the other, they just need to implement the Share contractNo need for App to know other sides of the Share (source / target) The end user will know where to share data
  • Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits

    1. 1. Content love
    2. 2. demo
    3. 3. Feature Local context Web context Windows Run-time Yes No Windows Library for Yes No Javascript External script references No Yes Cross-domain XHR Yes No requests Automatic filtering for Yes No script injection on DOMThere are ways to communicate across contexts, ways to give websites access to some web standardsfeatures and ways to skip automatic filtering within a function.
    4. 4. demo
    5. 5. DatePicker SettingsFlyoutListview SemanticZoom Semantic Zoom Menu Flipview Flyout RatingSlide does not include all WinJS controls (App Bar, Tooltip, ViewBox, ToggleSwitch, HTMLControl, etc.)
    6. 6. demo
    7. 7. demo
    8. 8. demo
    9. 9. MetroPress Free Open Source HTML5 Windows 8 template for WordpressSelf-hosted Windows 8 Easy to use & secret sauce & customizeWordpress.com included http://metropress.codeplex.com Made by IdeaNotion
    10. 10. Ready to create the next app phenomenon?developermovement.ca
    11. 11. Rewards examples – more on developermovement.ca
    12. 12. Points structure
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×