Niche
Visual Studio 2012

Programming Windows 8 Metro Style Apps using HTML 5: Early Lab Collection
(Microsoft Training Course: 40003) - 3 days - £1250 exc VAT



> Target Audience
This course provides students with a first look at the features of Metro style apps development for Windows 8. It is intended for professional developers who have experience in programming in HTML5, JavaScript, and CSS3.
> Course outline
  1. Introduction to Windows 8 and Metro Style Apps UI Principles
  2. Overview of the WinJS Library
  3. Implementing Device Orientation, Snap View, and Semantic Zoom
  4. Integrating with the Windows 8 Experiences
  5. Process Lifetime Management
  6. Implementing Tiles and Notifications
  7. Taking Advantage of Modern Hardware
  8. Introduction to Microsoft Store


Module 1: Introduction to Windows 8 and Metro Style Apps UI Principles
  • Introduction to Windows 8 Platform
  • Metro Style App Guidelines
  • Creating Metro Style Apps with HTML5 and JavaScript
  • Lab: Introduction to Windows 8 and Metro UI Principles
  • Creating a Metro Style App Project
  • Customizing the Metro Style App UI
Skills
  • Describe the Windows 8 platform
  • Describe Metro style app UI concepts and guidelines
  • Create a basic Metro style app UI using HTML5 and JavaScript
top
Module 2: Overview of the WinJS Library
  • The WinJS Library and Controls
  • ListView and Data Binding
  • AppBar
  • Lab: Overview of the WinJS Library
  • Loading Recipe Data using the ListView Control
  • Creating an Application Bar using the AppBar Control
Skills
  • Describe the concept of the WinJS library
  • Implement basic list scenarios using the ListView control
  • Integrate the AppBar into your Metro style app
top
Module 3: Implementing Device Orientation, Snap View, and Semantic Zoom
  • How to Present Data
  • Device Orientation
  • Snap View
  • Semantic Zoom
  • Lab: Implementing Device Orientation, Snap View, and Semantic Zoom
  • Implementing Device Orientation
  • Implementing Snap View
  • Implementing Semantic Zoom
Skills
  • Describe different ways data can be displayed in Metro style apps
  • Implement device orientation behavior for your app
  • Implement Snap view state in your app
  • Implement Semantic Zoom state in your app
top
Module 4: Integrating with the Windows 8 Experiences
  • Windows 8 Contracts
  • Settings and Flyouts
  • Lab: Integrating with the Windows 8 Experiences
  • Adding Recipe Sharing Contract
  • Adding Recipe Search Contract
  • Implementing a Preferences Page
Skills
  • Integrate search and share contracts to your Metro style app
  • Use settings and flyouts inside a Metro style app
top
Module 5: Process Lifetime Management
  • Understanding the Process Lifetime in a Metro Style App
  • Implementing State Management
  • Lab: Process Lifetime Management
  • Modifying Navigation Logic
  • Adding PLM Logic
  • Adding Deferred Navigation
Skills
  • Describe the process lifetime management concepts and guidelines
  • Implement user session state handling in a Metro style app
top
Module 6: Implementing Tiles and Notifications
  • Adding Tiles to Apps
  • Implementing Notifications and Scheduled Toasts
  • Lab: Implementing Tiles and Notifications
  • Implementing Secondary Tiles
  • Implementing Badge Notifications
  • Implementing Scheduled Toasts
Skills
  • Explain the design concepts of Tiles and how Tiles and Notifications work
  • Implement Notifications in a Metro style app
top
Module 7: Taking Advantage of Modern Hardware
  • Working with Gestures
  • Panning and Zooming
  • Capture and Play Media
  • Creating Hybrid Apps
  • Lab: Taking Advantage of Modern Hardware
  • Adding Photo Capture
  • Adding Video Capture
  • Implementing Simple Gestures
  • Implementing Panning and Zooming
Skills
  • Describe the different ways to use gestures in Windows 8
  • Implement panning and zooming in your app
  • Implement capture and play media in your app
  • Create Hybrid solution in your app
top
Module 8: Introduction to Microsoft Store
  • The Microsoft Store
  • Lab: Introduction to Microsoft Store
  • Detecting Trial Versions
  • Simulating App Purchases
  • Simulating Product Purchases
Skills
  • Publish applications to the Microsoft Store
top
> Pre-Requisites
Before attending this course, students must have the following pre-requisites:
  • 1-2 years of experience in creating applications with HTML5, JavaScript, and CSS3
  • Experience with Modern Graphical Interfaces, Object Oriented Programming and Simple data access (CRUD)
  • General understanding of the Visual Studio IDE and .NET
> Purpose
After completing the course, students will be able to explore the Windows 8 platform for Metro style apps; design applications with Metro style apps principles and Windows personality; leverage Web developer skills; building Windows 8 Metro style apps UIs; integrate with Windows 8 experiences; implement tiles and notifications; program for Process Lifetime Management; interact with “on-board” hardware and devices; deploy to the Windows Store.