Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
16 Feb

How to Build Single Page Applications with jQuery

  • Information, License Free
  • Leave a Comment

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

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
Backbone Supplies Structure to JavaScript-heavy Applications

Backbone Supplies Structure to JavaScript-heavy Applications

Build Real-time Apps with Backbone.js, Node.js, Socket.io

Build Real-time Apps with Backbone.js, Node.js, Socket.io

A Useful String Manipulation Extension for JavaScript

A Useful String Manipulation Extension for JavaScript

Sigma Grid – Ajax Editable Data Grid

Sigma Grid – Ajax Editable Data Grid

Useful Hover-based User Interface with jQuery, CSS3, HTML5

Useful Hover-based User Interface with jQuery, CSS3, HTML5

Build APIs for Web and Mobile Apps with Deployd

Build APIs for Web and Mobile Apps with Deployd

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() ?

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • How to Create High-Performance Code
  • Easy to Use, Drag & Drop Bootstrap Interface Builder
  • Tiny Responsive jQuery Slider without Fancy Effects
  • How to Create Realtime Multi-player Games in HTML5
  • Create an Amazon-like Navigation Menu with jQuery
  • A True Responsive jQuery Lightbox Plugin for Free
  • How to Use Web Workers for Image Manipulation
  • Pretty Neat jQuery Mobile Theme Based on Flat UI
  • Super Smooth CSS Transitions for jQuery
  • How to Make FullScreen Page Transitions with CSS
Sponsors
Plugins
  • Advertisement15
  • Calendar47
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour16
  • Gallery121
  • Maps30
  • Menu87
  • Polls9
  • Popup49
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons25
  • Color Schemes24
  • Fonts47
  • Forms112
  • Icons108
  • Patterns24
  • PS Tutorials15
  • Stock Photos21
  • Tables25
Others
  • Announcement103
  • Best Collections6
  • Code55
  • eCommerce24
  • Framework215
  • Hosting13
  • Information239
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats39
  • Tools293
  • Webmail14
Licesnes
  • BSD License67
  • CC License122
  • GPL License224
  • LGPL License40
  • License Free739
  • MIT License410
Sponsors
Advertise Here
Partners
MaxCDN