Introducción a Angular

Surgimiento de Angular

Angular fue liberado en septiembre del 2016 como Angular 2 por Google y constituye el sucesor de AngularJS. En la actualidad ofrece la versión 7 como la última versión estable.

Mantiene conceptos similares a Angular 1, permitiendo que el aprendizaje y la asimilación sea rápida de una tecnología a otra. Está disponible bajo la licencia MIT.

Conceptos generales sobre la arquitectura

Angular se apropia de los aspectos del desarrollo del lado del servidor (server-side) para introducirlos en la creación de aplicaciones web de forma sencilla y simple. Se rige por el patrón Modelo-Vista-Controlador (MVC). Permite que el código sea extensible, mantenido, probado y estandarizado.

El bloque básico de una aplicación Angular es el módulo. Provee un contexto de compilación para los componentes y los agrupa en conjuntos funcionales. Debe existir al menos un módulo raíz que reciba instrucciones iniciales para el manejo de otros módulos.

Otro elemento de suma importancia es el componente. Este define las vistas de la aplicación y sus características de acuerdo a la lógica del programa y debe existir al menos uno. Los componentes demandan con regularidad de funcionalidades no relacionadas con la vista, para esto existen los servicios.

Los servicios son inyectados directamente en el componente como dependencias, permitiendo que el código sea reusable y eficiente. Ambos constituyen clases con decoradores (decorators), que permiten definir su tipo y metadatos.

Los metadatos asocian a un componente una plantilla y estilo, conformando una vista. Una plantilla relaciona el HTML con las directivas y la marcación de Angular para vincular los datos antes de mostrar en el navegador. En cambio, para un servicio posibilita la inyección de dependencias (Dependency Injection).

Por tanto, una aplicación Angular está compuesta por módulos que agrupan componentes y servicios. Los componentes junto a las plantillas definen las vistas, organizadas de forma jerárquica, mientras los servicios comparten las funcionalidades entre diferentes componentes.

Ventajas de Angular

Angular presenta muchas ventajas respecto a otras tecnologías por su facilidad y modularidad en la construcción de aplicaciones que respondan las necesidades de los usuarios. Permite que el programador se enfoque solo en la elaboración de clases en TypeScript. A diferencia de AngularJS, las vistas y los controladores son reemplazados por componentes.

Provee variadas herramientas como Angular CLI para la generación, construcción, testeo y puesta en producción de aplicaciones web. Las mismas pueden ser integradas fácilmente en diferentes editores o IDEs.

Posee la capacidad de funcionar en aplicaciones móviles nativas y de escritorio en toda su extensión. Además, puede ser compartido gran cantidad de código entre las mismas por su modularidad. Soporta las últimas versiones de navegadores, así como antiguos incluyendo IE9+. Funciona bien con ECMAScript y otros lenguajes que son compilados a JavaScript.

Exhibe un fuerte ecosistema con una amplia y activa comunidad que provee de bibliotecas de terceros, de interfaces de usuario, blogs afines a este, eventos y contenidos lo que asegura que sea una inestimable tecnología. Cuenta con el patrocinio de Google lo que certifica su capacidad para seguir evolucionando en el futuro.