Binary Studio Academy PRO. JS course. Lecture 4. backbone architecture

30
Backbone Applications Architecture Patterns. Marionette Binary Academy 2014 Semenistyi Mykyta

description

Binary Studio Academy PRO

Transcript of Binary Studio Academy PRO. JS course. Lecture 4. backbone architecture

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

Backbone Applications Architecture Patterns.

Marionette

Binary Academy 2014 Semenistyi Mykyta

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

Entities Interaction

Model

View

Collection

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

Event-Driven Development

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

Event-Driven Development

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

Backbone View

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

Backbone View

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

Chaplin.js

Backbone Metaframeworks

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

ItemView

● Eliminates boilerplate;

● Implements render;

● Adds ui hash

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

ItemView

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

ItemView

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

ItemView

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

CollectionView

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

CollectionView

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

CompositeView

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

CollectionView

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

CompositeView

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

CompositeView

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

View Events

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

Region

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

Region

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

Region

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

Layout

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

Layout

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

Layout

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

Behaviour

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

Behaviour

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

Behaviour

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

Templatecache

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

Module

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

Application