ASP.NET Single Page Application (SPA) and template libraries

 

1. ASP.NET Single Page Application

http://www.asp.net/single-page-application

 

2. Single Page Application: KnockoutJS template

http://www.asp.net/single-page-application/overview/introduction/knockoutjs-template

 

3. Anatomy of HTML5/JavaScript Single Page Application in Samples (basics, navigation, composition, communications with the server)

http://www.codeproject.com/Articles/505152/Anatomy-of-HTML5-JavaScript-Single-Page-Applicatio

 

HTML5, JavaScript, Knockout, JQuery, Guide for Recovering Silverlight/WPF/C# Addicts. Part 1 - JavaScript and DOM.

http://www.codeproject.com/Articles/456638/HTML5-JavaScript-Knockout-JQuery-Guide-for-Recover

 

HTML5, JavaScript, Knockout, JQuery, Guide for Recovering Silverlight/WPF/C# Addicts.

Part 2 - Solar System Animation built with SVG, Knockout and MVVM Pattern.

http://www.codeproject.com/Articles/464853/HTML5-JavaScript-Knockout-JQuery-Guide-for-Recover

 

4. Single Page Application概览

http://www.cnblogs.com/liminjun88/archive/2012/07/29/2614045.html

 

5、Video：Building rich Single Page Applications with ASP.NET MVC 4

http://channel9.msdn.com/Events/TechDays/TechDays-2012-Belgium/199

 

6、Single Page Apps

http://www.pluralsight.com/training/Courses/TableOfContents/single-page-apps-jumpstart

 

All template libraries:

•ASP.NETMVC

•ASP.NETWeb API

•ASP.NETWeb Optimization - bundling and minification

•Breeze.js- rich data management

•Durandal.js- navigation and View composition. It handles view/viewmodel composition and applife cycle.

•Knockout.js- data bindings

•Require.js- Modularity with AMD and optimization

•Toastr.js- pop-up messages

•TwitterBootstrap - robust CSS styling

•Datacontext.js gets data to the client.

•Shim.js adds features to older browsers.

 

knockout template

 

1. knockout

http://knockoutjs.com/

 

http://lab.hupo.be/ko/doc/introduction.html (中文）

 

2. Video: Knockout JS: Helping you build dynamic JavaScript UIs with MVVM and ASP.NET

http://channel9.msdn.com/Events/MIX/MIX11/FRM08

 

3. Knockout应用开发指南（完整版） 目录索引

http://www.cnblogs.com/TomXu/archive/2011/11/21/2257154.html

 

4. Knockout.js入门

http://www.adobe.com/cn/devnet/html5/articles/getting-started-with-knockoutjs.html

 

5. Revisting Event Delegation in Knockout.js

http://www.knockmeout.net/2012/11/revisit-event-delegation-in-knockout-js.html

 

6. Simplifying and Cleaning Up Views in KnockoutJS

http://www.knockmeout.net/2011/08/simplifying-and-cleaning-up-views-in.html

 

Breeze template:

 

Breeze is an open source library for building rich data applications in JavaScript and HTML

 

1. Breeze

http://www.breezejs.com/

 

2. The Breeze/Knockout SPA Template

http://www.breezejs.com/spa-template?utm_source=ms-spa

 

Hot Towel template

If you want to build a SPA but can't decide where to start, use Hot Towel and in seconds you'll have a SPA and all the tools you need to build on it.

1. ASP.NET Hot Towel template

http://www.asp.net/single-page-application/overview/templates/hottowel-template

 

2. Hot Towel SPA – Visual Studio Project Template

http://www.johnpapa.net/hottowel/

 

3. SPA JumpStart – Architecture – Part 2

http://www.johnpapa.net/spajs02/ 

Introduce functions of each library for hot towel.

 

4. Using Durandal to Create Single Page Apps

http://stephenwalther.com/archive/2013/02/08/using-durandal-to-create-single-page-apps.aspx

Introduce architecture for Durandal template which is a part of hot towel template.

 

Bootstrap library

Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合，它使用了最新的浏览器技术，给你的Web开发提供了时尚的版式，表单，buttons，表格，网格系统等等。

1. Bootstrap: base css

http://getbootstrap.com/2.3.2/ (Eng)

http://twitter.github.com/bootstrap/ 

http://www.bootcss.com/

 

2. BootStrap入门教程

http://www.cnblogs.com/ventlam/archive/2012/05/28/2520703.html

 

3. Bootstrap 表单构造器

http://www.bootcss.com/p/bootstrap-form-builder/

 

ASP.NET Web API

ASP.NET Web API 是.NET Framework上的一个框架，用来生成 web API。

Web API 能够构建HTTP服务以支撑更广泛的客户端，包括浏览器，手机和平板电脑的框架。它是非常棒的构建服务的框架，遵循REST架构风格，而且它支持的RPC模式。

Note: 在Web API里控制器不是从Controller类继承而是从ApiController类继承，同时Web API上的操作并不返回视图，而是返回数据。

A client makes a HTTP request, it is sent to the server, the Web API routes it to a Controller (a class), and the Controller handles the request.

 

1. ASP.NET Web API

http://www.asp.net/web-api

 

2. ASP.NET  WebAPI:  Getting Started with MVC4 and WebAPI

http://www.codeproject.com/Articles/344078/ASP-NET-WebAPI-Getting-Started-with-MVC4-and-WebAP

 

3. ASP.NET Web API系列教程目录

http://www.cnblogs.com/r01cn/archive/2012/11/11/2765432.html

 

4. 初尝Web API

http://blog.csdn.net/ojlovecd/article/details/8169822 

 

5. Web Api (.NET 4.5)

http://blog.csdn.net/fangxinggood/article/details/7318289

 

6. Routing in ASP.NET Web API

 http://www.asp.net/web-api/overview/web-api-routing-and-actions/routing-in-aspnet-web-api

 

Some other basic libraries:

1. Font awesome

http://fortawesome.github.com/Font-Awesome/

 

2. Modernizr

http://modernizr.com/

 

3. Moment

http://momentjs.com/

4. JQuery

http://jquery.com/