Questions tagged [singlepage]

Single Page Applications are web applications that simulate the interaction behavior of desktop applications.

A single-page application (SPA), also known as single-page interface (SPI), is a web application or web site that fits on a single web page with the goal of providing a more fluid user experience akin to a desktop application.

More resources:

217 questions
127
votes
9 answers

"Single-page" JS websites and SEO

There are a lot of cool tools for making powerful "single-page" JavaScript websites nowadays. In my opinion, this is done right by letting the server act as an API (and nothing more) and letting the client handle all of the HTML generation stuff.…
user544941
  • 1,579
  • 2
  • 12
  • 16
101
votes
2 answers

JavaScript frameworks to build single page applications

My goal is to migrate an existing web application to a RESTful single page application (SPA). Currently, I'm evaluating several Javascript web application frameworks. My requirements are as follow: RESTful data layer (like…
Christopher Will
  • 2,991
  • 3
  • 29
  • 46
100
votes
14 answers

Architecture of a single-page JavaScript web application?

How should a complex single-page JS web application be structured on the client-side? Specifically I'm curious about how to cleanly structure the application in terms of its model objects, UI components, any controllers, and objects handling server…
user65663
62
votes
2 answers

In a single-page app, what is the right way to deal with wrong URLs (404 errors)?

I am currently writing a web application using angularjs, but I think this question applies to any client-side javascript framework that does routing on the client side (as angular does). In a single-page app, what is the right way to deal with…
32
votes
2 answers

Knockout 'flickering' issue

I'm building a SPA (Single Page Application) using KO. the application looks like a book and the user can flip pages. The problem is that every time a page loads, there is a short moment where the page 'flickers' and the user sees the unstyled…
Tomer
  • 17,787
  • 15
  • 78
  • 137
29
votes
1 answer

Woocommerce - Get SKU in product single page

I want go get the SKU in my product single pages in Woocommerce. I tried which is a featured function according to the Woocommerce docs (http://docs.woothemes.com/wc-apidocs/class-WC_Product.html) but it will just break the loop.…
carl_mace
  • 293
  • 1
  • 3
  • 5
25
votes
3 answers

Command-click doesn't open a new tab, but middle-click does

On my website, which is a one-page JS site using Sammy.js and jQuery, when I middle-click a link with a mouse, the link opens in a new tab. But when I command-click on a Mac, it doesn't. This happens in both Firefox and Chrome, so I assume it must…
Paul Biggar
  • 27,579
  • 21
  • 99
  • 152
21
votes
3 answers

Configuring nginx for single page website with HTML5 push state URL's

How can I configure nginx to redirect all URL's (not prepended with /api or some static resource eg. JS/images) to index.html? Reason is I am using HTML5 push state URL's with a single page application. Meaning content is changed whether AJAX or JS…
Jiew Meng
  • 84,767
  • 185
  • 495
  • 805
17
votes
3 answers

Single page Web App in Java framework or examples?

Has anyone seen an example or done the following in Java: http://duganchen.ca/single-page-web-app-architecture-done-right/ That is a design a single page web app that will work with Google SEO with out massive violation of DRY using Java…
Adam Gent
  • 47,843
  • 23
  • 153
  • 203
16
votes
9 answers

AngularJs ReferenceError: angular is not defined

I trying to add a custom filter, but if I use the following code: angular.module('myApp',[]).filter('startFrom', function() { return function(input, start) { start = +start; //parse to int return input.slice(start); …
FAvIo41
  • 271
  • 1
  • 3
  • 11
16
votes
7 answers

Knockout, CKEditor & Single Page App

I have a situation involving KnockoutJS & CKEditor. Basically we've got part of our site that is 'single page' app style, currently it just involves 2 pages but will likely expand over time, currently it's just a 'listings' page and a 'manage' page…
MDo
  • 307
  • 2
  • 10
15
votes
4 answers

Direct (and simple!) AJAX upload to AWS S3 from (AngularJS) Single Page App

I know there's been a lot of coverage on upload to AWS S3. However, I've been struggling with this for about 24 hours now and I have not found any answer that fits my situation. What I'm trying to do Upload a file to AWS S3 directly from my client…
Valentin Waeselynck
  • 5,950
  • 26
  • 43
14
votes
1 answer

How can I use #-URLs in a single-page application?

This article makes a pretty convincing argument that because URLs are long-lived (they get bookmarked and passed around), they should be meaningful, and that using the hash for real routing (determining what data is shown on the page and/or the…
James A. Rosen
  • 64,193
  • 61
  • 179
  • 261
11
votes
2 answers

Are there best practices/patterns for synchronizing local and remote data in SPA (html5 single page applications)?

I'm writing a simple "todo - helloworld" with jqueryMobile + knockout + breeze + WebAPI to learn about SPAs (Single Page Application) in a mobile context (unreliable internet connection) To enable offline usage the WebApp will leverage Application…
10
votes
3 answers

Missing Single Page Application template in MVC4 RC

When I installed MVC4 beta on a development PC, it had a template for SPA (Single Page Application). Today on a different PC with the same setup (VS2010 SP1, win7), I installed MVC4 RC but no longer is the SPA template available (see image). Any…
mateuscb
  • 10,150
  • 3
  • 52
  • 76
1
2 3
14 15