20481: Essentials of Developing Windows Store Apps Using HTML5 and JavaScript

Length: 5 days | Audience: IT Professionals | Level: 200

In this course students will learn essential programming skills and techniques that are required to develop Windows Store apps. This includes a combination of both design and development skills, as well as ensuring that students are comfortable using and making the most of the Visual Studio and Expression Blend tools. This course maps to the 70-481 exam.

Module 1: Overview of the Windows 8 Platform and Windows Store Apps

This module introduces you to the Windows 8.1 user experience and features, Windows Store apps, and the new user interface. Understanding how Windows Store apps look and operate is the key to understanding the principles that you will use to develop your own Windows Store apps. This will help you to develop apps that are more intuitive, compelling, and useful.

Lessons 

  • Introduction to the Windows 8 Platform
  • Windows 8 User Interface Principles
  • WinRT and Language Projections

Lab : Overview of the Windows 8  Platform and Windows Store Apps  

  • Explore Windows 8 Platform
  • Explore a Windows Store App

 

Module 2: Single-Page Applications and the MVVM Design Pattern

In this module, you will learn about the Model-View-ViewModel (MVVM) design pattern and the Single- Page Application (SPA) development concept. By using MVVM and SPA, you can create a great user experience in a maintainable and extensible app.

Lessons  

  • Single-Page Applications
  • The MVVM Design Pattern

Lab : Single-Page Apps and the MVVM Design Pattern

 

Module 3: Using WinJS

In this module, you will explore the WinJS library and some commonly used WinJS APIs. In particular, you will learn about the WinJS.Promise object and how to use it, the WinJS.Application namespace and the functionality it contains, and the WinJS.Utilities functions. Becoming familiar with all those APIs will help you to create reusable and robust apps for the Windows platform.

Lessons  

  • The WinJS Library
  • WinJS APIs

Lab : Using WinJS  

  • Define the Data Namespace and Objects
  • Use promises to load data asynchronously

 

Module 4: Implementing Layout using Windows 8 Controls

This module explains how to lay out content and controls on the screen, while remaining responsive to screen changes, such as orientation and size changes. The module introduces concepts such as WinJS templates and controls such as AppBar, Flyout, and Rating.

Lessons  

  • Windows 8 Layout Controls
  • Implementing WinJS Controls and Templates
  • The AppBar Control
  • Windowing Modes

Lab : Using WinJS  

  • Define the Data Namespace and Objects
  • Use promises to load data asynchronously

 

Module 5: Presenting Data

This module explains how to ensure that your app supports various devices and screen orientations.

Lessons    

  • Working with Data Presentation Controls
  • The ListView Control

Lab : Presenting Data   

  • Implement the ListView Control

 

Module 6: Implementing Tiles and User Notifications

There is a variety of tile formats you can use to convey information, including pictures, text, and combination of both. You can also use badges to display numeric information or status glyphs on your tiles and update these badges by using notifications. Notifications are also covered in this module.

Lessons    

  • Implementing Tiles, Live Tiles, Secondary Tiles, and Badge Notifications
  • Implementing Toast Notifications

Lab : Implementing Tiles and User Notifications    

  • Enabling Live Tile Functionality on the Main Tile
  • Adding Secondary Tiles Functionality

 

Module 7: Handling Files in Windows Store Apps

In this module, you will learn how to use files, streams, and pickers so that the user can store and retrieve information managed by your app.

Lessons     

  • Handling Files and Streams in Windows Store Apps
  • Working with File User Interface Components

Lab : Handling Files in Windows Store Apps    

  • Writing Data to the Notes File
  • Reading Data from the Notes File

 

Module 8: Windows Store App Process Lifetime Management

This module covers the app life cycle, app state management, and various app activation states. Understanding PLM is important for properly persisting data across suspensions, recovering from termination, and sharing settings between app installations on multiple devices.

Lessons  

  • Process Lifetime Management
  • Windows Store App Activation and Background Tasks
  • Implementing a State Management Strategy

Lab : Windows Store App Process Lifetime Management  

  • Explore the Different PLM States
  • Implement State Management

 

Module 9: Designing and Implementing Navigation in a Windows StoreApp

This module explores how to build richer and more interactive apps, and it does this by addressing the following questions:

* How do you implement navigation in Windows Store apps?

* How can you give the user a set of rich pages that they can use in a way that captures the essence of fast and fluid? Page navigation is a fundamental part of many apps. This module explains how to implement basic navigation, how to pass parameters between pages, and how to handle navigation events. The module also describes the navigation stack.

Lessons  

  • Handling Navigation in Windows Store Apps
  • Semantic Zoom

Lab : Designing and Implementing Navigation in a Windows Store App  

  • Add Navigation to the App
  • Implement Semantic Zoom

 

Module 10: Implementing Windows 8.1 Contracts

This module introduces contracts and charms. These are two powerful new Windows 8.1 features that help create a consistent and unified experience across Windows Store apps. By using contracts, you make it easier for users to search your app’s content, to discover and change common settings, and to share data with other apps.

Lessons  

  • Designing for Charms and Contracts
  • The Search Contract
  • The Share Contract
  • Managing App Settings and Preferences

Lab : Implementing Windows 8.1 Contracts  

  • Implement the Search Contract
  • Implement the Share Contract
  • Adding a New Setting to the Settings Pane
  • Optional: Implementing Search with the SearchBox Control

 

Module 11: Designing and Implementing a Data Access Strategy

This module describes the various data access strategies that you can use in app development, and it specifically focuses on the best practices for remote storage.

Lessons  

  • Evaluating Data Access Strategies
  • Working with Remote Data

Lab : Designing and Implementing a Data Access Strategy – Quiz

 

Module 12: Responding to Mouse and Touch Windows

Store apps must support mouse, keyboard, and most important of all, touch interactions. In this module, you will learn how to successfully include all three interaction types in your Windows Store apps.

Lessons  

  • Working with Mouse Events
  • Working with Gesture Events

Lab : Responding to Mouse and Touch  

  • Implement Mouse Events
  • Implement Gesture Events

 

Module 13: Planning for Windows Store App Deployment

In this module you will learn what is involved in the process of preparing and submitting the app. This includes changes to the app manifest, passing app certification, meeting Windows Store app certification requirements, and by using Windows Store-related tools in Visual Studio 2013. Finally, you will learn how to submit apps to the Windows Store and a private enterprise store.

Lessons 

  • The Windows Store App Manifest
  • Windows Store App Certification

Before attending this course, students must have:

  • 1 or more years of experience creating applications.
  • 1 to 3 months experience creating Windows client applications.
  • 1 to 3 months experience using Visual Studio 2010 or 2012.
  • Course 20480: Programming in HTML5 with JavaScript and CSS3 or equivalent knowledge.