1. THAT'S CRAZY! HOW TO BUILD SINGLE
PAGE WEB APPS
Chris Love
Tellago Inc.
http://ProfessionalASPNET.com
@ChrisLove

2. Diamond Sponsor
CTREC Hilton
http://www.ctrechilton.com/

3. TELLAGO

4. NOT A VACATION SPOT

5. WHAT IS AN SPA?
• Can Be Very Fun
• All Content & Resources are Loaded When the Page is
Initially Loaded
• Allows for Smooth Page/Content Transitions

6. Resources Contact About
Article Events
Home

7. Resources Contact About
Article Events
Home

8. THINGS TO KNOW/DO
 Templating – Build markup on demand
 Destroy & Build
 Data Management
 Tombstoning
 On-Demand
 Purge Stale Data

9. ARE THERE LIBRARIES
 Backbone.js
 New in ASP.NET 4
 Upshot.js
 Navigation.js
 Knockout.js (if you like MVVM)
 http://bit.ly/zVVIG7 <- Check This Presentation
Out

10. BUT I AM CRAZY
 No My Mother Did Not Have Me Tested
 I Waste Hours on Nights & Weekends (&
Planes)
 Never Satisfied (yet)

11. BUT I AM CRAZY
 Frameworks Not Really Meeting My Needs
 Browser Memory Pressures
 What About Deferred Content?
 Can I utilize localStorage/IndexDB?
 How big are my apps really?

12. USING LOCALSTORAGE
 Application Cache is sort of Broken
 Steve Souders Told Me So (it must be true)
 http://bit.ly/oryAF5
 http://bit.ly/fSBGhp
 Google & Bing Use This Technique for Mobile
 http://bit.ly/mRPhPy

13. DEFERRED CONTENT
 Load the bare minimum HTML, CSS, JS,
etc in initial site request
 Load Balance once initial page is rendered
in the background (sneak it in)
 Do a steal check later to updated content *
 Utilize application Cache to work offline *
 Works in PhoneGap
* have not implemented yet

14. DEMO TIME