This one-day course is made up of a three hour First Look Clinic (FLC) and a three hour Hands On Lab (HOL). This course will introduce developers to the tools and techniques for creating Window 8 (Metro) applications using JavaScript with HTML5 and CSS3. It will outline The Windows 8 platform, Metro-Style guidelines, Windows 8 contracts, tiles and notifications, and the Windows store.
Target Audience:
This course is intended for professional developers that come from the HTML5 space and Web development background. Developers should have 1-2 years of experience in their field.
This Module explains about the platform design tenets, the programming language choices, and the integration points with the operating system and across Metro style apps. In the lab, you will explore the various Windows 8 features and see how to work with them.
Lessons
Introduction to Windows 8 Operation System
Windows 8 Platform
Lab : Introduction to Windows 8 Platform
Using the Start screen
Running apps using tiles
Using the Charms bar
After completing this module, students will be able to:
Provide a summary of the Window 8 platform
Enumerate the Metro Style application development languages
Use the Windows 8 Start screen
Run apps using tiles
Use the Charms bar
Module 2: Working with Metro-Style Guidelines
Windows 8 marks the next step in the evolution of the Metro design style. Through the bold use of colour, typography, and motion, Metro design style brings a fresh new approach to the user experience. This module explains the design principles behind Metro and get insights into how to apply these principles in your own applications. In the lab you will explore the Metro-Style guidelines and learn to apply them to apps.
Lessons
Metro Style Design Guidelines
Lab : Working with Metro-Style Guidelines
Exploring Metro style apps
After completing this module, students will be able to:
Examine Metro style apps and their design
Summarise Metro style concepts and guidelines
Module 3: Developing Metro Style Apps with HTML5 and JavaScript
This module explains how to use web skills to build Windows 8 Metro style applications. In the lab you will learn how to create Metro Style Apps using HTML5, and Javascript. You will learn how to create a grid application and how to use the WinJS library.
Lessons
Developing a Metro Style app Using HTML5 and JavaScript
The WinJS Library
Lab : Implementing Metro Style Apps with HTML5/JavaScript
Creating a Grid Application
Creating a Split Application
Using the WinJS Library
After completing this module, students will be able to:
Demonstrate how to implement a basic Metro style app using HTML5/JavaScript
Demonstrate how to use the WinJS library in Metro style apps
Create a Grid Application
Create a Split Application
Use the WinJS Library
Module 4: Integrating with Windows 8 Experiences
Contracts are agreements between Windows and your Metro style app that allow you to integrate Windows 8 features into your app. For example, Windows 8 lets users share content from one application to another by using the Share contract. This module explains how contracts work and how to implement the built-in contracts such as Search, Share, Settings, and Play To, that allow to integrate Windows 8 features into apps. In the lab, you'll work on implementing the built-in contracts such as Search, Share, Settings.
Lessons
Windows 8 Contracts
Implementing the Share and Search Contracts
Lab : Integrating with Windows 8 experiences
Integrating Search Contract
Integrating Share Contract
Integrating Settings Contract
After completing this module, students will be able to:
Highlight the ways to integrate apps with Windows 8 experiences using contracts
Describe what Windows 8 contracts are
Integrate Search Contract
Integrate Share Contract
Integrate Settings Contract
Module 5: Implementing Tiles and Notifications
Tiles draw users back into your app by awakening your tile on the Start screen. Notifications delivered through the Windows Push Notification Service draw your users back into your app even when it's not running. This module explains how to implement Tiles and Notifications and how to create tiles that let users personalise their Start screen by creating deep links to specific places within your app. In the lab you will work on implementing Tiles and Notifications that let users personalise their Start screen.
Lessons
Using Tiles in Windows 8 Metro Style apps
Using Notifications in Metro Style apps
Lab : Implementing Tiles and Notifications
Using Live Tiles in a Metro style app
Using Toast Notifications in a Metro style app
After completing this module, students will be able to:
Explain how to implement tiles
Explain how to implement notifications
Use Live Tiles in a Metro style app
Use Toast Notifications in a Metro style app
Module 6: Deploying to the Windows Store
This module explains the many different ways to monetise your application, including subscriptions, trial apps, advertisement, and in-app purchases. In the lab, you will explore the Microsoft Store, and work on creating a trial version of a Metro Style App.
Lessons
The Microsoft Store
Monetising Using the Microsoft Store
Lab : Deploying to the Windows Store
Exploring the Microsoft Store
Creating a trial version of a Metro style app
After completing this module, students will be able to:
Explore the Microsoft Store
Provide an overview of the Microsoft Store
Enumerate the ways to monetise the app in the Microsoft Store