1 / 14

Sponsor

Sponsor. Single Page Applications with ASP.NET MVC4. Roberto Hernandez-Pou Managing Consultant Excella Consulting @ hernandezrobert http://www.overridethis.com. Table of Contents. 1 . What is an SPA Application? Why should I care? Steve Sanderson’s opinion. 2 . What happened?

halona
Download Presentation

Sponsor

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

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

More Related