About this Course

This course is a collection of resources designed to introduce you to Backbone, a common organizational library for front-end web applications.

By the end of this course, you’ll know how to write well organized web applications using the Backbone framework. You’ll also make use of the Local Storage API or a service like Firebase to support persistent data storage across user sessions.

Course Cost
Free
Timeline
Approx. 2 weeks
Skill Level
Advanced
Included in Course
  • Rich Learning Content

  • Interactive Quizzes

  • Taught by Industry Pros

  • Self-Paced Learning

  • Student Support Community

Join the Path to Greatness

This free course is your first step towards a new career with the Front-End Web Developer Nanodegree Program.

Free Course

Learn Backbone.js

Enhance your skill set and boost your hirability through innovative, independent learning.

Icon steps

Course Leads

  • Ben Jaffe
    Ben Jaffe

    Instructor

What You Will Learn

Lesson 1

Getting Started

  • Overview of the Backbone framework and its components.
Lesson 1

Getting Started

  • Overview of the Backbone framework and its components.
Lesson 2

Building a Simple Backbone App

  • Build a simple Backbone application that dynamically calculates a shopping cart total.
Lesson 2

Building a Simple Backbone App

  • Build a simple Backbone application that dynamically calculates a shopping cart total.
Lesson 3

Hello Backbone

  • Review Backbone examples that get progressively more difficult.
  • Get these examples up and running within your own environment.
  • Then add functionality and experiment with them!
Lesson 3

Hello Backbone

  • Review Backbone examples that get progressively more difficult.
  • Get these examples up and running within your own environment.
  • Then add functionality and experiment with them!
Lesson 4

Diving Deeper with Backbone

  • Read through part of Addy Osmani’s book, Backbone Fundamentals.
  • Gain a deeper understanding of how Backbone helps you create highly organize web applications.
Lesson 4

Diving Deeper with Backbone

  • Read through part of Addy Osmani’s book, Backbone Fundamentals.
  • Gain a deeper understanding of how Backbone helps you create highly organize web applications.
Lesson 5

Building a Todo Application from Scratch

  • Develop a todo list application.
Lesson 5

Building a Todo Application from Scratch

  • Develop a todo list application.
Lesson 6

Real-time Data with Firebase

  • Learn how to use Firebase for real-time, persistent, data storage.
Lesson 6

Real-time Data with Firebase

  • Learn how to use Firebase for real-time, persistent, data storage.

Prerequisites and Requirements

This course is intended to build on the knowledge and programming concepts taught in Javascript Design Patterns, is for web developers with JavaScript experience, and some prior experience with a JavaScript library, such as jQuery.

Students should also be proficient in HTML and CSS, and should have experience creating static pages.

See the Technology Requirements for using Udacity.

Why Take This Course

There are two reasons this course will help you. First, having experience with a popular organizational library or framework will significantly boost your skill set in the eyes of future employers.

Second, this course requires you to read external resources and practice learning on your own. Researching and learning new technologies is a critical skill for all Front-End Web Developers. This course will help you put those skills into practice.

These resources will also:

  • provide a high-level view of Backbone, what it provides, and how to organize applications with it
  • demonstrate how to build an app, (chunk by chunk) from simple to more complicated
  • take you step-by-step through the creation of moderately complex sample apps
What do I get?
  • Instructor videos
  • Learn by doing exercises
  • Taught by industry professionals
Icon globe

Udacity 现已提供中文版本! A Udacity tem uma página em português para você! There's a local version of Udacity for you! Sprechen Sie Deutsch?

Besuchen Sie de.udacity.com und entdecken Sie lokale Angebote, unsere Partnerunternehmen und Udacitys deutschsprachigen Blog.

前往优达学城中文网站 Ir para a página brasileira Go to Indian Site Icon flag de Zu de.udacity.com continue in English