[javascript] Developing Backbone.js Applications - 배포판

Developing Backbone.js Applications

 

Link : http://addyosmani.github.io/backbone-fundamentals/

 

• Prelude
• Target Audience
• Acknowledgements
• Credits
• Reading
• Introduction
  • What Is MVC?
  • What is Backbone.js?
  • When Do I Need A JavaScript MVC Framework?
  • Why Consider Backbone.js?
  • Setting Expectations
• Fundamentals
  • MVC
    • Smalltalk-80 MVC
    • MVC Applied To The Web
    • Client-Side MVC & Single Page Apps
    • Client-Side MVC - Backbone Style
    • Implementation Specifics
      • Models
      • Views
      • Controllers
  • What does MVC give us?
    • Delving Deeper into MVC
    • Summary
    • Further reading
  • Fast facts
    • Backbone.js
    • Used by
• Backbone Basics
  • Getting set up
  • Models
    • Initialization
    • Getters & Setters
    • Listening for changes to your model
    • Validation
  • Views
    • Creating new views
    • What is el?
  • Collections
    • Adding and Removing Models
    • Retrieving Models
    • Listening for events
    • Resetting/Refreshing Collections
    • Underscore utility functions
    • Chainable API
  • RESTful Persistence
  • Events
    • on(), off(), and trigger()
    • listenTo() and stopListening()
    • Events and Views
  • Routers
    • Backbone.history
  • Backbone’s Sync API
  • Dependencies
  • Summary
• Exercise 1: Todos - Your First Backbone.js App
  • Static HTML
    • Header and Scripts
    • Application HTML
    • Templates
  • Todo model
  • Todo collection
  • Application View
  • Individual Todo View
  • Startup
  • In action
  • Completing & deleting todos
  • Todo routing
  • Summary
• Exercise 2: Book Library - Your First RESTful Backbone.js App
  • Setting up
    • Creating the Model, Collection, Views, and App
  • Wiring in the interface
    • Adding models
    • Removing models
  • Creating the back-end
    • Install node.js, npm, and MongoDB
    • Install node modules
    • Create a simple web server
    • Connect to the database
  • Talking to the server
    • Summary
• Backbone Extensions
  • MarionetteJS (Backbone.Marionette)
    • Boilerplate Rendering Code
    • Reducing Boilerplate With Marionette.ItemView
    • Memory Management
    • Region Management
    • Marionette Todo app
      • Controllers
      • CompositeView
    • Is the Marionette implementation of the Todo app more maintainable?
    • Marionette And Flexibility
    • And So Much More
  • Thorax
    • Hello World
    • Embedding child views
    • View helpers
    • collection helper
    • Custom HTML data attributes
    • Thorax Resources
• Common Problems & 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
    • Backbone.validateAll
    • Backbone.Validation
    • Form-specific validation classes
  • Avoiding Conflicts With Multiple Backbone Versions
  • Building Model And View Hierarchies
  • Event Aggregators And Mediators
    • Event Aggregator
      • Backbone’s Event Aggregator
        • jQuery’s Event Aggregator
    • Mediator
    • Similarities And Differences
      • Events
      • Third-Party Objects
    • Relationships: When To Use Which
      • Event Aggregator Use
      • Mediator Use
    • Event Aggregator And Mediator Together
    • Pattern Language: Semantics
• Modular Development
  • Introduction
  • Organizing modules with RequireJS and AMD
    • Maintainability problems with multiple script files
    • Need for better dependency management
    • Asynchronous Module Definition (AMD)
    • Writing AMD modules with RequireJS
      • Alternate syntax
    • Getting Started with RequireJS
      • RequireJS Configuration
        • RequireJS Shims
      • Custom Paths
    • Require.js and Backbone Examples
      • Wrapping models, views, and other components with AMD
    • Keeping Your Templates External Using RequireJS And The Text Plugin
    • Optimizing Backbone apps for production with the RequireJS Optimizer
• Exercise 3: Your First Modular Backbone + RequireJS App
  • Overview
  • Markup
  • Configuration options
  • Modularizing our models, views and collections
  • Route-based module loading
    • JSON-based module configuration
    • Module loader Router
    • Using NodeJS to handle pushState
  • An asset package alternative for dependency management
