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

968 views
942 views

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
968
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
9
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

  1. 1. THATS CRAZY! HOW TO BUILD SINGLEPAGE WEB APPSChris LoveTellago Inc.http://ProfessionalASPNET.com@ChrisLove
  2. 2. Diamond Sponsor CTREC Hiltonhttp://www.ctrechilton.com/
  3. 3. TELLAGO
  4. 4. NOT A VACATION SPOT
  5. 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. 6. Resources Contact About Article Events Home
  7. 7. Resources Contact About Article Events Home
  8. 8. THINGS TO KNOW/DO Templating – Build markup on demand Destroy & Build Data Management  Tombstoning  On-Demand  Purge Stale Data
  9. 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. 10. BUT I AM CRAZY No My Mother Did Not Have Me Tested I Waste Hours on Nights & Weekends (& Planes) Never Satisfied (yet)
  11. 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. 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. 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. 14. DEMO TIME

×