En este artículo de los mejores desarrolladores hablaremos de un framework MVC (Modelo Vista Controlador) de JavaScript, llamado AngularJS (pertenece a la familia de BackboneJS y EmberJS) que nos permite crear aplicaciones SPA (Single-Page Applications). Con la herramienta, el desarrollo de aplicaciones y sus pruebas se convierten en una tarea mucho más sencilla.
El servicio de los frameworks
Antes de la aparición de los frameworks en nuestro Front-End (administrador), solo disponíamos de algunas pocas librerías (jQuery, Mootools y Prototype) para poder modificar el código JavaScript. Pero los frameworks implementaron el patrón MVC y nos ayudaron a separar conceptos.
¿Por qué AngularJS se diferencia?
Uno de los puntos fuertes de AngularJS es lo sencillo que es crear Tests unitarios y End-to-End con Jasmine y Karma. También está cambiando la tecnología de desarrollo, creando un nuevo método llamado MEAN que combina las utilidades: MongoDB/Mongoose + ExpressJS + AngularJS + NodeJS.
También permite configurar manualmente los valores de las variables de JavaScript o recuperarlos de los recursos JSON estáticos o dinámicos.
¿Qué hace AngularJS?
Lee el HTML que contiene los atributos de etiquetas personalizadas (adicionales), de esta manera la llamada obedece a los parámetros que establecen los atributos añadidos, y une las piezas de entrada o salida de la página a un modelo representado por las variables estándar de JavaScript. De esta manera AngularJS da una respuesta a la carencia de la "Programación Declarativa".
Adaptándose y ampliando el HTML básico para mostrar de mejor manera el contenido dinámico a través de un “data-binding” bidireccional, de esta manera se efectúa la sincronización automática de modelos y vistas (mejorando ampliamente la “testeabilidad” y el rendimiento).
Los servicios de AngularJS
- Uno de los puntos más importantes es poder manipular el DOM de la aplicación (mejorando la capacidad de testeo del código).
- Crear Scopes de forma jerárquica bajo el rootScope.
- En AngularJS un Controller es una función que se utiliza para reproducir el rootScope. (Testear el estado inicial del scope y agregar comportamiento a un scope).
- Mostrar y asignar valores (two way data binding).
- Uso de directivas para ampliar el HTML (ng.repeat, ng model).
- Provee implementaciones para casi todos los componentes HTML5 (text, number, url, email, radio, checkbox) y algunas directivas como required, pattern, minlength, maxlength, min y max.
AngularJS es un increíble framework para crear aplicaciones web utilizando HTML (extendiéndolo).
Sitio oficial:
