Learn Backbone.js

This Backbone.js tutorial teaches you the key concepts of Backbone.js framework.

Video Error

We tried several times to play your video but there was an unforeseen error. We have notified our engineers.

Visit https://helpx.adobe.com/flash-player.html to check that Flash is enabled on your browser.

With Flash enabled, please try again in a few minutes or contact support.

  • Lectures 11
  • Video 1.5 Hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

Course Description

This Backbone.js tutorial is designed to take you through the basic concepts of backbone.js. The Backbone.js tutorial includes:

  • JavaScript Conventions
  • What and Why MVC
  • Models & Collections
  • Views & Templates
  • Router
  • Events
  • AMD with require.js

What are the requirements?

  • JavaScript Knowledge

What am I going to get from this course?

  • Over 11 lectures and 1.5 hours of content!
  • Learn the basics of Backbone.js

What is the target audience?

  • javascript and front end developers

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Backbone.js
Hands on Code

Version 4  - updated for Backbone.js 1.0.0 and StackMob 0.9.1


We'll review the agenda for the backbone.js + StackMob course.  You'll also see the final app we will build in this course.


Let's review some JavaScript conventions you'll see when looking at other backbone.js applications.  They include the Immediately Invoking Function Expression (IIFE), closures and the module pattern.


Let's review what the Model-View-Controller Pattern is, why we would use it and how it's used in a backbone.js application.


A quick look at how to include the backbone.js library in your html project.

Updated: to fix a typo on one of my slides. 
Let's explore how to create a simple model in backbone.js to hold your data.  We'll also review optional attributes and how to add methods and listen for events.

Let's look at how Collections hold one or more model instance and how you can loop over your collection instance to display data.


We'll review the concept of Views in backbone.js.  This will include how the "el" is defined.  How to initialize variables and call methods when creating your view and some best practices for rendering your view.


In this section, we review why you might want to use templates and how you can incorporate them into your views.


In this section, we'll look at the router and how StackMob uses it to maintain the application state.  

In this section, we'll learn why you may want to use the require.js library.  How AMD (asynchronous module definition) helps you manage dependencies and break you backbone.js app into discreet modules.  We'll also see how to optimize and build your app for production with require.js

Instructor Biography

Sidney Maestre, Founder of Crush It Mobile

Sidney Maestre has spent several years building HTML5 and native mobile apps and sharing his knowledge with other developers.

Seeing a lack of meetups dedicated to non-native mobile development, Sidney formed, BAM!, Bay Area Mobile, a meetup focused on jQuery Mobile, Sencha, jQtouch and other non-native mobile technologies.

With the release of jQuery Mobile, Sidney has spent much of 2011 focused on learning and speaking about the technology. This includes speaking at HTML5 DevConf, Adobe MAX and Silicon Valley Code Camp. He is often called up at eBay as an internal expert on the subject. 2011 also saw the beta release of RaffleSwag, for conducting raffles through a mobile phone. Sidney chose jQuery mobile for it's broad support of different platforms and browsers.

Sidney is the former Platform Evangelist with StackMob. StackMob helps mobile developers be more productive by providing cloud based backend services.

Join the biggest student community


Hours of video content


Course Enrollments




Average Rating
  1. 5 Stars
  2. 4 Stars
  3. 3 Stars
  4. 2 Stars
  5. 1 Star
Ready to start learning?
Preview This Course