Backbone Tutorial: Learn Backbonejs from Scratch

A collection of hands-on, step-by-step, bite-sized Backbone tutorials covering fundamentals of Backbone.
4.5 (459 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
4,399 students enrolled Bestselling in Backbone
70% off
Take This Course
  • Lectures 61
  • Length 5.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

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.

About This Course

Published 10/2014 English

Course Description

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.

What are the requirements?

  • Only basic understanding of Javascript and jQuery

What am I going to get from this course?

  • 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

Who is the target audience?

  • 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

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: Introduction
Who is Your Instructor?
How is This Course Structured
Section 2: Getting Started

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


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


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.

Getting Backbone.js
Source Codes
Section 3: Models

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.


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


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.

Models Cheat Sheet
2 pages
Models Project
2 pages
Section 4: Collections
Creating Collections
Working with Collections
Connecting to the Server
Collections Cheat Sheet
2 pages
Collections Project
2 pages
Section 5: Views
Creating Views
Passing Data to Views
Handling DOM Events
Handling Model Events
Handling Collection Events
Views Cheat Sheet
4 pages
Views Project
2 pages
Section 6: Events
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.

Events Cheat Sheet
1 page
Events Project
2 pages
Section 7: Routers
Creating Routers
Single Page Applications Pros and Cons
Routers Cheat Sheet
3 pages
Routers Project
2 pages
Section 8: Modularizing Backbone Applications
Section 9: Testing Backbone Applications
Introduction to Jasmine
Jasmine Cheat Sheet
2 pages
Testing Backbone Models
Testing Backbone Collections
Testing Backbone Views
Section 10: Developing an App with Backbone
Adding a New Todo Item
Toggling an Item
Deleting an Item
Connecting to the Server
Improving the Look and Feel
Section 11: What's Next?
What's Next?
Get My Other Courses with a Discount
Stay in Touch
1 page
Section 12: Appendix
Troubleshooting Backbone Appllications

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Mosh Hamedani, Passionate Software Engineer and Best-selling Author

Moshfegh Hamedani is a passionate and creative software engineer with a strong focus on pragmatism and simplicity. He started programming at the age of seven on a Commodore 64. Later, during his high school years, he started learning C and C++ . In 2002, along with the first release of .NET, he shifted his focus to C#. Since then he has been involved in the design and implementation of numerous software projects, including modern web applications, mobile apps, desktop applications and frameworks.

Aside from his career as a software engineer, he truly enjoys sharing his knowledge with others. Since his early twenties, he has been teaching courses and running workshops on C#, ASP. NET, object-oriented programming and clean coding. He is author of 6 best-selling courses on Udemy and more will be coming soon.

Mosh has a Master of Science in Network Systems and a Bachelor of Science in Software Engineering. He is also a Microsoft Certified Application Developer, Technology Specialist (Web Applications) and Professional.

Outside the software world, Mosh is a photographer, a pianist and a passionate Latin dancer.

Ready to start learning?
Take This Course