Starting with Backbone.js
3.8 (3 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.
19 students enrolled

Starting with Backbone.js

Know all about Backbone.js
3.8 (3 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.
19 students enrolled
Last updated 3/2019
English [Auto]
Price: $199.99
30-Day Money-Back Guarantee
This course includes
  • 4.5 hours on-demand video
  • 4 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
  • Code a Backbone js app with an Online IDE
  • Understand and use Backbone library components
  • Compose functional components in Backbone's MVC paradigm
  • Use Backbone Models to manage application data
  • Learn to raise & handle Events in Backbone
  • Implement Backbone's powerful Router
  • Implement Backbone Views to control an app
  • Style a Backbone app with Bootstrap
  • Understand what Backbone is all about, and how it can help you as a developer ... and much, much more!
Course content
Expand all 39 lectures 04:22:19
+ Meet Backbone.js
7 lectures 34:46

Let's see what we'll learn in this course

Topic Introduction

Models are Backbone's underlying data structures.  

Preview 09:43

Acting as "controllers" in Backbone architecture, Views are a key component to any solution

Backbone Views

Let's see how Models and View's dovetail

Preview 04:56

Collections are groups of models.  Let's see how they fit into the mix.

Backbone Collections

We've now got a handle on Backbone's core concepts

Section Summary
+ More Backbone Basics
6 lectures 34:35

Routing in Backbone.js is a powerful design tool

Section Introduction
Backbone Router

Events are the glue that ties Backbone objects together

Preview 06:24

Namespacing provides organization at design time and at run time


Let's put all of these concepts to work, together

Combining Concepts

With a full palate of Backbone concepts, let's review them all

Section Summary
+ Working with Backbone.js
8 lectures 41:43
Section Introduction

Let's get a development environment setup and begin coding on Cloud 9

Setup on Cloud 9

We need an HTML file to host our Backbone app.  Let's set one up.

Preview 03:39

We can design and code some new Models for our app

Adding Models

Our Models need Views.  Let's code them up!

Adding Views

We're going to list some data, so we need Collections

Adding Collections

We can separate our HTML from our Views with Templating


With the beginnings of an app all set up, let's walk through the steps we just took

Section summary
+ Additional Backbone Features
5 lectures 30:09
Section Introduction

We can keep our data clean, safe, and valid with Backbone's Model Validation features

Model Validation

Let's learn to leverage Backbone's ability to handle UI and custom events

Raising and Responding to Events

Routing adds dimensions to an application's functionality


We've implemented all of the features we've learned so far.  Let's walk through how we did it all.

Section Summary
+ Building a Guestbook App
10 lectures 01:54:44
Section Introduction

Let's create our app with a clean slate, fully configured 

A new Cloud 9 workspace

Let's configure our host file and get some Models in play

Coding index.html & Models

Let's apply some new Views to our Models

Coding Views

One of our views is a doozy (it has it's own video!)

Coding More Views

Our app needs to display a list of Greetings.  Time for a Collection.

Coding Collections

This app's pieces need to be tied together.  Events to the rescue!

Preview 08:35

All of this apps HTML will be contained in Templates.  Excellent design.

Coding Templates

We're nearly complete.  Only a few more things to make this app work properly.

Wiring Everything Together

Bootstrap can make our app pretty and mobile ready.  

Styling with Bootstrap
+ Course Summary
3 lectures 06:22
Section Introduction

Backbone is a popular and well-supported library.  Here are some additional resources to keep learning.

Preview 02:52

You now have a JavaScript "Backbone".  Congratulations.

Final Remarks
  • Before taking this course, a student should ideally (but not absolutely) have some experience in: Creating web UI’s with normal Javascript tools (i.e. jQuery, Bootstrap, ASP NET, AngularJS, etc.) Programming with a common object-oriented or scripting language (i.e. Java, C#, Python, PHP, etc.) JavaScript development of complete client-side solutions. BACKBONE JS EXPERIENCE IS NOT REQUIRED!!!

By its nature, working on a web application usually involves a lot of JavaScript (duh). And as any developer will tell you, it often doesn't take long for your JS code start winding through a whole heap of other elements like HTML UI speed ramps, jQuery roundabouts, and who knows what else. For complex applications a more structured approach can make life easier for everyone. Enter Backbone.js, the JavaScript framework that does exactly that. Here's what this Backbone.js online course can show you...

 The Backbone of Web App Development 

  • Get to know Backbone.js and how it can help you
  • Code a Backbone app with an online IDE
  • Compose functional components in Backbone's MVC paradigm
  • Raise and handle Events
  • Implement Views to control and app
  • Use Models to manage application data
  • And much more!


Understand Models, Events, Views and More 

The core of Backbone.js is representing your data through Models which can be created, validated, destroyed and saved to the server, and Views that display the model's state and respond to changes. So after a quick introduction, this is what you'll learn first.

 Having laid that foundation, you'll move onto the other important concepts of Backbone such as Events, namespacing, templating, routing, and much more. You'll then build a guestbook app and style it to perfection with Bootstrap. Additional resources and hands-on tutoring will help you every step of the way, no matter what your skills or experience level.

 By the end of the course material, you'll be well equipped to use Backbone for developing your own web apps, and will have a greater understanding of how frameworks can elevate your developing skills (and make your life a whole lot less stressful, too).

 Although intended for IT professionals, hobbyists are more than suitable for taking this course too. Some experience in creating web UIs with JavScript tools would be an advantage, as would programming with a common object-oriented or scripting language. However, you don't need any Backbone experience whatsoever. We'll teach you everything you need to know!


What is Backbone?

 Backbone.js is a JavaScript framework designed for developing single page web applications and for synchronizing various elements of web apps. It was created by Jeremy Ashkenas (of CoffeeScript and Underscore.js fame) with the intention of giving developers the freedom to design the full experience of a web application. It helps keep business logic and user interface neatly separated. Backbone is praised for being lightweight and only depending on one JavaScript library.

Who this course is for:
  • This course was built for web developers who design and build UI/UX solutions for mobile and the web. This course is designed for those developers who want to design with Backbone js as easily as they can with other JavaScript frameworks & libraries. Of course, the info presented here is just as valuable for architects, testers, and product managers as they too should understand how Backbone is designed and used in a complete web solution.