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

Chapter 3. Building a Live Data Dashboard

This is going to be a fun chapter. So far, we've created two relatively simple applications. In both cases, we mainly created and read data from the browser. While it's all browser-side stuff, it's pretty static. This time, we're going to do something a lot more interesting; we're going to build a table that keeps a track of events. In an interesting twist, though, we'll build a table that will automatically update based on changes made in other browsers that have our app open.

The following are a couple of chapter spoilers:

  • We'll look at better code organization through multiple files

  • We'll write code to update and delete model instances

  • We'll build an app that polls the server to keep its collection up to date

Once again, we'll start with the project template; however, there are a few modifications we need to make in our last two projects. You may have noticed that our app.js file was getting a bit lengthy; this makes it tough to navigate between our...