Getting started with Metro style apps

Expand
307 out of 392 rated this helpful - Rate this topic

Getting started with Metro style apps

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

Windows 8 Release Preview introduces a new type of application: the Metro style app. Metro style apps have a brand new look and feel, run on a variety of devices, and you sell them on the Windows Store.

Metro style apps running on different devices

You can develop Metro style apps in a variety of languages:

  • If you know web development technologies, you can develop a Metro style app using HTML5, Cascading Style Sheets, Level 3 (CSS3), and JavaScript.

  • If you have developed .NET, Windows Presentation Foundation, or Microsoft Silverlight applications, you can develop a Metro style app using XAML, with code-behind in C++, C#, or Visual Basic.

  • If you know DirectX, you can develop a Metro style DirectX app using native C++ and HLSL to take full advantage of graphics hardware.

This guide tells you why you want to develop Metro style apps, where to get the tools you need, and how to build your first app.

Important  Metro style app development is supported only on Windows 8 Release Preview. You can't develop Metro style apps on Windows 7 or Windows Server 2012.

1. Get set up

Start here to learn about Metro style apps and get the tools you need to create them.

  • A. What's a Metro style app?

    At this point, you might be asking, "OK, so what are Metro style apps and how do they differ from desktop apps?" Read this article to learn about what makes Metro style apps different.

  • B. Get the tools

    Download Windows 8 and the free developer tools you need to create Metro style apps: Microsoft Visual Studio Express 2012 RC for Windows 8, Blend for Microsoft Visual Studio 2012 RC for Windows 8, the Windows 8 software development kit (SDK), and project templates for creating new Metro style apps.

  • C. Get a free developer license

    Before you can start creating Metro style apps, you need a developer license. Fortunately, it's quick and easy to get one.

2. Build your first app

After you download the tools and get a developer license, you're ready to choose a language and create your first app.

JavaScript and HTML C# or Visual Basic and XAMLC++ and XAMLC++ and DirectX
Build your first app using JavaScript Build your first app using C# and Visual Basic Build your first app using C++ Build your first app using DirectX

 

3. Learn the tools and templates

Now that you got your feet wet, learn more how the developer tools can help you design and create apps.

  • Develop Metro style apps using Visual Studio 2012 RC

    Although the Getting started tutorials have you use Visual Studio, they barely touch on the many features it provides. Read this topic to learn more about how Visual Studio can help you create and deploy Metro style apps.

  • Templates to speed up your app development

    Visual Studio and Blend project templates provide a starting point for creating Metro style apps. The topics in this section describe project and item templates for Metro style apps

  • Design Metro style apps using Blend

    Blend provides the most support for designing a great-looking user interface for your Metro style app. In this section, learn how to use Blend and complete a tutorial that helps you design a game using Blend.

4. Learn how to make great Metro style apps

To really make your app stand out, we recommend that you follow design principles . Follow these guidelines to make your Metro style app great.

5. Download samples

Sometimes, the best way to learn something is through example. We created hundreds of SDK samples to show how key features work. Learn how to download, build, and run samples from the MSDN Gallery for Metro style app samples.

What's next?

Check out What's next to get a tour of the Windows Dev Center.

 

 

Build date: 5/31/2012

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

 i love you

5/31/2012
Choosing Metro & XAML

I put together a list of the benefits of Metro over desktop development
http://blog.jerrynixon.com/2012/05/windows-8-top-10-reasons-why-metro.html

I also put together a list of the reasons I chose XAML for my Metro development
http://blog.jerrynixon.com/2012/05/windows-8-why-i-choose-xaml-metro-over.html

5/23/2012
C# Asynchronous?
It might be exposed later in the tutorial, but I'm wondering - if this is coded with C# is it Asynchronous as with JavaScript?
10/18/2011
windows 8 download page
http://msdn.microsoft.com/en-us/windows/apps/br229516
9/22/2011
new event listeners
I've been trying to get a grasp on what some of the new javascript events are for detecting touch/multitouch. Does anybody know where I can find the list of new events we can hook into when developing in javascript?
9/21/2011