WebAppers

/ best free open source web resources /

Shopify

How to Build Single Page Applications with jQuery

Posted · Category: Information, License Free

AddyOsmani has written a really throughout article on Building Single Page Applications(SPAs) With jQuery’s Best Friends; DocumentCloud’s Backbone.js, Underscore.js, LAB.js and jQuery templating.

SPAs are web applications or websites which persistently run in the same page without requiring a reload for further navigation. All of the code needed for your initial load in these applications is driven by either local data or data retrieved from a web server on demand, such as any additional data required from your app that might be driven by user actions.

single-page-application

Requirements: jQuery, Backbone.js, Underscore.js, LAB.js
Demo: http://addyosmani.com/resources/backbonegallery/
License: License Free

4 Comments
  • sam

    with chrome it seems to be a little buggy. every time clicking banner to get back to home the page looks flickering and reloads all pictures even if they are already visible.

  • http://www.lesmiraclesducoran.com/ Coran

    Hy, thanks ! This is a very good script, i think i will use it in an ecommerce website, loading page via ajax, this will improve customer’s experience. :)

  • http://www.hambrook.co.nz Rick

    Why use the hashtag urls when you’ve got window.history.pushState() and window.history.replaceState() ?

  • jesus israel perales martinez

    for example D: ?

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons