Last post Jan 13, 2014 06:18 AM by jsiahaan
Jan 13, 2014 05:41 AM|UnityPhil|LINK
I am trying to extend the new SPA template (v5.0) in Visual Studio 2013. I have spent time understanding how the authentication pattern in it works and would now like to try building on the template by adding new views and view models but I am stuck. The
Project_Readme.html is out of date. It points to an old example for building a To Do list that uses a previous and completely different template. Question for MS, are the any plans to create a similar walk through for this template?
Is there any documentation or examples any where to explain how to build on this template? Documentation for the AppViewModel class would be a starting point!
Do Microsoft expect developers to build on this template or is it's only purpose to demonstrate the new authentication pattern?
Jan 13, 2014 05:54 AM|francesco abbruzzese|LINK
The new SPA pattern already contains some Views, so you might start studying them. The implemented view show how to build virtual pages with partialviews containing knockout.js bindings.
This means, you may proceed as for a standard Mvc appllication that uses WebApi for ajax call. However, instead of rendering full views, you simply add a new partial view to the page that host the SPA. Moreover, instead of using HtmlHelper you may use plain
Html enriched with knockout.js bindings.
The VS 2013 SPA template is very basic. In my opinion it is excellent for learning,...After you have familiarized with SPA concept, if your SPA is quite simple and contains ..say about 10 views you may use the standard SPA template. However, if your SPA
is going to have say about 50-200 Views, then you need a robust SPA framework that contains a router, and the possibility to load dynamically both ViewModels and Views, like durandal or angular.
Jan 13, 2014 06:18 AM|jsiahaan|LINK
You can find the closer one AngularJS end-to-end web app tutorial Part I to AngularJS
end-to-end web app tutorial Part IV. At the video is used Bootstrap version 2.x.x, you can change it to a new Bootstrap 3.0.3, You need to follow
the migration of this Bootstrap here.