Developing Windows 8 Applications with HTML 5

T4 – kpd – 01/31/13

Means embracing Metro

Designing for the app store

Two distinct styles of development

C#/XAML

HTML5/Javascript

Targeting Windows 8

Let’s look at an empty project

Windows Library for Javascript 1.0

Free css (ui-dark, ui-light)

Base.js, UI.js

Javascript/HTML5 Development

package.appxmanifest

Application Manifest

alert(“is not implemented”);

Javascript debugging

Logo (150x150)

Wide logo (310x150)

Small logo (30x30)

Splash screen (620x300)

Store logo (50x50)

I used Paint.NET… Other tools?

Logos galore

Fullscreen – Landscape

Filled

Snapped

Fullscreen – Portrait (optional)

Make sure to support

Launch time – 5s

Suspend time – 2s

Performance Requirements

About and Help contracts, for example

Hook in with the WinJS.Application.onsettingsfunction

Opens your HTML in the standard charms menu

Add Your Settings

http://31daysofwindows8.com/Javascript – Clark Sell

C#/XAML – Jeff Blankenburg

Building Windows 8 Apps with JavascriptChris Sells

Brandon Satrom

Sign up at http://generationapp.comFree windows store license if you possess an MSDN license!

Further study

Let’s get building!

Anyone got ideas and want to collaborate, throw something out on Github.

Team project?

Call to action