CARACTERÍSTICAS DE ALGUNOS DE LOS FRAMEWORKS BASADOS EN JAVASCRIPT MÁS IMPORTANTES

La sintaxis de cada una de estas librerías es propia, es decir, difiere respecto a la sintaxis empleada en el resto de frameworks del mismo tipo. No obstante, la manera de escribir código en todos estos entornos sigue siempre la misma filosofía, lo cual permite adaptarse con releativa facilidad a cada uno de ellos una vez que se han asimilado los conceptos fundamentales de la programación en javaScript.

Esta es la lista de frameworks basados en javaScript que han sido, o son actualmente, más utilizados por los desarrolladores web:

• 

  jQuery es una biblioteca multiplataforma de javaScript de código abierto, creada inicialmente en 2016 por John Resig, y que está dirigida a la gestión del front-end. Su implementación permite simplificar la manera de interactuar con los documentos HTML, manipular el árbol DOM, manejar eventos, desarrollar animaciones y agregar contenidos dinámicos mediante AJAX (de una manera más amigable) en nuestras páginas web. Al igual que otras bibliotecas, ofrece una serie de funcionalidades basadas en javaScript que de otra forma requerirían de mucho más código. Es decir, las funciones propias de esta biblioteca permiten trabajar de forma más eficiente, logrando grandes resultados en menos tiempo y escribiendo menos líneas de código.
  Al ser una biblioteca que cuenta con una larga trayectoria y que está ampliamente extendida, aporta una gran fiabilidad a nuestros proyectos web, contando con una gran comunidad de usuarios y desarrolladores que publican constantemente una enorme cantidad de contenidos e información en internet. Es un framework fácil de implementar que resulta ideal para tomar contacto con el uso de bibliotecas basadas en javaScript

• 

  Prototype es un framework open source con licencia de tipo MIT escrito en javaScript que se orienta al desarrollo sencillo y dinámico de aplicaciones web. Se trata de un proyecto iniciado por Sam Stephensonse en 2005 con el fin de poder dar soporte e implementar AJAX (Asynchronous JavaScript And XML) dentro de otro framework llamado Ruby on Rails. Este framework está escrito en el lenguaje de programación Ruby on Rails siguiendo el patrón Modelo Vista Controlador (MVC) para la creación de aplicaciones web. Prototype se convirtió en poco tiempo en una referencia básica en la implementación de AJAX en aplicaciones web y fue la base de muchos otros frameworks y bibliotecas con una finalidad similar como Scriptaculous que surgieron posteriormente.

• 

  Scriptaculous es una librería basada en javaScript creada en 2005 por Thomas Fuchs que estaba dirigida a implementar efectos visuales dinámicos y elementos de interfaz de usuario (front-end) utilizando el modelo de objetos del documento (DOM). Particularmente notable era su implementación en Ruby on Rails y Seaside, pero también se puede trabajar con esta librería dentro de otros frameworks y lenguajes de programación dirigidos a la creación de scripts. Scriptaculous ofrece cinco efectos visuales, como Opacity, Scale, MoveBy, Highlight y Parallel, a partir de los cuales se pueden crear otros nuevos. También ofrece controles de interfaz (Drag And Drop, In Place Editing y Autocompletion) o el método Builder que nos permite crear elementos del DOM de manera dinámica.

