Definición
AngularJs es un marco front-end de código abierto de Javascript que se utiliza principalmente para desarrollar aplicaciones web de una sola página (SPA). Es un marco en continuo crecimiento y expansión que proporciona mejores formas de desarrollar aplicaciones web. Cambia el HTML estático a HTML dinámico. Sus características como el enlace dinámico y la inyección de dependencia eliminan la necesidad de código que tenemos que escribir de otra manera. AngularJs está creciendo rápidamente y por esta razón, tenemos diferentes versiones de AngularJs con la última versión estable 1.7.7. También es importante tener en cuenta que Angular es diferente de AngularJs. Es un proyecto de código abierto que cualquiera puede usar y modificar libremente. Extiende los atributos de HTML con directivas y los datos se enlazan con HTML.
Historia:
AngularJs fue desarrollado originalmente en 2008-2009 por Misko hevery y Adam abrons y ahora es mantenido por Google.
¿Por qué usarlo?
- Fácil de trabajar: todo lo que necesita saber para trabajar con AngularJs son los conceptos básicos de HTML, CSS y Javascript, no es necesario ser un experto en estas tecnologías.
- Ahorro de tiempo: AngularJs nos permite trabajar con componentes y, por lo tanto, podemos usarlos nuevamente, lo que ahorra tiempo y código innecesario.
- Listo para usar una plantilla: AngularJs es principalmente HTML simple, y principalmente utiliza la plantilla HTML simple y la pasa al DOM y luego al compilador AngularJS. Recorre las plantillas y luego están listas para usar.
Características clave:
Controlador de vista de modelo (MVC) :
una arquitectura es básicamente un patrón de software utilizado para desarrollar una aplicación. Consta de tres componentes en general, son:
- Modelo: utilizado para gestionar los datos de la aplicación.
- Ver: responsable de mostrar los datos de la aplicación.
- Controlador: el trabajo principal es conectar el modelo y el componente de vista.
Normalmente, cuando hablamos de arquitectura MVC, tenemos que dividir nuestras aplicaciones en estos tres componentes y luego escribir el código para conectarlos. Sin embargo, en AngularJs todo lo que tenemos que hacer es dividir la aplicación en MVC y hace el resto por sí mismo. Ahorra mucho tiempo y le permite terminar el trabajo con menos código.
Enlace del modelo de datos :
el enlace de datos en AngularJS es un proceso bidireccional, es decir, la capa de visualización de la arquitectura MVC es una copia exacta de la capa del modelo. No necesita escribir un código especial para vincular datos a los controles HTML. Normalmente, en otras arquitecturas MVC, tenemos que actualizar continuamente la capa de vista y la capa de modelo para permanecer sincronizadas entre sí. En AngularJs se puede decir que la capa del modelo y la capa de la vista permanecen sincronizadas entre sí. Como cuando los datos en el modelo cambian, la capa de vista refleja el cambio y viceversa. Ocurre de forma inmediata y automática, lo que ayuda a garantizar que el modelo y la vista estén actualizados en todo momento.
Plantillas :
la principal ventaja de usar AngularJS es cómo hace uso de las plantillas. Normalmente, lo que sucede es que el navegador pasa las plantillas a DOM, luego DOM se convierte en la entrada del compilador AngularJS y luego AngularJS atraviesa la plantilla DOM para generar instrucciones que se denominan directivas. Los otros hermanos de AngularJS funcionan de manera diferente ya que utilizan la string HTML, mientras que AngularJs no manipula las strings de plantilla. Usar el DOM es lo que nos da el privilegio de extender el vocabulario de directivas o incluso abstraerlas en componentes reutilizables.
Listo para pruebas unitarias : la preocupación del diseñador de Google no solo fue desarrollar Angular, sino que también desarrolló un marco de prueba llamado «Karma» que ayuda a diseñar pruebas unitarias para aplicaciones AngularJS.
Beneficios de AngularJS:
Inyección dependiente : La inyección de dependencia es un patrón de diseño de software. Funciona sobre la base de Inversión de Control. El control de inversión significa que los objetos no crean otros objetos. En cambio, obtienen estos objetos de una fuente externa. El objeto dependiente no es creado por el objeto primario después de que luego usa sus métodos. En su lugar, una fuente externa crea el objeto dependiente y se lo entrega al objeto de origen para su uso posterior. Sobre la base de la inyección de dependencia, creamos un servicio para adquirir toda la información de la base de datos y entrar en la clase modelo.
En Angular.JS, las dependencias se inyectan mediante el uso de un «método de fábrica inyectable» o «función de constructor».
Estos componentes se pueden inyectar con «servicio» y «valor»componentes como dependencias.
El servicio $http normalmente se define desde el controlador de la siguiente manera.
sampleApp.controller (‘AngularJSController’, función ($alcance, $http)