Book Image

Backbone.js Blueprints

By : Andrew Burgess
Book Image

Backbone.js Blueprints

By: Andrew Burgess

Overview of this book

<p>Backbone.js is an open source, JavaScript library that helps you to build sophisticated and structured web apps. It's important to have well-organized frontend code for easy maintenance and extendability. With the Backbone framework, you'll be able to build applications that are a breeze to manage.<br /><br />In this book, you will discover how to build seven complete web applications from scratch. You'll learn how to use all the components of the Backbone framework individually, and how to use them together to create fully featured applications. In addition, you'll also learn how Backbone thinks so you can leverage it to write the most efficient frontend JavaScript code.<br /><br />Through this book, you will learn to write good server-side JavaScript to support your frontend applications. This easy-to-follow guide is packed with projects, code, and solid explanations that will give you the confidence to write your own web applications from scratch.</p>
Table of Contents (14 chapters)
Backbone.js Blueprints
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Making it live


At this point, we have a pretty decent application. We can create events that show up in our table. We can update and remove these events as well. However, if multiple people are using the same table of events, we might want to regularly poll the server for changes to the dataset. This way, someone could leave the page open, like a dashboard of sorts, and it would always be up to date.

This feature sounds like it might be tricky to implement, but it's actually much easier than you think. The first step is to go to the model.js file, and extend our Events collection by adding these methods to it:

initialize: function (models, options) {
  this.wait = (options && options.wait) || 10000; 
},
refresh: function () {
  this.fetch();
  setTimeout(this.refresh.bind(this), this.wait);
}

The refresh method is the important one here. Mainly, we're calling the collection's fetch method. This will get the set of models from the server and set them as the model for collection. However...