Building Single Page Apps on the Microsoft Stack

Posted by Stephen.Walther on Stephen Walter See other posts from Stephen Walter or by Stephen.Walther
Published on Wed, 06 Feb 2013 16:07:23 +0000 Indexed on 2013/06/24 16:34 UTC
Read the original article Hit count: 343

Filed under:
|
|

Thank you everyone who came to my talk last night on Building Single Page Apps on the Microsoft Stack. I’ve attached the slides and code samples below.

Here’s a quick summary of the talk. I argued that Single Page Apps are better than traditional Server Side Apps because:

  1. Single Page Apps are Stateful – In a traditional server-side app, whenever you navigate to a new page, all of your previous state is lost. It is like rebooting your computer whenever you perform any action

  2. In a Single Page App, Your Presentation Layer is Not Miles Away – In a traditional server-side app, because everything happens on the server, your presentation layer is separated from the user by space and time. In a Single Page App, the presentation layer is in the browser and not the server (which is the right place for a presentation layer).

  3. A Single Page App Respects the Web – It is easier to take advantage of HTML5 and related standards when building a Single Page App.

Next, I recommended using the following four technologies when building a web application:

  1. Knockout – This is how you create your presentation layer.

  2. ASP.NET Web API – This is how you expose JSON data from your web server and perform server-side validation.

  3. HTML5 – This is how you implement client-side validation.

  4. Sammy – This is how you implement client-side routing and create a Single Page App with multiple virtual pages.

There are code samples in the download (look in the Samples folder) which demonstrate how all of these technologies work when building Single Page Apps.

© Stephen Walter or respective owner

Related posts about AJAX

Related posts about Application Building