that's crazy! how to build single page web apps

THAT'S CRAZY! HOW TO BUILD SINGLE PAGE WEB APPS

Chris LoveTellago Inc.http://ProfessionalASPNET.com@ChrisLove

Diamond SponsorCTREC Hilton

http://www.ctrechilton.com/

TELLAGO

NOT A VACATION SPOT

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

Home

Article

Resources Contact

Events

About

Home

Article

Resources Contact

Events

About

THINGS TO KNOW/DO Templating – Build markup on demand Destroy & Build Data Management

Tombstoning On-Demand Purge Stale Data

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

BUT I AM CRAZY No My Mother Did Not Have Me Tested I Waste Hours on Nights & Weekends (&

Planes) Never Satisfied (yet)

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?

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

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

DEMO TIME