Inicio Angular - que es angular

Entonces, ¿qué es Angular? Es un framework de ingeniería de software de código abierto que se utiliza para crear aplicaciones web de una sola página. Los desarrolladores también lo utilizan para crear menús animados para páginas web HTML.

El framework es una creación de los ingenieros de Google, Misko Hevery y Adam Abrons. Google lanzó oficialmente la primera versión, AngularJS, en 2012, y la ha mantenido desde entonces.

Antes del lanzamiento de AngularJS, había otras formas de crear páginas dinámicas. Sin embargo, no eran tan convenientes como este framework.

AngularJS usa la arquitectura Modelo-Vista-Controlador (MVC), que se usa en el desarrollo de aplicaciones web.

Este tipo de arquitectura consta de:

  • Modelo: la estructura de datos que administra la información y recibe información del controlador
  • Vista: la representación de la información
  • Controlador: responde a la entrada e interactúa con el modelo

En el contexto de AngularJS, el modelo es el framework, mientras que la vista es HTML y el control es JavaScript.

Para hacerlo mas simple:

  • AngularJS une JavaScript y HTML
  • JavaScript acepta la entrada del usuario y la envía a AngularJS
  • AngularJS usa la entrada para modificar HTML

Con el framework que vincula JavaScript y HTML, el código entre ellos se sincroniza. Este mecanismo facilita el trabajo de los desarrolladores porque reduce la cantidad de código necesario para escribir.

Ventajas de AngularJS

AngularJS es popular entre los desarrolladores web por un par de razones:

  • Enlace bidireccional de datos: dado que la arquitectura de AngularJS enlaza JavaScript y HTML, el código de ambos ya está sincronizado. Por lo tanto, el framework ahorra mucho tiempo a los desarrolladores.
  • Directivas: el marco amplía la funcionalidad de los archivos HTML con directivas. Para habilitar las directivas, los desarrolladores agregan el prefijo ng- a los atributos HTML. Puedes ver la lista de directivas aquí. A continuación se muestra un ejemplo del uso de directivas:<!DOCTYPE html> <html> <script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js”></script> <body> <div ng-app=”” ng-init=”age=’20′”> <p>Input your age:</p> <p>Age: <input type=”text” ng-model=”age”></p> <p>You wrote: {{ age }}</p> </div> </body> </html> <!DOCTYPE html> <html> <script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js”></script> <body> <div ng-app=”” ng-init=”age=’20′”> <p>Input your age:</p> <p>Age: <input type=”text” ng-model=”age”></p> <p>You wrote: {{ age }}</p> </div> </body> </html>
  • Estructura de código: AngularJS brinda plantillas; lo que te permite producir aplicaciones con código limpio. No solo te ahorra tiempo, sino que también facilita la modificación o reparación de las aplicaciones.
  • Pruebas: el marco admite pruebas unitarias y de integración.
  • Futuro brillante: el futuro de Angular es brillante debido a su funcionalidad y popularidad. Su base de usuarios sigue creciendo y tiene una gran cantidad de documentación en profundidad que se actualiza constantemente.
  • Compatibilidad móvil y de escritorio: AngularJS puede ejecutarse en la mayoría de los navegadores web. No solo en computadoras de escritorio, sino también en dispositivos móviles.

Antes de aprender AngularJS

Debes recordar que AngularJS es un framework de JavaScript. En consecuencia, debes comprender los conceptos básicos del lenguaje de programación antes de aprender AngularJS.

Lo mismo se aplica a los lenguajes de programación relacionados como HTML, CSS y AJAX.

Conocer los conceptos básicos de JavaScript antes de aprender AngularJS te permitirá:

  • Seguir el rápido desarrollo de Angular
  • Saber cuándo usar el marco
  • Convertirte en un desarrollador flexible e innovador