Backbone Tutorial: Learn Backbonejs from Scratch
4.4 (728 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.
5,290 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Backbone Tutorial: Learn Backbonejs from Scratch to your Wishlist.

Add to Wishlist

Backbone Tutorial: Learn Backbonejs from Scratch

A collection of hands-on, step-by-step, bite-sized Backbone tutorials covering fundamentals of Backbone.
Best Seller
4.4 (728 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.
5,290 students enrolled
Created by Mosh Hamedani
Last updated 5/2017
English [Auto-generated]
Current price: $10 Original price: $90 Discount: 89% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 5 hours on-demand video
  • 4 Articles
  • 16 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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
View Curriculum
  • 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 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
Compare to Other Backbone.js Courses
Curriculum For This Course
60 Lectures
Getting Started
5 Lectures 07:58

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
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
6 Lectures 13:52

Creating Collections

Working with Collections

Connecting to the Server

Collections Cheat Sheet
2 pages

Collections Project
2 pages
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
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
5 Lectures 19:48

Creating Routers

Single Page Applications Pros and Cons

Routers Cheat Sheet
3 pages

Routers Project
2 pages
Modularizing Backbone Applications
2 Lectures 13:49

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:01


Adding a New Todo Item

Toggling an Item

Deleting an Item

Connecting to the Server


Improving the Look and Feel
2 More Sections
About the Instructor
Mosh Hamedani
4.6 Average rating
47,920 Reviews
139,344 Students
16 Courses
Passionate Software Engineer and Best-selling Author

Mosh (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.

He started teaching on Udemy in 2014 and currently he has over 100,000 students in 182 countries. He's the author of several best-selling courses on Udemy and #1 ranking course on Pluralsight (Become a Full-stack .NET Developer). 

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.