The document discusses building single page web apps and provides tips for doing so efficiently. It recommends using templating to build markup on demand, destroying and rebuilding elements, and managing data through tombstoning, on-demand loading, and purging stale data. It also recommends libraries like Backbone.js, Upshot.js, Navigation.js, and Knockout.js and discusses using local storage and deferred loading of content to improve performance of single page apps.

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