Backbone Tutorial: Learn Backbonejs from Scratch
4.4 (1,479 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
8,083 students enrolled

Backbone Tutorial: Learn Backbonejs from Scratch

A collection of hands-on, step-by-step, bite-sized Backbone tutorials covering fundamentals of Backbone.
4.4 (1,479 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
8,083 students enrolled
Created by Mosh Hamedani
Last updated 4/2018
English [Auto]
Current price: $57.99 Original price: $89.99 Discount: 36% off
2 days left at this price!
30-Day Money-Back Guarantee
This course includes
  • 5 hours on-demand video
  • 5 articles
  • 36 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Write clean, perfectly-structured, maintainable and testable Javascript code
  • Build rich client applications with Backbone.js
  • Build Single Page Applications with Backbone.js
  • Test Javascript code with Jasmine.js
  • Moduarlize Javascript code with Require.js
Course content
Expand all 61 lectures 05:15:04
+ Getting Started
5 lectures 07:59

We cover what Backbone is and what you can do with it. We also touch on MVC and Single Page Applications architectural styles.

Preview 03:11

We cover the basic building blocks of Backbone.js applications and what they are used for: Events, Models, Collections, View and Routers.

Preview 01:00

We see a real-world example of an application built with Backbone.js along with a quick technical analysis of its underlying architecture. You'll learn how various building blocks of Backbone can be used in a real-world scenario.

Preview 01:57
Source Codes
+ Models
8 lectures 20:36

We cover the basics of Backbone Models and how they are different from Javascript objects. You'll learn how to create and instantiate a Backbone Model.

Preview 02:50

We cover how to get, set and remove attributes on Backbone Models.

Working with Attributes

We cover how to add validation to a Backbone Model and how to return error messages when a model is invalid.


We cover how you can extend existing models to create an inheritance hierarchy. We also cover how to override methods in the child model types as well as how to call into the methods in the base class


We cover how to synchronise Backbone Models with the server via RESTful API. You'll learn about the fetch, save and destroy methods in detail.

Connecting to the Server
Models Cheat Sheet
2 pages
Models Project
2 pages
+ Collections
6 lectures 13:52
Creating Collections
Working with Collections
Connecting to the Server
Collections Cheat Sheet
2 pages
Collections Project
2 pages
+ Views
9 lectures 41:37
Passing Data to Views
Handling DOM Events
Handling Model Events
Handling Collection Events
Views Cheat Sheet
4 pages
Views Project
2 pages
+ Events
5 lectures 18:13
Binding and Triggering Custom Events

In this video, we cover how we can use event aggregators to develop loosely coupled applications. I'll demonstrate 2 real-world examples: FourSquare and bitly and how we could implement something like them with Backbone.

Creating an Event Aggregator to Coordinate Multiple Views
Events Cheat Sheet
1 page
Events Project
2 pages
+ Routers
5 lectures 19:48
Creating Routers
Single Page Applications Pros and Cons
Routers Cheat Sheet
3 pages
Routers Project
2 pages
+ Testing Backbone Applications
6 lectures 47:05
Introduction to Jasmine
Jasmine Cheat Sheet
2 pages
Testing Backbone Models
Testing Backbone Collections
Testing Backbone Views
+ Developing an App with Backbone
8 lectures 01:32:08
Adding a New Todo Item
Toggling an Item
Deleting an Item
Connecting to the Server
Improving the Look and Feel
  • Only basic understanding of Javascript and jQuery

Want to learn how to write clean, maintainable, testable Javascript code?

There are many libraries and frameworks to help you structure your Javascript code. BackboneJS is one of them.

In this course, I'll take you on a step-by-step journey to learn Backbone from novice to ninja. You'll learn everything you need to know to build structured and maintainable real-world applications with Backbone.

You don't need any prior knowledge of Backbone. Only basic understanding of Javascript and jQuery is enough to take this course.

We start with the big picture

You'll learn the basic building blocks of Backbone and what they are used for. Then, I'll show you a real-world example of an application built with Backbone and explain how those building blocks work together in action.

Then we start learning Backbone.js from scratch

Once you get the big picture, we start learning Backbone in a practical, hands-on way from scratch. Lectures are short, concise and up to the point, without wasting your time. I hate courses that waste students' time (with too much rambling) and I've done my best to make sure I won't waste your time in this course!

Each section includes:

  • An introduction that tells you what you're gonna learn
  • A few lectures, each teaching you new concepts, in a step-by-step fashion
  • A cheat sheet for you to quickly review what you've learned
  • A mini project or assignment for you to apply what you've learned

Next we get into the real-world challenges

Once we cover the fundamentals of Backbone, then we'll cover unit testing and modularising the code. You'll learn the basics of RequireJS and Jasmine.

And finally build an application from scratch

In the last section, we'll build an application with Backbone in an iterative way. With every iteration we enhance our app in a baby-step fashion. The before and after source code for each lecture is available for you to download to review or to complete on your own.

I'll share with you other tips to make you a better web developer

I've been a web developer since 2000. In the last section, I'll share with you lots of other tips on usability, productivity, clean coding, object-oriented programming, HTML, CSS, a little bit of security and many other things. These supplementary materials help you become a better web developer.

I'll show you many real-world examples

Throughout the course I touch on some popular web sites such as Facebook, Twitter, Pinterest, Four Square and Bitly and explain how you can make something like them with Backbone. So, by the end of this course, you'll have a good and in-depth understanding of Backbone and how to use it in building real-world applications.

What else will you get?

  • Lifetime access to course materials
  • New lectures, tips and tricks, absolutely free
  • Ask me any questions and I'll help you throughout your learning

What my students say:

"Mosh's course stands out as one of the best online courses I've ever taken, whether for Backbone or any other technology. Mosh's teaching style is unique. He leads the student logically through a progression of understanding in a manner akin to good unit testing." - David Handel

"This is one of the best courses I took o Udemy so far. Mosh is one of the best instructor as it is clear and it's evident that lessons are well prepared and not improvised. Thanks a lot!" -Andrea Salvatore

"Very good course, with crystal clear examples. Mosh is a very professional trainer and a magic developer. Thanks for your good job." Antonio Marqués Taltavull

What's the risk for you?

Absolutely nothing! This course comes with Udemy's 30-day money-back guarantee. Just take the course, watch the lectures, practice the assignments and if you're not happy, ask for a refund. You'll get all your money back, no questions asked.

So do you want to learn Backbone from scratch and write clean, structured, maintainable and testable Javascript code?

Take this course now and let's get started.

Who this course is for:
  • Any front-end developer who wants to write clean, structured, maintainable and testable Javascript code
  • Any front-end developer who wants to develop rich client applications