Developing Backbone.js Building Applications Better JavaScript Applications 22109

If you want to build your site's frontend with the single-page application (SPA) model, this hands-on book shows you how to get the job done with Backbone.js. You'll learn how to create structured JavaScript applications, using Backbone's own flavor of model-view-controller (MVC) architecture. Start with the basics of MVC, SPA and Backbone, then get your hands dirty building sample applications—a simple Todo list app, a RESTful book library app, and a modular app with Backbone and RequireJS. Author Addy Osmani, an engineer for google's Chrome team, also demonstrates the uses of the framework. Learn how Backbone.js brings MVC benefits to the client-side Write code that can be easily read, structured, and extended Work with the Backbone.Marionette and Thorax extension frameworks Solve common problems you'll encounter when using Backbone.js Organize your code into modules with AMD and RequireJS Paginate data for your Collections with the Backbone.Paginator plugin Bootstrap a new Backbone.js application with boilerplate code Use Backbone with jQuery Mobile and resolve routing problems between the two Unit test your Backbone apps with Jasmine, QUnit, and SinonJS

Chapter 1 : Introduction
What Is MVC?
What Is Backbone.js?
When Do I Need a JavaScript MVC Framework?
Why Consider Backbone.js?
Setting Expectations
Chapter 2 : Fundamentals
MVC
What Does MVC Give Us?
Fast Facts
Chapter 3 : Backbone Basics
Getting Set Up
Models
Views
Collections
RESTful Persistence
Events
Routers
Backbone's Sync API
Dependencies
Summary
Chapter 4 : Exercise 1: Todos—Your First Backbone.js App
Static HTML
Todo Model
Todo Collection
Application View
Individual TodoView
Startup
In Action
Completing and Deleting Todos
Todo Routing
Summary
Chapter 5 : Exercise 2: Book Library—Your First RESTful Backbone.js App
Setting Up
Wiring in the Interface
Creating the Backend
Talking to the Server
Summary
Chapter 6 : Backbone Extensions
MarionetteJS (Backbone.Marionette)
Thorax
Summary
Chapter 7 : Common Problems and Solutions
Working with Nested Views
Managing Models in Nested Views
Rendering a Parent View from a Child View
Disposing View Hierarchies
Rendering View Hierarchies
Working with Nested Models or Collections
Better Model Property Validation
Avoiding Conflicts with Multiple Backbone Versions
Building Model and View Hierarchies
Event Aggregators and Mediators
Chapter 8 : Modular Development
Organizing Modules with RequireJS and AMD
Summary
Chapter 9 : Exercise 3: Your First Modular Backbone and RequireJS App
Overview
Markup
Configuration Options
Modularizing Our Models, Views, and Collections
Route-Based Loading Module
An Asset Package Alternative for Dependency Management
Chapter 10 : Paginating Backbone.js Requests and Collections
Backbone.Paginator
Paginator.requestPager
Paginator.clientPager
Chapter 11 : Backbone Boilerplate and Grunt-BBB
Getting Started
Creating a New Project
Other Useful Tools and Projects
Summary
Chapter 12 : Backbone and jQuery Mobile
Mobile App Development with jQuery Mobile
Basic Backbone App Setup for jQuery Mobile
Workflow with Backbone and jQueryMobile
Applying Advanced jQM Techniques to Backbone
Chapter 13 : Jasmine
Behavior-Driven Development
Suites, Specs, and Spies
beforeEach() and afterEach()
Shared Scope
Getting Set Up
TDD with Backbone
Models
Collections
Views
Exercise
Further Reading
Summary
Chapter 14 : QUnit
Getting Set Up
Assertions
Adding Structure to Assertions
Assertion Examples
Fixtures
Asynchronous Code
Chapter 15 : SinonJS
What Is SinonJS?
Stubs and Mocks
Exercise
Further Reading and Resources
Chapter 16 : Conclusions
Appendix : Further Learning
A Simple JavaScript MVC Implementation
MVP
MVP or MVC?
MVC, MVP, and Backbone.js
Namespacing
Backbone Dependency Details
Backbone Versus Other Libraries and Frameworks
Appendix : Resources
Books and Courses
Extensions/Libraries
Colophon