Download
sponsor n.
Skip this Video
Loading SlideShow in 5 Seconds..
Sponsor PowerPoint Presentation

Sponsor

121 Views Download Presentation
Download Presentation

Sponsor

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. Sponsor

  2. Single Page Applications with ASP.NET MVC4 Roberto Hernandez-Pou Managing Consultant ExcellaConsulting @hernandezrobert http://www.overridethis.com Excella Consulting – http://www.excella.com

  3. Table of Contents 1. What is an SPA Application? Why should I care? Steve Sanderson’s opinion 2. What happened? A funny story around what happened to the ASP.NET MVC SPA Templates on MVC4. 2. Architecture of a Single Page Application A fun story around what happened to the ASP.NET MVC SPA Templates on MVC4. 3. Walkthrough BigShelf Sample application based on MVC4 Beta 4. Demos Writing a SPA application the hard way Excella Consulting – http://www.excella.com

  4. What Happened? http://www.asp.net/single-page-application Excella Consulting – http://www.excella.com

  5. What is a Single Page Application? Excella Consulting – http://www.excella.com Rich, Responsive applications combining the best of web and desktop, built with HTML5 and JavaScript*. * and nothing fancy Steve Sanderson http://www.stevesanderson.com

  6. Samples out there? Excella Consulting – http://www.excella.com

  7. Why should I care? Excella Consulting – http://www.excella.com “It’s no longer good enough to build web apps around full page loads and then “progressively enhance” them to behave more dynamically. Building apps which are fast, responsive and modern require you to completely rethink your approach.” Quoted onhttp://www.stevesanderson.com From http://throneofjs.com/

  8. Benefits? 1. Great user experience 2. Runs on any device 3. 4. Can work offline App-Store deployable Excella Consulting – http://www.excella.com

  9. Architecture Challenges Excella Consulting – http://www.excella.com Organization (MV* Pattern) Presentation (HTML,CSS, and JS) Navigation APIs (URL Routing) Data Storage (Local or Remote)

  10. Architecture Web UI HTML/CSS/JS Visible UIHTML/CSS Data services JSON/XML Application layerJavaScript Navigation APIs Data access layerJavaScript Local storage Client Server Excella Consulting – http://www.excella.com

  11. Architecture Diagram / Frameworks MVC, WEBFORMS, WEBMATRIX Web UI HTML/CSS/JS Visible UIHTML/CSS KNOCKOUTJS HISTORY.JS WEB API Data services JSON/XML Application layerJavaScript Navigation APIs UPSHOT.JS Data access layerJavaScript HTML5 Local storage Client Server Excella Consulting – http://www.excella.com

  12. All together! Server WebApi 1 Data jQuery 2 4 5 UI Knockout 3 Navigation History.js Demos Excella Consulting – http://www.excella.com

  13. Resources 1. http://www.asp.net/single-page-applications 2. http://www.knockoutjs.com 3. 4. http://www.stevesanderson.net https://github.com/balupton/History.js/ Excella Consulting – http://www.excella.com

  14. Thank You! 1. Blog: http://www.overridethis.com 2. Email: roberto.hernandez@excella.com 3. 4. @hernandezrobert https://bitbucket.org/rhp_74/overridethis.spademo Excella Consulting – http://www.excella.com