Herramientas básicas para desarrolladores en JavaScript

4 min lectura
Desarrollo / 11 septiembre 2015
Herramientas básicas para desarrolladores en JavaScript
Herramientas básicas para desarrolladores en JavaScript

BBVA API Market

JavaScript es uno de los referentes internacionales en la programación de proyectos. Se utiliza para el desarrollo de páginas web, aplicaciones, gestión de servidores y bases de datos… Un profesional que domine JavaScript puede convertirse en un desarrollador full-stack, aquel que es capaz de encargarse de toda la pila de desarrollo web. Un perfil ‘chico para todo’ dentro del sector.

Como prueba de su poderío, el último informe de TIOBE sobre los lenguajes de programación más utilizados por los desarrolladores, JavaScript vuelve a situarse entre las 10 elecciones más usadas por los profesionales, por detrás de lenguajes de propósito general como Java, C, C++, Objective-C o PHP;  fáciles de aprender como Python; o de programación de apps .NET como Visual Basic.

Esto pretende ser un listado de herramientas y librerías para desarrolladores JavaScript útiles para el día a día de la programación de proyectos web:

1. Frameworks

Express.js:

Es un framework por el lado del servidor que permite a los desarrolladores crear aplicaciones web con Node.js. Es un marco de desarrollo muy flexible, ágil y que dispone de una comunidad de programadores que mejoran el producto y ayudan en su utilización con mucha documentación adicional en plataformas como GitHub. Además es un framework sólido, estable y fácil de aprender. Está inspirado en Sinatra, el marco de desarrollo para Ruby.

Entre algunas de sus características más destacadas tenemos:

– Permite la creación de APIs de una forma accesible.

– Ofrece Router de URL.

– Utiliza como framework base Jade, pero es posible incorporar librerías JavaScript como jQuery y Backbone.js para añadir nuevas funcionalidades al marco de desarrollo.

Angular.js:

Angular.js es un framework de JavaScript de código abierto y totalmente libre, que permite el desarrollo de aplicaciones web en el lado del cliente y utiliza un patrón del tipo Modelo-Vista-Modelo de Vista. Detrás de su lanzamiento y mantenimiento se encuentra Google, lo que lo convierte en una opción estable y sólida, con documentación constante, para la comunidad de desarrolladores.

Angular.js se usa para el desarrollo de aplicaciones web de una sola página (SPAs). Sus características fundamentales son:

– Sistema bidireccional de data-binding. El Modelo y la Vista siempre se  actualizan de forma sincronizada con cualquier cambio en los datos.

– Tiene patrón de Inyección de Dependencias.

– Cualquier aplicación desarrollada en AngularJS es compatible con varios navegadores. El JavaScript se adapta a cada uno de ellos.

Ember.js:

Ember.js es un framework JavaScript que permite a cualquier desarrollador crear aplicaciones web de una sola páginas del lado del cliente. Es de código abierto y usa un patrón del tipo Modelo-Vista-Controlador (MVC). Algunas de las características fundamentales de este marco de desarrollo son:

– Modificación automática entre los objetos JavaScript y el DOM: esta relación entre los datos que permite agilizar el desarrollo de las aplicaciones se debe a la integración de la librería Handlebars.js.

– Clases y procedimiento para renderizar de forma sencilla una app.

– Dispone de un sistema de plantillas para programar el HTML de la aplicación. Este sistema se llama HTMLbars, y sería la variación para el DOM de la librería Handlebars.

Knockout.js:

Knockout.js es un marco de desarrollo basado en un patrón tipo Modelo-Vista-Modelo de Vista (MVVM). Es de código abierto, dispone de una licencia MIT. Cualquier desarrollador que quiera empezar a usarlo para el desarrollo de una interfaz de usuario tiene tutoriales y documentación en el site del propio framework. Algunas de sus características principales:

– Facilita el desarrollo de bindings declarativos.

– Seguimiento de dependencias: permite actualizar los cambios en la Vista y el Modelo-Vista en todos los elementos y objetos independientes.

– Sistema de plantillas.

– Actualización automática de la interfaz de usuario en función de los cambios que el desarrollador acometa en el Modelo-Vista.

2. Librerías JS

JQuery:

Esta es la librería JavaScript más utilizada por los desarrolladores. Permite, de una forma sencilla, interactuar con el HTML, el DOM, hacer todo tipo de animaciones, introducir funcionalidades AJAX al proyecto… JQuery le permite a un desarrollador aportar un valor añadido con pocas líneas de código. Es una biblioteca de código abierto, bajo licencia MIT y GNU v.2.

Algunas de sus características esenciales son:

– Permite modificar el árbol del DOM.

– Soporte para CSS3.

– Manipulación total de las hojas de estilos CSS.

– Creación de eventos.

– Desarrollo de animaciones complejas.

– Soporta extensiones.

– Compatible con todos los navegadores

Backbone.js:

Backbone.js es una librería JavaScript que permite programar por el lado del cliente. Se utiliza para el desarrollo de aplicaciones de una única página, donde el uso del JavaScript y AJAX son esenciales para dotar a las apps de funcionalidades para el usuario. Usa un patrón Modelo-Vista-Controlador.

Sus características:

– Facilita el trabajo intenso con datos. Creación de eventos.

– Enlace con la tecnología por el lado del servidor: PHP, Node.js…

– Uso de la API para incorporar funcionalidades.

– Utilización simplificada de vistas.

Kendo UI:

Kendo UI es una librería, o más bien un paquete de librerías, que proporciona a los desarrolladores todos los elementos necesarios para crear aplicaciones web por el lado del cliente, con una interfaz de usuario dinámica basada en JQuery. Al final Kendo UI suele ser utilizada para el desarrollo de una interfaz de usuario intuitiva, sencilla e innovadora a través de distintos tipos de widgets que se montan como un mecano. Esos elementos predefinidos incluyen menús dinámicos, ventajas, sistemas de carga de archivos…

Características:

– Funciona con la mayoría de navegadores y sistemas operativos.

– Permite visualización de datos.

– Data-binding.

Modernizr:

Modernizr es una librería JavaScript que nos permite detectar la falta de compatibilidad de nuestro proyecto con cada tipo de navegador. La idea es hacer desarrollos que se adapten a las características de cada navegador. Podemos usar determinadas funcionalidades o hacer ajustes en función de lo que use cada usuario. Estas pruebas se hacen a través de un sistema de test. Además, su API permite cargar test personalizados por proyectos.

Síguenos en @BBVAAPIMarket

También podría interesarte