HTML and CSS Reference
In-Depth Information
■
Microsoft uses the terms
Metro style
and
Metro-style app
. I can't bring myself to
use these awkward terms, so I am just going to refer to
Metro
and
Metro apps
. I'll leave you to
mentally insert
style
as needed.
Note
Creating the Project
To create the example project, start Visual Studio 11 and select New Project, either from the
File menu or from the link on the start page. In the New Project dialog, navigate to Installed
➤
Templates
➤
JavaScript
➤
Windows Metro style. Select the Blank Application template, set
the name of the project to be MetroGrocer, and click the OK button to create the project, as
shown in Figure
1-2
. If this is the first time that you have used Visual Studio, then you will be
prompted to obtain a developer license and perform some other initial configuration steps.
Figure 1-2.
Creating the example project
■
Visual Studio includes templates preconfigured for some basic project scenarios. They
are not much use, and, to my mind at least, they direct the programmer down a path that doesn't
reflect the strengths of HTML5 and JavaScript. I recommend starting with a blank project and
building your app from the ground up, which is the approach I have taken in this topic.
Tip
The Solution Explorer shows the contents of the project, which you can see in Figure
1-3
.
The
References
folder contains the Microsoft JavaScript and CSS files that are required



Search WWH ::

Custom Search