Hot Towel SPA template: This is a more comprehensive template that provides the foundation for building an SPA with rich client features.This template proves the basics for navigation-style SPA. Durandal SPA template: This template utilizes Durandal, an open source JavaScript library for building rich client applications.BreezeJS SPA template: This template extends the standard ASP.NET SPA template by using the Breeze open source JavaScript library, which provides an easy way to manage rich data.It is a good starting point for learning SPA. It uses standard ASP.NET along with the Knockout JavaScript library. ASP.NET SPA template: A basic SPA application with one view.
You can build everything from scratch, but ASP.NET and Web Tools 2012.2 download provides SPA templates (and many more updates), so you don't have to reinvent the wheel when tackling a project. The SPA concept uses core web technologies and standards, so it is easily accomplished via ASP.NET. The Hungree site is another good example (although I cannot read it without a translator) - I love the simple design. While SPA is described as "single page," it doesn't mean there is only one page or content screen you can utilize multiple data views within a page - show/hide as needed, load data via AJAX, etc.Īn excellent example of the SPA concept is, which uses scrolling to deliver multiple screens of content all contained within one page request. Also, the SPA approach lends itself to creating silos within a Web application - that is, creating different areas within a site as SPA. There will still be a lot of resources (CSS, images, JavaScript, etc.) to load, so a key is to load most everything (or what is immediately needed) up front to minimize wait time. Another benefit is performance (if designed correctly), as a rich user experience is provided while reducing the number of server round-trips. You may be thinking that you know of all of this, but why would you ever build an application consisting of only one page? One of the main reasons is the rise of mobile platforms - nobody likes to navigate multiple pages on their mobile device.
All of these can be used to build full-featured user interfaces consisting of one web page - navigate to different content within the page using one or more of the technologies. While the SPA approach has been with us for a long time, it has only recently taken off due to the maturation of web standard technology threesome JavaScript, CSS, and HTML. The basics about SPAsīefore we dive into the ASP.NET offerings, let's take a quick tour of the key ingredients of a SPA, along with more examples that thoroughly embrace the concept.
A recent Visual Studio update includes templates for building SPAs with ASP.NET. Navigation techniques and AJAX provide necessary functionality without a page reload.
Every time you work with Gmail, you're using a Single Page Application (SPA), which offers a rich user experience within a single page.