Notes on JavaScript MVC Frameworks - The Risberg Family

vainclamInternet and Web Development

Dec 14, 2013 (3 years and 3 months ago)

53 views

Page
1

Notes on
JavaScript

MVC Frameworks

Created 02/17
/12

Updated 07
/12
/12
, Updated 07/18/12
, Updated 08/10/12
, Updated 11/10/12
, Updated 01/02/13
, Updated 01/14/13

Updated 07/15/13
, Updated 07/25/13

Introduction

JavaScript MVC Frameworks help organize your appl
ications.

There are several out there, see

http://codebrief.com/2012/01/the
-
top
-
10
-
javascript
-
mvc
-
frameworks
-
reviewed/


http://www.infoq.com/research/top
-
javascript
-
mvc
-
frameworks

This survey produced the following usage votes based on voting during second quarter of 2013:


Backbone.js

Backbone (also known as Backbone.js), a lightweight
library created by
Jeremy Ashkenas
, is useful for creating
MVC
-
like applications. Backbone:



Has a hard dependency with Underscore.js, a utility
-
belt libra
ry



Has soft dependencies with jQuery/Zepto



Updates the HTML of your application automatically, depending upon how the model changes, favoring
code maintainability



Promotes the use of client
-
side templating, making it unnecessary to embed HTML code inside J
avaScript

Models, views, collections, and routers are the main components inside the Backbone framework.


In Backbone,
models store data retrieved from the server over a RESTful JSON interface.


Models are associated with the views,
which are in charge of
rendering the HTML for a specific UI component and handling events triggered on elements
that are part of the view itself.


The current release is 0.99 as of late 2012.


See our document “Notes on Backbone.js”.

Page
2

Batman.js

Presentation:
http://blip.tv/jsconf/jsconf2011
-
nick
-
small
-
5293530


The framework behind Shopify.

Maximize developer and designer happiness.

Convention over configuration


No templates
.
Base classes
are:



Batman.app



B
atma
n.model


See our document “Notes on Batman.js”