adding an application bar to metro style app using html and java script

5
Adding an Application Bar to a Metro Style App using HTML and JavaScript Dave Isbitski Technology Evangelist, Windows 8 twitter.com/TheDaveDev blogs.msdn/com/davedev [email protected]

Upload: david-isbitski

Post on 24-May-2015

1.992 views

Category:

Technology


0 download

DESCRIPTION

This short screencast will show you how to add an Application Bar to your own Windows 8 Metro Style App using HTML and JavaScript. We do this in a fun, immersive way utilizing the free MetroGameKit (http://metrogamekit.codeplex.com). Fore more videos check out http://blogs.msdn.com/davedev

TRANSCRIPT

Page 1: Adding an application bar to metro style app using html and java script

Adding an Application Bar to a Metro Style App using HTML and JavaScript

Dave IsbitskiTechnology Evangelist, Windows 8twitter.com/TheDaveDevblogs.msdn/com/[email protected]

Page 2: Adding an application bar to metro style app using html and java script

metrogamekit.codeplex.com

Page 3: Adding an application bar to metro style app using html and java script

Declaring the AppBarStep 1: Adding the AppBar to the DOMDefault.html

Step 2: Declaring the Appbar and CommandsWinJS.UI.AppBar and WinJS.UI.AppBarCommand

Step 3 : Handling the eventsClick Events

Page 4: Adding an application bar to metro style app using html and java script

For more Windows 8 Developer content, please visit the Windows Developer center

twitter.com/thedavedev | [email protected]

http://dev.windows.com

Page 5: Adding an application bar to metro style app using html and java script