Angular: Origen y evolución

Te explicamos todo sobre qué es el framework Angular y cómo ha evolucionado desde su primera versión AngularJS, hasta lo que conocemos hoy como Angular, el framework creado por Google y que  te permite crear aplicaciones web más rápidas y fluidas.

AngularJS

Angular comenzó con la primera versión de AngularJS, que estaba escrito en puro JavaScript, y con el que era bastante sencillo crear una aplicación.

AngularJS ofrecía un concepto muy novedoso, como era el two-way data binding, que era una forma de interactuar entre la vista y el modelo, lo que se conoce como view model.

Gracias al mismo, indicando en ciertas propiedades de HTML la directiva ng-model se podía interactuar con las propiedades del modelo, y se actualizaban tanto desde la vista como desde el modelo, es decir, era totalmente bidireccional.

Esto revolucionó todo lo que hasta ese momento había en el frontend.

Evolución a Angular

Ese concepto se ha mantenido hasta la actualidad en las últimas versiones de Angular, pero de AngularJS a Angular 2 se hizo una reescritura total del código, y pasó a ser una arquitectura totalmente orientada a componentes.

Arquitectura AngularJS

Arquitectura Angular

Después de esta reescritura, cada módulo de Angular se forma por componentes independientes totalmente unos de otros, se pueden insertar componentes dentro de otros, podemos asignar estilos solo a componentes, etc.

Se puede decir que Angular tiene poco que ver con lo que se empezó haciendo en AngularJS, ya que aunque se introdujo todo lo relacionado con los componentes, al principio no se pensó así y por lo tanto está metido de una forma algo más forzada.

Esto es así porque realmente en AngularJS no era necesario los componentes, pero ya en las últimas versiones de Angular resulta básico.

Respecto a la inyección de dependencias, también existen en AngularJS, en general todo el tema de los servicios estaba muy presente, pero en realidad Angular en la actualidad poco tiene que ver con la primera versión.

Otros cambios introducidos en Angular

Se ha incluido en las últimas versiones Angular CLI, el intérprete de la línea de comandos, que es una forma de crear módulos y servicios de forma muy rápida.

También comentar que los test unitarios en Angular son mucho más sencillos de hacer que con AngularJS, ya que al estar el framework totalmente estructurado, es bastante más sencillo de hacer.