Backbone.js Fundamentals
Backbone.js is a set of tools that gives structure to client-side web applications. It helps us write clean, maintainable JavaScript applications. This course will show you how to get the most out of each backbone component, and how to assemble them all into an advanced, modern web application.
Authored by:
Liam McLennan
Duration: 4h 42m
Level: Intermediate
Released: 9/5/2012
Features:
Duration: 4h 42m
Level: Intermediate
Released: 9/5/2012
Features:
Course Rating:
You are currently not signed in. Please sign in to access subscriber-only content.
Currently using: {{getCurrentPlayerName()}} [Change]
| expand all | collapse all | Progress | Duration | |
|---|---|---|---|
Introducing Backbone.js |
|
00:41:47 | |
|
Overview
|
|
02:50 | |
|
What Is Backbone.js?
|
|
06:38 | |
|
Single Page Applications
|
|
07:19 | |
|
Why Do We Need Backbone.js?
|
|
02:51 | |
|
A Minimal Backbone.js Environment
|
|
05:09 | |
|
A Backbone Example
|
|
16:25 | |
|
Summary
|
|
00:35 | |
Models |
|
00:42:29 | |
|
Overview
|
|
01:24 | |
|
The Purpose of Models
|
|
01:03 | |
|
Defining New Model Types
|
|
04:36 | |
|
Instantiating Models
|
|
01:50 | |
|
Inheritance
|
|
05:11 | |
|
Attributes
|
|
05:21 | |
|
Events
|
|
08:17 | |
|
Identity
|
|
01:59 | |
|
Defaults
|
|
01:33 | |
|
Validation
|
|
07:26 | |
|
toJSON
|
|
01:47 | |
|
save, fetch and destroy
|
|
00:48 | |
|
Summary
|
|
01:14 | |
Views |
|
00:26:33 | |
|
Overview
|
|
01:03 | |
|
Views
|
|
03:58 | |
|
Instantiating Views
|
|
02:25 | |
|
The el Property
|
|
03:15 | |
|
render
|
|
05:33 | |
|
make
|
|
03:55 | |
|
events
|
|
05:22 | |
|
Guidelines and Summary
|
|
01:02 | |
Templating |
|
00:21:11 | |
|
Overview
|
|
01:49 | |
|
Underscore Templates
|
|
06:46 | |
|
Handlebars Templates
|
|
03:18 | |
|
Precompilation
|
|
08:28 | |
|
Summary
|
|
00:50 | |
Routing |
|
00:25:30 | |
|
Overview
|
|
01:31 | |
|
Client-side Routing
|
|
02:36 | |
|
A Document Router Demo
|
|
10:09 | |
|
Defining Routes
|
|
05:45 | |
|
PushState and Hash Fragments
|
|
02:29 | |
|
Search Engine Indexability
|
|
01:48 | |
|
Summary
|
|
01:12 | |
Collections |
|
00:38:57 | |
|
Overview
|
|
01:41 | |
|
Collections
|
|
02:00 | |
|
Defining New Collection Types
|
|
04:23 | |
|
Sorting
|
|
04:04 | |
|
Instantiating Collections
|
|
02:38 | |
|
add() and remove()
|
|
06:46 | |
|
at()
|
|
01:26 | |
|
get() and getByCid()
|
|
02:10 | |
|
Working with Collections
|
|
06:24 | |
|
Collection Events
|
|
06:20 | |
|
Summary
|
|
01:05 | |
Connecting to a Server |
|
00:31:48 | |
|
Overview
|
|
01:45 | |
|
How Backbone.js uses the Server
|
|
02:49 | |
|
The Server
|
|
04:52 | |
|
backbone-server
|
|
03:08 | |
|
Collection Requests
|
|
06:26 | |
|
Model Requests
|
|
08:46 | |
|
Backbone.sync
|
|
02:50 | |
|
Summary
|
|
01:12 | |
Testing |
|
00:54:08 | |
|
Overview
|
|
02:43 | |
|
Testing Tools
|
|
02:28 | |
|
Testing Models
|
|
22:11 | |
|
Testing Views
|
|
12:35 | |
|
Testing Routes
|
|
00:41 | |
|
Testing Without a Browser
|
|
12:15 | |
|
Summary
|
|
01:15 |
Introducing Backbone.js