Backbone.js

Backbone.js es el framework preferido por muchos. En todos lados escucharás que están hablando de Backbone, muchas empresas importantes lo están utilizando. Esté framework lo conocí por primera vez hace unos 2 años cuándo trabajaba en Softtek y ahora de nueva cuenta lo estoy retomando en la empresa actual que trabajo.

Ventajas: La comunidad es fuerte y está creciendo bastante. Underscore.js (que se utiliza en gran medida) es también un gran framework.

Desventajas: Carece de abstracciones fuertes y deja mucho que desear. El framework entero es sorprendentemente ligero y da lugar a que sea repetitivo. Cuanto más grande es una aplicación, más se hace evidente.

Backbone.JS

Angular.js

Angular.js es muy buen framework. Desarrollado por Googlers, tiene algunas opciones de diseño muy interesantes.

Ventajas: Muy bien pensado, con respecto a las plantillas y diseño del controlador. Cuenta con un sistema de inyección de dependencia (soy un gran fan de la IOC). Tiene gran soporte de UI-Binding y sin duda su sintaxis es muy fácil de entender.

Desventajas: El código base parece ser bastante extenso y no muy modular. Las vistas no son lo suficientemente modulares.

Angular.JS
Compatible

¿Qué es Angular.JS?

Una tecnología nueva en la capa de cliente que nos permite realizar cosas chachis en nuestras páginas sin necesidad de montar jaleos de código. Separa muy bien la responsabilidad de cada tecnología en su ámbito: CSS, HTML y Javascript, y las comunica cuando lo considera necesario.

simple

¿Por qué Angular.JS?

Característica principal. No manosees el árbol DOM para acceder al valor de un elemento. 

                
                    // Esto noooooo por favoooor!
                    var titulo = $("#elem")
                    .up
                    ("li")
                    .first
                    ("p")
                    .down
                    ("span.olala")
                    .val();
                    // Esto se ve mejor :)
                    var titulo = $scope.titulo;
Cool

Vocabulario

Scope. Es el responsable de detectar los cambios en el modelo y proporciona el contexto a las plantillas. 

                
                    <!doctype html>
                    <html ng-app>
                    <head> ...  </head>
                    <body>
                    <<div ng-controller="GreetCtrl">
                        <p>Hello {{name}}!</p>
                    </div>
                    <div ng-controller="ListCtrl">
                        <ol>
                            <li ng-repeat="name in names">{{name}}</li>
                        </ol>
                    </div>
                    </body>
                   </html>

Prototype

Prototype es un framework que facilita el desarrollo de aplicaciones web con JavaScript y AJAX. Su autor original es Sam Stephenson, aunque las últimas versiones incorporan código e ideas de muchos otros programadores. A pesar de que incluye decenas de utilidades, la librería es compacta y está programada de forma muy eficiente.

Prototype

Ext JS

Ext JS (pronunciado como "ekst"1 ) es una biblioteca de JavaScript para el desarrollo de aplicaciones web interactivas usando tecnologías como AJAX, DHTML y DOM. Fue desarrollada por Sencha.

Originalmente construida como una extensión de la biblioteca YUI por Jack Slocum, en la actualidad puede usarse como extensión para las biblioteca jQuery y Prototype. Desde la versión 1.1 puede ejecutarse como una aplicación independiente.

Ext JS

Ember

Nos parece que Ember.js es un framework súper interesante al que no conviene perder de vista. Se basa en una filosofía de Convention over Configuration (que traduciremos por algo equivalente a “seguir las convenciones en vez de configurar”), lo que permite al framework asumir de forma automática muchas tareas que en otros frameworks nos tocaría programar explícitamente.

Ember