Starting with Backbone.js
1.0 (1 rating)
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.
6 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Starting with Backbone.js to your Wishlist.

Add to Wishlist

Starting with Backbone.js

Know all about Backbone.js
1.0 (1 rating)
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.
6 students enrolled
Last updated 8/2017
Curiosity Sale
Current price: $10 Original price: $90 Discount: 89% off
30-Day Money-Back Guarantee
  • 4.5 hours on-demand video
  • 4 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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!
View Curriculum
  • 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 is the target audience?
  • 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.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
39 Lectures
Meet Backbone.js
7 Lectures 34:55

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

Topic Introduction

Models are Backbone's underlying data structures.  

Backbone Models

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

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 44:51
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:16
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
About the Instructor
Stone River eLearning
4.2 Average rating
16,628 Reviews
275,166 Students
201 Courses
270,000+ Happy Udemy Students

At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered. 

Check out our huge catalog of courses and join the over 450,000 students currently taking Stone River eLearning courses. We currently offer 100+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.