Create your first Metro style app using JavaScript

Expand
115 out of 139 rated this helpful - Rate this topic

Create your first Metro style app using JavaScript

[This documentation is preliminary and is subject to change.]

Learn how to use JavaScript with HTML5 and Cascading Style Sheets (CSS) to create Metro style apps.

In this section

TopicDescription

Part 1: Create a "Hello, world!" app

Start here to create you first app, a simple "Hello, world" app that displays a personalized greeting. Learn how to:

  • Create a new project
  • Add HTML content to your start page
  • Handle touch, pen, and mouse input
  • Switch between the light and dark style sheets
  • Create your own custom styles

Part 2: Manage app lifecycle and state

In Windows 8 Release Preview, you can launch a several apps and switch between them without having to worry about slowing down the system or running the battery down. That's because the system automatically suspends (and sometimes terminates) apps that are running in the background for you. A well-designed app can be suspended, terminated, and relaunched by the system and seem as though it were running the entire time.

In Part 2 of this tutorial series, you update your "Hello, world" app to respond to lifecycle events and save user and session data.

Part 3: Create a blog reader

Now that you've got the basics down, learn how to create a more complex app that contains several pages and uses Windows Library for JavaScript controls to create a blog reader.

Doc roadmap

After you're done with the tutorials, check out the doc roadmap for a list of key resources that can help you learn more about creating Metro style apps using JavaScript.

 

 

 

Build date: 5/31/2012

Did you find this helpful?
(1500 characters remaining)
Community Additions ADD