In this article will talk about how to get started for creating apps in Windows store.
Step 1: Install Windows 8
Step 2: Install Visual Studio 2012
Step 3: Open Visual Studio 2012 and click on File -> New Project.

We can create apps for Windows Store either in Silverlight which is Xaml based or in JavaScript as highlighted above.
Step 4: Lets select Windows Store template under JavaScript. One can choose Blank App, Grid App, Split App, Fixed Layout App and Navigation App from type of javascript project, in this case select Blank App and give a name to the project and Click OK.
Step 5: Now you can run the application in Local Machine, Simulator and Remote Machine.

Step 6: By default the selection will be Local Machine, run the application with its default selection. You will notice a tile on your Windows like shown below.

Step 7: Now change the selection to Simulator and you will notice it is running in simulator with Content goes here.

The Remote machine option allows to run the application on separate device.
Step 8: Now lets open Solution Explorer and you will get the project structure like below.

Step 9: There are three core js files (ui-dark.css and ui-light.css), base.js and ui.js. Open default.html and you will notice above WinJS references.

Step 10: Now I will talk about the JavaScript project structure in Windows Store.
default.html is start page of the app.
package.appmanifest is a manifest file for app. It contains 5 tabs (Application UI, Capabilities, Declarations, Content URIs and Packaging). I would recommend to open it and evaluate it.

<appname>_Temporarykey.pfx is a temporary signature created for first run.
logo.png is the image of size 150X150 for start page.
smalllogo.png is the image of size 30X30 for the zoomed out start page.
splashscreen.png is the image of size 620X300 that will be shown while the app is loading.
storelogo.png is the image of size 50X50 for the app in Windows Store.
This ends the article of getting started with Windows Store.
|