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
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
0. Introduction
- 01 - Welcome
- 02 - What you should know
- 03 - Using the exercise files
1. Getting Started
- 04 - What is Backbone
- 05 - Understanding Backbone and other Model-View-Controller (MVC) libraries
- 06 - Setting up our files
2. Models and Collections
- 07 - Adding properties to the model
- 08 - Watching for model changes
- 09 - Creating a collection of models
- 10 - Challenge - Create a new model and watch when it changes
- 11 - Solution - Create a new model and watch when it changes
3. Views
- 12 - Understanding views
- 13 - Adding properties to the model view
- 14 - Creating and configuring templates
- 15 - Creating a collection view
- 16 - Loading model data on a webpage
- 17 - Challenge - Create a template
- 18 - Solution - Create a template
4. Events and Routers
- 19 - Understanding Backbone events
- 20 - Configuring routes
- 21 - Understanding how route links work
Conclusion
- 22 - Additional Backbone resources
- 23 - Goodbye