David Sulc - Backbone Marionette [2013, PDF/ePub, ENG]

Who This Book is For
Following Along with Git
Jumping in for Advanced Readers
Setting Up
Asset Organization
Getting Our Assets
Displaying a Static View
Dynamically Specifying a View Template
Specifying Other View Attributes
Exercise
Displaying a Model
Using Model Defaults
Introducing Events
Exercise
Displaying a Collection of Models
Introducing the CollectionView
Listing our Contacts with a CollectionView
Sorting a Collection
Exercise
Structuring Code with Modules
Extracting our App Definition
Moving Contacts to the Entities Module
Creating a Module for the ContactsApp Sub-Application
Moving the App Initialization Handler
Exercise
Dealing with Templates
Using a CompositeView
Exercise
Using Events
Exercise
Events, Bubbling, and TriggerMethod
Communicating via Events
Animating the Removed ItemView
Exercise
Introducing TriggerMethod
Displaying Contacts in Dedicated Views
Wiring up the Show Event
The ContactsApp.Show Sub-Module
Implementing Routing
How to Think About Routing
Adding a Router to ContactsApp
Routing Helpers
DRYing up Routing with Events
Adding a Show Route
Exercise
Implementing a View for Nonexistent Contacts
Dealing with Persisted Data
Adding a Location to our Entities
Configuring our Entities to use Web Storage
Loading our Contacts Collection
Loading a Single Contact
Deleting a Contact
Handling Data Latency
Delaying our Contact Fetch
Using jQuery Deferreds
Displaying a Loading View
Exercise
Passing Parameters to Views and SerializeData
Managing Forms: Editing a Contact
Saving the Modified Contact
Validating Data
Displaying a Modal Window
Using jQuery UI
Adding the Edit Link
Implementing Modal Functionality
Handling the Modal Form Data
Subdividing Complex Views with Layouts
Regions vs Layouts
Extending from Base Views
Managing Dialogs with a Dedicated Region
Customizing onRender
Filtering Contacts
Implementing an Empty View
Optional Routes and Query Strings
The “About” Sub-Application
Coding the Sub-App
The “Header” Sub-Application
Setting up the Models
Adding Templates and Views
Implementing the Controller and Sub-Application
Navigating with the Brand
Highlighting the Active Header
Handling Menu Clicks
Closing Thoughts
Keeping in Touch
Other Books I’ve Written
Module Architecture
Exercise Solutions
Displaying a Single-Item List
Displaying a Contact With No Phone Number
Sorting a Collection
Declaring a Template Sub-Module
Building your own CompositeView
Displaying the Contents of a Clicked Table Cell
Event Bubbling from Child Views
Getting Back to the Contacts List
Overriding Marionette’s Template Loader
Declaring a Template Sub-Module
Tackling the Template Loader
Specifying our new Template
Extending Marionette
Using Web Storage for Persistence
Implementation Strategy
Adding to the Entities Module
Using a Mixin with Underscore
Determining the Storage Key
Creating a FilteredCollection