A presentation I gave to my colleagues at work on developing windows 8 applications with javascript.

1. Developing Windows 8
Applications with HTML 5
T4 – kpd – 01/31/13

2. Targeting Windows 8
Means embracing Metro
Designing for the app store
Two distinct styles of development
C#/XAML
HTML5/Javascript

3. Let’s look at an empty project

4. Javascript/HTML5 Development
Windows Library for Javascript 1.0
Free css (ui-dark, ui-light)
Base.js, UI.js

5. Application Manifest
package.appxmanifest

6. Javascript debugging
alert(“is not implemented”);

7. Logos galore
Logo (150x150)
Wide logo (310x150)
Small logo (30x30)
Splash screen (620x300)
Store logo (50x50)
I used Paint.NET… Other tools?

8. Make sure to support
Fullscreen – Landscape
Filled
Snapped
Fullscreen – Portrait (optional)

9. Performance Requirements
Launch time – 5s
Suspend time – 2s

10. Add Your Settings
About and Help contracts, for example
Hook in with the WinJS.Application.onsettings
function
Opens your HTML in the standard charms menu

11. Further study
http://31daysofwindows8.com/
Javascript – Clark Sell
C#/XAML – Jeff Blankenburg
Building Windows 8 Apps with Javascript
Chris Sells
Brandon Satrom
Sign up at http://generationapp.com
Free windows store license if you possess an MSDN
license!

12. Call to action
Let’s get building!
Anyone got ideas and want to collaborate, throw
something out on Github.
Team project?