Channel 9

JavaScript Part 3: PageControl objects and navigation

Dan Fernandez, Golnaz, MikeJacobs — Fri, 26 Oct 2012 16:52:23 GMT

This is the third video in a 3-part series designed to build your first Windows Store app. In this video, you'll learn how about PageControl objects, how to build a navigation app, how to handle page-to-page navigation, and how to add an app bar.

[00:22] Step 1: Create a new navigation app in Visual Studio
[03:19] Step 2: Copy your HTML and CSS content from your "Hello World" app
[06:35] Step 3: Copy your event handlers
[11:11] Step 4: Restoring the app's state
[16:09] Step 5: Add another page
[17:08] Step 6: Use the navigation function to move between pages
[21:12] Step 7: Add an app bar for additional navigation

JavaScript Part 2: Manage app lifecycle and state

Dan Fernandez, Golnaz, MikeJacobs — Fri, 26 Oct 2012 16:52:08 GMT

This is the second video in a 3-part series designed to build your first Windows Store app. In this video, you'll learn about the app lifecycle and how to save and restore data to roaming settings and to session state.

[02:52] Step 1: Save app data
[08:08] Step 2: Save session data
[09:28] Step 3: Restore the app's state

JavaScript Part 1: Create a Hello world app

Dan Fernandez, Golnaz, MikeJacobs — Fri, 26 Oct 2012 16:52:04 GMT

This is the first video in a 3-part series designed to build your first Windows Store app. In this video, you'll build a basic Hello, world app using HTML, CSS, JavaScript, and learn how to use the Rating control, a Windows library for JavaScript control.

[01:14] Before you start
[01:52] Step 1: Create a new project in Visual Studio
[04:06] Step 2: Launch the app
[05:00] Step 3: Modify your start page
[07:51] Step 4: Create an event handler
[12:16] Step 5: Register the event handler when our app launches
[15:35] Step 6: Style our start page
[20:01] Step 7: Add a Windows library for JavaScript control
[21:41] Step 8: register an event handler for Windows library for JavaScript controls