HTML5
Single-page
Interfaces

Don Smith

Senior Program Manager

Microsoft patterns & practices

Use arrow keys to navigate and Ctrl/Cmd -/+ to adjust text and positioning

Agenda

Project Silk
Client-side Web
Development for
Modern Browsers

http://silk.codeplex.com

http://tinyurl.com/projectsilk

Spectrum of Web Apps

Mileage Stats

Managing HTML

Considerations

Options

Navigation

Communication

Getting & Caching Data

Using a JavaScript Object

 
    mstats.dataStore = {
      _data = {},
      get: function(token),
      set: function(token, payload),
      clear: function(token),
      clearAll: function()
    };
    
 
    mstats.dataManager = {
      dataDefaults = {
        dataType: 'json',
        type: 'POST' },
      sendRequest: function(options),
      resetData: function(endpoint),
    };
    

Caching with Local Storage

Feature Detection

Summary

Questions?

Contact Info

This presentation is online @

http://locksmithdon.net/talks/html5spi.html