SPAs Are Easy
Download as PPTX, PDF2 likes873 views
This document discusses single page applications (SPAs) and how to build them for high performance. It introduces Chris Love as an ASP.NET MVP and author who has written a book about SPAs. It outlines Love's recommended approach called "The Love2SPA Way" which focuses on extensibility, scalability, and uses libraries like SPAjs and Backpack to build SPAs that are maintainable, testable and deployable. The document concludes by stating this approach can provide tangible returns on investment.
SPAs Are Easy
- 1. SPAs Are Easy Chris Love @ChrisLove Love2Dev.com
- 2. Who Am I • ASP.NET MVP • ASP Insider • Internet Explorer User Agent • Author • Speaker • Tweaker, Lover of Web, JavaScript, CSS & HTML5 • @ChrisLove • Love2Dev.com
- 3. High Performance Single Page Web Applications • Responsive Design • Touch • Mobile First • SPA • Extensible, Scalable Architecture • Web Build and Workflow • Goes Really Fast! • ~395 Pages • 20 Chapters • $9.99 http://amzn.to/1a55L89
- 4. Slide Deck & Source Code • Slide Deck – slidesha.re/15YTrTT • Source Code – http://GitHub.com/docluv
- 5. What is a Single Page Application?
- 6. What Does A Modern Web App Look Like? What is Changing the Definition of the Web?
- 7. Performance • Multiple Studies Show Correlation Between Conversions & Speed • 57% Will Abandon a Slow Site After 3 Seconds • We Have to Concentrate 50% Harder For Slow Sites • 78% Have Felt Stress or Anger With Slow Sites • 44% Say Slow Sites Make Them Anxious • 4% Have Thrown Their Phone
- 8. Mobile or Device Fragmentation
- 9. Touch
- 10. Web APIs
- 12. The Modern Web Hour Glass HTML5 JavaScript CSS3 ASP.NET.IIS DB – SQL Server/NoSQL
- 13. (API + HTML5 + CSS3 + JavaScript + Standards Compliant Browser) * (Touch + Mobility + Performance) === Great Single Page Application
- 14. How Do We Get There?
- 16. The Love2SPA Way • SPAjs • Backpack/Mud Bath * • DollarBill** • Caching AJAX Layer • HTML Template Engine • Deeptissue • Toolbar, Panorama, Other Small UI Libraries * Under Development ** jQuery Compatible
- 17. The Love2SPA Way – Typical Stats • 35-80kb minified, not gzipped JavaScript • 20-35kb minified, not gzipped CSS • 5-35kb minified, not gzipped HTML • 3 Core Http Requests • < 1 second Load Time
- 19. The Love2SPA Way • Extensible • Scalable • Maintainable • Testable • Deployable • Have Tangible ROI
- 20. Let’s Code
- 21. High Performance Single Page Web Applications • Responsive Design • Touch • Mobile First • SPA • Extensible, Scalable Architecture • Web Build and Workflow • Goes Really Fast! • ~395 Pages • 20 Chapters • $9.99 http://amzn.to/1a55L89