• Paginating Backbone.js Requests & Collections
  • Introduction
    • Backbone.Paginator
    • Live Examples
  • Paginator.requestPager
    • 1. Create a new Paginated collection
    • 2. Set the model for the collection as normal
    • 3. Configure the base URL and the type of the request
  • Gotchas!
    • 4. Configure how the library will show the results
    • 5. Configure the parameters we want to send to the server
  • Gotchas!
    • 6. Finally, configure Collection.parse() and we’re done
    • Convenience methods:
  • Paginator.clientPager
    • 1. Create a new paginated collection with a model and URL
    • 2. Configure the base URL and the type of the request
    • 3. Configure how the library will show the results
    • 4. Configure the parameters we want to send to the server
    • 5. Finally, configure Collection.parse() and we’re done
    • Convenience methods:
    • Implementation notes:
    • Plugins
    • Bootstrapping
    • Styling
    • Conclusions
• Backbone Boilerplate And Grunt-BBB
  • Getting Started
    • Backbone Boilerplate and Grunt-BBB
  • Creating a new project
    • index.html
    • config.js
    • main.js
    • app.js
    • Creating Backbone Boilerplate Modules
    • router.js
  • Other Useful Tools & Projects
    • Yeoman
    • Backbone DevTools
  • Conclusions
• Backbone & jQuery Mobile
  • Mobile app development with jQuery Mobile
    • The Principle of progressive widget enhancement by jQMobile
    • Understanding jQuery Mobile Navigation
  • Basic Backbone app setup for jQuery Mobile
  • Workflow with Backbone and jQueryMobile
    • Routing to a concrete View page, Inheriting from BasicView
    • Management of Mobile Page Templates
    • DOM management and $.mobile.changePage
  • Applying advanced jQM techniques to Backbone
    • Dynamic DOM Scripting
    • Intercepting jQuery Mobile Events
    • Performance
    • Clever Multi-Platform Support Management
• Unit Testing
• Jasmine
  • Behavior-Driven Development
  • Suites, Specs, & Spies
  • beforeEach() and afterEach()
  • Shared scope
  • Getting set up
  • TDD With Backbone
  • Models
  • Collections
  • Views
    • View testing
      • Initial setup
      • View rendering
      • Rendering with a templating system
  • Conclusions
  • Exercise
  • Further reading
• QUnit
  • Introduction
  • Getting Setup
    • Sample HTML with QUnit-compatible markup:
  • Assertions
    • Basic test case using test( name, callback )
    • Comparing the actual output of a function against the expected output
  • Adding structure to assertions
    • Basic QUnit Modules
    • Using setup() and teardown()
    • Using setup() and teardown() for instantiation and clean-up
  • Assertion examples
    • equal - a comparison assertion. It passes if actual == expected
    • notEqual - a comparison assertion. It passes if actual != expected
    • strictEqual - a comparison assertion. It passes if actual === expected
    • notStrictEqual - a comparison assertion. It passes if actual !== expected
    • deepEqual - a recursive comparison assertion. Unlike strictEqual(), it works on objects, arrays and primitives.
    • notDeepEqual - a comparison assertion. This returns the opposite of deepEqual
    • raises - an assertion which tests if a callback throws any exceptions
  • Fixtures
    • Fixture markup:
    • Fixtures example:
  • Asynchronous code
• SinonJS
  • What is SinonJS?
    • Basic Spies
    • Spying On Existing Functions
    • Inspection Interface
  • Stubs and mocks
    • Stubs
    • Mocks
  • Exercise
    • Models
    • Collections
    • Views
    • App
  • Further Reading & Resources
• Resources
  • Books & Courses
  • Extensions/Libraries
• Conclusions
• Appendix
  • A Simple JavaScript MVC Implementation
    • Event System
    • Models
    • Views
    • Controllers
    • Practical Usage
  • MVP
    • Models, Views & Presenters
  • MVP or MVC?
  • MVC, MVP and Backbone.js
  • Namespacing
    • What is namespacing?
  • Backbone Dependency Details
    • DOM Manipulation
    • Utilities
    • RESTful persistence
    • Routing
  • Backbone Vs. Other Libraries And Frameworks