Top Banner
Backbone & underscore Binary Academy 2014 Semenistyi Mykyta
38

Binary Studio Academy PRO. JS course. Lecture 2. backbone

Jun 25, 2015

Download

Documents

Binary Studio

Binary Studio Academy PRO
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Backbone & underscore

Binary Academy 2014 Semenistyi Mykyta

Page 2: Binary Studio Academy PRO. JS course. Lecture 2. backbone
Page 3: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Collections

Arrays Functions Objects

Utility

Page 4: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Collections● each● filter● map● reduce● reduceRight● some● every

● groupBy● indexBy● sortBy● ...

Page 5: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Arrays● indexOf● lastIndexOf● flatten

● first● last● compact● without● difference● ...

Page 6: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Functions● bind

● memoize● once● throttle● debounce● ...

Page 7: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Objects● keys

● values● isEmpty● isEqual● isNaN● ...

Page 8: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Utility● noConflict● times● random● escape/unescape● template● ...

Page 9: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Templates

Page 10: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Templates

Page 11: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Templates

Page 12: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Templates

Page 13: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Lo-dash

● Better performance

● More consistent API support

● Custom builds

● Heavily tested

● More features in place

Page 14: Binary Studio Academy PRO. JS course. Lecture 2. backbone
Page 15: Binary Studio Academy PRO. JS course. Lecture 2. backbone
Page 16: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Backbone

● encourages event-driven development

● implements unobtrusive REST

● aims to cover RIA implementation: Router,

Client-Server, Views

Page 17: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Objects and Inheritance

_.extend

Backbone.Model Backbone.Collection Backbone.View

Backbone.Events

Page 18: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Events

Page 19: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Events

Page 20: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Model

Page 21: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Model

Page 22: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Model

Page 23: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Model

Page 24: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Model

Page 25: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Model

Page 26: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Collection

Page 27: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Collection

Page 28: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Collection

Page 29: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Collection

Page 30: Binary Studio Academy PRO. JS course. Lecture 2. backbone

View

Page 31: Binary Studio Academy PRO. JS course. Lecture 2. backbone

View

Page 32: Binary Studio Academy PRO. JS course. Lecture 2. backbone

View

chaining

Page 33: Binary Studio Academy PRO. JS course. Lecture 2. backbone

View

existing el

unbinds listeners

Page 34: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Router

Page 35: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Router

Page 36: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Router

Page 37: Binary Studio Academy PRO. JS course. Lecture 2. backbone

Router

Page 38: Binary Studio Academy PRO. JS course. Lecture 2. backbone

https://github.com/tastejs/todomvc/tree/gh-pages/architecture-examples/backbone