• 

  MooTools es un framework de código abierto, modular y orientado a objetos (My object oriented tools) que sirve para diseñar interfaces de usuario (front-end) y que está dirigido a programadores en javaScript de nivel intermedio o avanzado. Este framework creado en 2007 permite escribir un código potente y flexible, que será válido para todo tipo de navegadores. El código desarrollado con Mootools tendrá siempre en cuenta la filosofía DRY (Don't Repeat Yourself) en cuanto a la definición de procesos de llamada, la cual pretende reducir o eliminar toda duplicación de código. También dispone de una API avanzada para animar elementos, y otros modulos que nos facilitarán la instanciación de objetos o la utilización de una interfaz válida para cualquier navegador, permitiéndonos obtener información del cliente de forma estandarizada.

• 

  AngularJS es un framework open source de desarrollo de aplicaciones web de tipo SPA (Single Page Aplications). Utiliza TypeScript, que es un lenguaje que extiende de javaScript, desarrollado por Microsoft, y que esencialmente añade un tipado estático y objetos basados en clases. AngularJS está creado por Google y su lanzamiento inicial tuvo lugar en 2010, implementando lo que se llama el Model View Controler (MVC) que permite repartir la lógica de una aplicación por capas, lo que resulta muy cómodo ya que permite gestionar tanto el front-end como el back-end de un proyecto. Una aplicación web SPA es una web de una sola página en la cual la navegación entre secciones y páginas de la aplicación, así como la carga de datos, se realiza de manera dinámica, casi instantánea, haciendo llamadas asíncronas al servidor (back-end con API REST) que se realizan sin refrescar la página en ningún momento. Las API REST aparecieron a partir del 2000 y se pueden definir como cualquier interfaz entre sistemas que usen HTTP que permite obtener datos o generar operaciones sobre esos datos en todos los formatos posibles, como XML y JSON. Es una alternativa en auge a otros protocolos estándar de intercambio de datos como SOAP (Simple Object Access Protocol), que disponen de una gran capacidad pero también mucha complejidad.
  Del lado servidor AngularJS se puede combinar con NodeJS, con ExpressJS y con el sistema de gestión de bases de datos MongoDB formando un conjunto que se denomina MEAN.

• 

  NodeJS es un framework de lado del servidor (back-end) de código abierto, multiplataforma, que está basado en javaScript. Permite generar contenidos dinámicos, cuya entrada y salida de datos está basada en una arquitectura orientada a eventos, haciendo uso del motor V8 de Google. Uiliza la especificación ECMAScript de manera asincróna, y su secuencia de tareas es de hilo único (thread). Fue creado por Ryan Dahl en 2009 pero es la empresa Joyent la que se encarga de su desarrollo y evolución. Al contrario que la mayoría del código javaScript, esté no se ejecuta en un navegador, sino en el servidor, permitiendo crear, abrir, leer, escribir, borrar y cerrar ficheros ubicados en en dicho servidor. También permite recuperar, añadir, borrar y modificar datos de bases de datos que estén ubicadas en el mismo servidor. NodeJS es similar en su propósito a otros proyectos como Twisted o Tornado, que están escritos en Python, Perl Object Environment de Perl, Libevent o Libev de C, EventMachine de Ruby, Java EE de Java, Apache (Php y MySql), Netty, Akka, Grizzly o Xsocket.

• 

  ExpressJS es un framework open source empleado para el desarrollo de aplicaciones web y APIs. Proporciona un conjunto sólido de características para el back-end de aplicaciones web y móviles, siendo un sofware minimalista y flexible. Creado a finales del año 2010 por TJ Holowaychuk, ExpressJS es el framework estándar que usa NodeJS para la gestion de servidores. Una de sus caracteristícas principales es el plugin denominado Middleware, que es un software que asiste a una determinada aplicación para interactuar o comunicarse con otras aplicaciones, otros softwares, redes, hardware y/o sistemas operativos.

• 

  ReactJS es otro framework basado en javaScript de código abierto que fué creado en 2013. Es modular, y sirve para crear interfaces de usuario vinculadas al desarrollo de aplicaciones SPA (Single Page Aplications). Se trata por lo tanto de un framework que va a ser utilizado en el ámbito del diseño front-end. Este proyecto esta mantenido por grandes compañias como Facebook e Instagram, a la vez que por una fuerte comunidad de desarrolladores independientes. Este framework también sigue el patrón de diseño modelo MVC (Model View Controler) por lo que puede ser utilizado conjuntamente con otras librerías de javaScript que utilicen este mismo sistema. Por ejemplo puede ser implementado junto con AngularJS, haciendo que este último se encargue del controlador (back-end) dejando que ReactJS se encargue de la vista (front-end).
  Su alto grado de eficiencia se debe en gran parte a que implementa una tecnología llamada Virtual DOM, que en vez de renderizar todo el DOM cada vez que se produce un cambio, como suelen hacer normalmente otros frameworks, guarda únicamente los cambios en una copia en memoria. Después, utilizando un algoritmo que compara las propiedades de la copia en memoria con las de la versión del DOM, aplicará los cambios únicamente en las partes de la página que han sufrido algún cambio.

• 

  VueJS es un framework que fue creado en 2014 por Evan You para la creación de interfaces de usuario multiplataforma. Está basado en javaScript y es de tipo open source. Su implementación en proyectos que utlizan otras librerías basadas en javaScript es bastante simple ya que este framework está pensado para poder ser adoptado progresivamete. Además, no solo puede ser utilizado en el desarrollo del front-end de una aplicación web, ya que ofrece una completa gestión de datos del lado del servidor (back-end). Los aspectos más avanzados de la gestión de comunicaciones entre el cliente y el servidor, como el enrutado, el state management y el build tooling, quedan en manos de otras librerías y paquetes que cuentan con soporte oficial.
  Su principal ventaja es que no tiene que cargar a cuestas con las desventajas que tienen AngularJS o ReactJS, ya que ha ido aprendiendo de sus aciertos y errores, aunando lo mejor de ambos frameworks, mostrando un rendimiento brutal y siendo más fácil de aprender que sus dos predecesores.

• 

  EmberJS es otro framework open source basado en javaScript que fue creado a fianles de 2011 por Yehuda Katz. Se utiliza para la creación de aplicaciones web escalables de tipo SPA (Single Page Aplications). Las aplicaciones creadas con este framework siguen un patrón un tanto diferente, que es una variación del MVC (Model View Controler), y que se denomina Model–View–ViewModel (MVVM). Dicho patrón propone la separación de la interfaz gráfica (View), que está desarrollada con un lenguaje de marcas (markup language) o con código GUI, de la capa data model (Model) que contiene la lógica de negocio (back-end). El View Model es una nueva capa de la aplicación que hace de conversor de los datos (data objects) que vienen de la capa Model (data model) facilitando la gestion y manipulación de dichos objetos. En este sentido la capa View Model juega un papel más "relevante" dentro de la aplicación que la capa View ya que alberga la mayoría, pero no toda, la lógica de la interfaz de la aplicación (view's display logic). El View Model implementa un "mediator pattern", que básicamente es un objeto que va a definir un conjunto de interaciones entre objetos, permitiendo gestionar y organizar el acceso al Model (data model) según un conjunto de necesidades habituales que plantea la capa de la vista (View). De esta manera se consigue que la capa View Model sea independiente de la capa View, pudiendo de esta forma trabajar con cualquier tipo de interfaz (multiplataforma).
  Este framework tambien incorpora el uso de idiomas comunes, denominados "common idioms", que son una recopilación de las instrucciones más comunes (fragmentos de código más habituales a la hora de programar aplicaciones web), que pueden estar escritas en diferentes lenguajes de programación o incluso pertenecer a diferentes frameworks y librerías.

• 

  Aurelia es un framework javaScript publicado en 2016 por Rob Eisenberg, que fue el desarrollador del mítico DurandalJS, y que también trabajó en el equipo de Angular en la concepción de lo que en un principio se llamó Angular2. Aurelia permite crear aplicaciones SPA para móvil, de escritorio o para web, pudiendo diseñar potentes interfaces de usuario facilmente escalables, faciles de mantener y faciles de testear. Este framework nos permite usar varios lenguajes, todos basados en javaScript: ECMAScript5(ES5), ECMAScript2015(ES6), ECMAScript2016(ES7) o TypeScript.
  A diferencia de Angular, Aurelia es más un conjunto de librerías que de forma conjunta forman un framework. Así se pueden usar las librerías sueltas para pequeñas tareas o bien utilizarlas todas en conjunto para crear aplicaciones SPA. Eso tiene la ventaja de que uno solo paga por lo que usa, además que la curva de aprendizaje es "a priori" más suave, ya que se pueden incorporar los conceptos de forma más independiente. Por ejemplo, en Angular todo está mucho más atado, más unificado, siendo más difícil explicar los conceptos de forma separada.