Metro-Style Apps with JavaScript, HTML5 and CSS

Build Fluid and Powerful WinRT Apps

Metro-style apps represent the future of touch based applications on Windows. WinRT is the underlying framework that makes this all possible. While there are two choices for developing Metro-style applications, using JavaScript, HTML5 and CSS may be most confortable for existing web developers. This three-day course will walk you through all the techniques you need to get started in building the next generation of touch-based and tablet applications for Windows 8.

Outline

Introducing WinRT and Metro
  • What is WinRT
  • Runtime Basics
  • Language Services
  • JavaScript and WinRT
  • Tour of Windows 8
  • The Microsoft Store
Introduction to HTML5
  • What is HTML5
  • XML versus HTML5
  • The Box Model
  • The DOM
  • Tags
  • Forms
Designing with CSS
  • Selector Syntax
  • Rules
  • Cascading classes
  • Fonts
  • Specificity
  • Fallback Schemes
  • Browser Specific Styles
  • Using LESS
JavaScript Basics
  • Basic Language Elements
  • Understanding Closures
  • Object Orientation versus Prototype
  • Creating pseudo-classes in JavaScript
  • Structuring Large JavaScript Projects
  • Loading JavaScript
Introducing WinJS
  • What is WinJS?
  • Controls versus Libraries
  • Data Binding in WinJS
  • Working with Events
  • Controlling Animations
  • Async and Threading
  • Working with Touch APIs
  • JQuery and WinJS
  • The Metro Environment
  • Packaging of Metro Apps
  • The Base Class Library
The WinRT Environment
  • The HTTP Stack
  • Accessing Local Storage
  • Cloud Storage
  • Supporting Configuration
  • Sharing with Other Apps
  • Implementing Sharing
  • Using Hardware Devices
Data Access Strategies
  • Using SOAP APIs
  • Working with REST Services
  • Using the WebAPI Services
  • Using OData
  • Network Security
  • Working Offline
Architecting Applications
  • MVP, MVC and MVVM
  • Role of Models in WinJS
  • Building ViewModels
  • Building Views
  • Databinding
  • Importance of Messaging

Course Info

Length:
3 days

Prerequisites:
Understanding basic web development is helpful but not required.

Printable Course Outline