Advertisement

Getting to Know Backbone.js

5 Posts

In this series, we’re going to learn how to build a fully functional contacts manager using Backbone.js, Underscore.js, and jQuery.

This is perfect for someone who has just finished learning the basics of JavaScript and jQuery and is looking to take their front end chops to the next level!

Posts in this series
  • Web Development
    Build a Contacts Manager Using Backbone.js: Part 1200
    12 shares
    In this tutorial, we're going to look at building a fully functional contacts manager using Backbone.js, Underscore.js, and jQuery. We'll take a look at the basic components that make Backbone tick as well as some of the convenience methods exposed by Underscore.Read More…
  • Web Development
    Build a Contacts Manager Using Backbone.js: Part 2200
    20 shares
    Welcome back to part two of this tutorial; in part one we looked at some of the model, collection and view basics for when working with Backbone and saw how to render individual contact views using a master view bound to a collection. In this part of the tutorial, we're going to look at how we can filter our view based on user input, and how we can add a router to give our basic application some URL functionality. We'll need the source files from part one as we'll be building on the existing code for this part. I'd strongly recommend reading part one if you haven't already. Read More…
  • Web Development
    Build a Contacts Manager Using Backbone.js: Part 3200
    Welcome to part three of our series that focuses on building applications using Backbone. If you haven't read parts one and two, I strongly recommend that you do -- just so you know where we're at and what we've covered so far. In part one, we took a basic look and models, views and collections. In part two, we looked at routers, events and the history modules. In this part, we're going to look further at interactions and see how we can add or remove models from a collection.Read More…
  • Web Development
    Build a Contacts Manager Using Backbone.js: Part 4200
    11 shares
    In part four of this series, we saw how easy it is to add and remove models from our collection, and keep the page updated in sync with the changes. In this part, we're going to look at editing existing model data.Read More…
  • Web Development
    Build a Contacts Manager Using Backbone.js: Part 5200
    9 shares
    Welcome back to the Building a content viewer with Backbone series. Over the first four parts, we looked at almost every major component that ships with the latest version of Backbone including models, controllers, views and routers. In this part of the tutorial, we're going to hook our application up to a web server so that we can store our contacts in a database. We won't be looking at LocalStorage; this is a popular means of persisting the data that Backbone apps use, but the fact is there are already a number of excellent tutorials available on this subject.Read More…