mvc in javascript
DESCRIPTION
Demo code https://github.com/AlexanderTarasyuk/demo-bookmarks/TRANSCRIPT
![Page 1: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/1.jpg)
MVC в JavaScript
![Page 2: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/2.jpg)
![Page 3: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/3.jpg)
90-е
![Page 4: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/4.jpg)
2000-еAdobe flash
JavaScript
![Page 5: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/5.jpg)
![Page 6: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/6.jpg)
JavaScript
![Page 7: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/7.jpg)
Кроссбраузерные библиотеки
● jQuery● Prototype● ....
![Page 8: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/8.jpg)
JQuery может предоставить нам следующее
![Page 9: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/9.jpg)
У меня в проекте такая архитектура что ее понимаю только ...
"Пластилиновая" Архитектура
![Page 10: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/10.jpg)
Как решить эту проблему?
![Page 11: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/11.jpg)
MVC
![Page 12: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/12.jpg)
![Page 13: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/13.jpg)
MVC Frameworks
● JavaScriptMVC● Backbone.JS● Ember.JS● Spine.JS● SproutCore● .....
![Page 14: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/14.jpg)
Backbone.JS
![Page 15: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/15.jpg)
Backbone.JS !== jQuery
![Page 16: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/16.jpg)
Джереми Ашкенас
● CoffeScript● UnderscoreJS● BackboneJS● DocumentCloud● ....
![Page 17: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/17.jpg)
Кто использует BackboneJS ?DocumentCloud
![Page 18: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/18.jpg)
LinkedIn Mobile
![Page 19: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/19.jpg)
Knah Academy
![Page 20: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/20.jpg)
Groupon
![Page 21: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/21.jpg)
BackboneJS MVC
● Models● Collections● Views● Routers
![Page 22: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/22.jpg)
Model
![Page 23: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/23.jpg)
Collections
![Page 24: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/24.jpg)
Views
![Page 25: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/25.jpg)
Routes
![Page 26: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/26.jpg)
Demo
![Page 27: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/27.jpg)
Хотите узнать больше о BackboneJS ?
● backbonejs.org● backbonejs.ru● backbonetutorials.com● coenraets.org/blog/● backbonescreancasts.com● http://andyet.net/blog/2010/oct/29/building-a-single-page-app-with-
backbonejs-undersc/● https://gist.github.com/1655019● http://www.quora.com/What-are-some-good-resources-for-Backbone-js● http://codebrief.com/2012/01/the-top-10-javascript-mvc-frameworks-
reviewed● http://code.google.com/p/trimpath/wiki/JavaScriptTemplates● https://github.com/visionmedia/ejs
![Page 28: MVC in JavaScript](https://reader034.vdocuments.net/reader034/viewer/2022042713/549a49b0b47959564d8b5980/html5/thumbnails/28.jpg)
?