SPA

Single Page Applications (SPA) are built on expanding reach via the browser, reducing round tripping, and enhancing User Experience (UX). This page contains resources for building a SPA. Primarily it focuses on 3 approaches:: * AngularJS SPA framework * DurandalJS SPA framework * Custom SPA framework

General SPA Topics

• SPA and the Single Page Myth
• Compare Durandal to Angular, Not Knockout to Angular
• SideWaffle: Visual Studio Templates for Angular and Durandal
• JavaScript Soup

Angular Training Videos

• Build Apps with Angular and Breeze - Part 1 Pluralsight course
• Build Apps with Angular and Breeze - Part 2 Pluralsight course

Angular

• AngularJS Style Guide
• Ideas for Structuring an Angular App

• Structuring an Angular App: Refactoring for Growth</li>

• Structuring Guidelines
• Preparing for Angular 1.2.x Animations
• Angular Snippets for Visual Studio
• Article about Building apps with Angular and Breeze
• </p></p>

  Angular modular Nuget packages

  </ul>

  Durandal

  • SPA JumpStart with Durandal and Breeze Pluralsight course
  • Upgrading from Durandal 1.x to 2.0

  SPA (Durandal/Knockout & Breeze) Jump-Start Series

  • Beginning SPA - Part 1
  • SPA Architecture - Part 2
  • Durandal - Part 3
  • Breeze - Part 4

  Here is a live demo of the

  Code Camper Jump-Start Demo. You can also download the source code to Code Camper Jump-Start.

  Intermediate Code Camper SPA Series

  • Part 1 - The Story Begins (What is the Code Camper SPA?)
  • Part 2 - Client Technologies
  • Part 3 - Server Technologies (the Data Layer)
  • Part 4 - Serving JSON with ASP.NET Web API
  • Part 5 - HTML 5 and ASP.NET Web Optimization
  • Part 6 - JavaScript Modules
  • Part 7 - MVVM and KnockoutJS
  • Part 8 - Data Services on the Client
  • Part 9 - Navigation, Transitions, Storage and Messaging
  • Part 10 - Saving, Change Tracking, and Commanding

  Here is a live demo of the

  Code Camper Demo. Watch a free video "SPA with Durandal, Knockout and Breeze".

  Video: Single Page Apps JumpStart

  SPA Jump Start is a beginner level training videos at Pluralsight that steps through building a SPA from scratch. Build a Single Page Application (SPA), in JavaScript and HTML, with a rich user experience and runs on almost any device! This course fits in nicely to jumpstart Single Page App development and get you moving quickly and efficiently. This is an end to end course that starts from File | New project and builds a fully functional SPA with multiple pages, insert, update, delete, validation, sharing data, across views, modularity, AMD, view compositions, and much more. begins with an exploration of the new ASP.NET SPA templates including Hot Towel. In fact, the Hot Towel template was inspired and created specifically for this course.

  Video: Single Page Apps with HTML5, Web API, Knockout and jQuery

  Intermediate level training videos at Pluralsight that demonstrates an end to end solution including the data repository, unit of work pattern, Web API on the server and a full featured SPA on the client.

  </li></ul>

  </li></ul>

</ul>