Building Applications with Backbone
The project has various demos using Backbone to build different proof-of-concepts that can serve as a foundation for more elaborate applications.
You can read more about this these tests on my blog.
Tables, Sorting, and Analytical Reporting
One of the applications I thought was a good place to use Backbone was a small reporting app that needed to provide sorting and some analytical capabilities. Below is a progression of building a concept from basic templates all the way through the final demo complete with animated graphs and selectable comparison statistics.
- Basic Tables using Underscore Template Partials
- Sortable Tables with Backbone Collections and Views
- Adding Selectable Statistics by Leveraging Backbone Events
- Integrating Flot Graphs in a Backbone View
- Basic Tables using Backbone Views
- Calculated Columns in Backbone Models
Forms and Widgets
At some point in time, editing the data in a model might be desirable. Using existing widget libraries like jQuery UI will make it easier to build these screens. Figuring out how to integrate them and move data in and out of the form can be challenging.
- Integrating Backbone with jQuery UI Autocomplete to Provide Search Functionality
- Simple Contact List using Model-based Filtering to Search
- Custom Sorting with a Collection bound to a jQuery UI Sortable Widget
- Backbone Router-Friendly Tabs Widget
- Formatting Dates with Moment as Backbone Computed Fields