This sample provides completed versions of the apps you create by following the Create your first Windows Store app using JavaScript tutorial series.
Specifically, this sample includes code for:
- Part 1: Create a "Hello, world!" app
Demonstrates how to create a simple "Hello, world" Windows Store app using JavaScript, HTML, and CSS.
- Part 2: Manage app lifecycle and state
Updates the "Hello, world" app to respond to lifecycle events, and save app and session data.
-
Part 3: PageControl objects and navigation
Creates a new version of the "Hello, world" app that contains multiple pages.
-
Creates a basic photo viewer that uses Cascading Style Sheets (CSS) layouts and responds to view changes.
-
Part 5: File access and pickers
Adds the ability to select and display a photo to the photo viewer you created in Part 4: Layout and views.
- Part 6: Create a blog reader
Demonstrates a more complex app that contains several pages and uses Windows Library for JavaScript controls to create a blog reader.
For the XAML version, see Getting started with C# and Visual Basic: Hello World and Blog reader samples.
To obtain an evaluation copy of Windows 8, go to Windows 8.
To obtain an evaluation copy of Microsoft Visual Studio 2012, go to Visual Studio 2012.
Related topics
- Part 1: Create a "Hello, world!" app
- Part 2: Manage app lifecycle and state
- Part 3: PageControl objects and navigation
- Part 4: Layout and views
- Part 5: File access and pickers
- Part 6: Create a blog reader
Operating system requirements
| Client | |
|---|---|
| Server |
Build the sample
- Start Visual Studio Express 2012 for Windows 8 and select File > Open > Project/Solution.
- Go to the directory in which you unzipped the sample. Go to the directory named for the sample, and double-click the Visual Studio Express 2012 for Windows 8 Solution (.sln) file.
- Press F7 or use Build > Build Solution to build the sample.
Run the sample
To debug the app and then run it, press F5 or use Debug > Start Debugging. To run the app without debugging, press Ctrl+F5 or use Debug > Start Without Debugging.