Learning Backbone.js

1h 34mIntermediate2014-06-10

Authors

Kai Gittens

Web Designer and Developer at Revlon Cosmetics

Course details

Backbone.js is the key to keeping your JavaScript code neat, and separating your markup from the data powering your web applications. Although it has fantastic server-side capabilities, this course focuses on the most relevant features for front-end developers and web designers that want to learn how to build out their web pages and keep their code organized, move away from the DOM, and use Backbone's useful JavaScript library. Start here and learn how to use models and collections to manage your data, and display it on your web page with views. Then use events and routers to create navigational logic in your web app. Author Kai Gittens shows you just what you need to get up and running with Backbone.js and get the job done.

Learning objectives
What is Backbone.js?
Understanding how MVC libraries work
Adding properties to a model
Creating a collection of models
Adding properties to a model view
Loading model data on a web page
Configuring routes
Finding Backbone resources

Skills covered

Backbone.jsJavaScript FrameworksFront-End Web DevelopmentLearningWeb DevelopmentOpen Source

Concepts

Introduction

Welcome
What you should know
Using the exercise files

Getting Started

What is Backbone
Understanding Backbone and other Model-View-Controller (MVC) libraries
Setting up our files

Models and Collections

Adding properties to the model
Watching for model changes
Creating a collection of models
Challenge - Create a new model and watch when it changes
Solution - Create a new model and watch when it changes

Views

Understanding views
Adding properties to the model view
Creating and configuring templates
Creating a collection view
Loading model data on a webpage
Challenge - Create a template
Solution - Create a template

Events and Routers

Understanding Backbone events
Configuring routes
Understanding how route links work

Conclusion

Additional Backbone resources
Goodbye