ASP.Net Single Page Applications (SPA) - some useful Links you might like

Single Page Applications Resources/Links

 Visual Studio SPA Templates

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

General  Resources

 http://www.johnpapa.net/spa/

http://channel9.msdn.com/Events/TechEd/NorthAmerica/2013/DEV-B350#fbid=RDQnYiAbKFf

http://stephenwalther.com/archive/2013/03/05/security-issues-with-single-page-apps

http://stephenwalther.com/archive/2013/02/06/building-single-page-apps-on-the-microsoft-stack (has links for sample code and power points)

http://stackoverflow.com/questions/tagged/single-page-application

Pluralsight videos

 Single Page Apps JumpStart
http://pluralsight.com/training/Courses/TableOfContents/single-page-apps-jumpstart

Single Page Apps with HTML5, Web API, Knockout and JQuery
http://pluralsight.com/training/Courses/TableOfContents/spa

Web API

Introduction to the ASP.NET Web API
http://pluralsight.com/training/Courses/TableOfContents/aspnetwebapi

Web API Design
http://pluralsight.com/training/Courses/TableOfContents/web-api-design

Building ASP.NET Web API OData Services
http://pluralsight.com/training/Courses/TableOfContents/aspnetwebapi-odata

 Knockout

Home site – has bits, tutorials, live examples, documentation
http://knockoutjs.com/

Knockout JS: Helping you build dynamic JavaScript UI with MVVM and ASP.NET (video of Steve Sanderson – creator of knockout) 27 minutes
http://channel9.msdn.com/Events/MIX/MIX11/FRM08

General Resources

 https://github.com/knockout/knockout/wiki

 

Pluralsight videos

 Knockout Fundamentals
http://pluralsight.com/training/Courses/TableOfContents/knockout

Essential Knockout and JavaScript Tips
http://pluralsight.com/training/Courses/TableOfContents/knockout-tips

Building HTML5 and JavaScript Apps with MVVM and Knockout
http://pluralsight.com/training/Courses/TableOfContents/knockout-mvvm

Knockout For the XAML Developer
http://pluralsight.com/training/Courses/TableOfContents/knockout-xaml-developer

 

Durandal Js

Home site – has bits, docs, videos, tutorials
http://durandaljs.com/

Using Durandal to Create Single Page Apps
http://stephenwalther.com/archive/2013/02/08/using-durandal-to-create-single-page-apps (has link for source code sample)

 

JQuery

Home site – has bits, documentation, examples

http://jquery.com/

Pluralsight Videos

jQuery Fundamentals
http://pluralsight.com/training/Courses/TableOfContents/jquery-fundamentals

jQuery Advanced Topics
http://pluralsight.com/training/Courses/TableOfContents/jquery-adv

 

UnderScore

Set of utilities useful for working with collections/arrays in javascript.

 

Home site – has bits, documentation, examples
http://underscorejs.org/

Pluralsight Videos

Underscore.js Fundamentals
http://pluralsight.com/training/Courses/TableOfContents/underscore-fundamentals

 

Moment.js

Javascript library for parsing, validating, manipulating and formatting dates

Home site – has bits, docs, examples and tests
http://momentjs.com/

 

TFS 2013 (now you can use GIT with TFS and also TFS as service on cloud)

http://newintfs.blogspot.com/

 

 

Courtesy: Haley Jason email to boston_dotnetarchitecture

 

Rayudu Addagarla

 

An Overview of TFS - Team Foundation Service, Cloud-powered source code management

Overview of Team Foundation Service by Rayudu Addagarla

 

·         Cloud-powered source code management , Now supporting Git

·         Team collaboration and agile planning

·         Build, Test, Deploy

 

Accessible from anywhere, using existing and familiar tools. Plan projects, collaborate with your team, and manage your code online from anywhere.

Get your account here: http://tfs.visualstudio.com/

 

 

 

Administration of the Account and Project Security etc.

Click the below gear Icon for account Administration screen

 

Creating a new project on the cloud/TF Service.

 

SCRUM 3.0 Template was used , so you see as below. There are other templates you can use as above screenshot.

 

 

 

 

Connecting via Visual Studio 2010

Team à Connect to Team Foundation Server à  Servers à Add <cloud server https://.youraccount..com>

Then Select Server

You will notice the above project created on the service/cloud is shown

You will see your solution/project in the Team Explorer and can use source control

 

Once you add the code in the visual studio you can browse online as well.

 

I found Chrome was better than IE8 for this views to support. Chrome has better html5 support. But IE10 in Windows8 works perfectly.

 

You can see Code History/Annotation blocks/Compare

 

Annotation

Compare

 

Visual Tour with some screenshots.

http://tfs.visualstudio.com/feature-tour

 

Will try to give more information about TFS + Git

 

Rayudu Addagarla

rayudu@siorys.com

Keywords: TFS 2012,2013,source control, Git