¿Qué es AngularJS?
AngularJS es un marco Model-View-Controller de código abierto que es similar al marco JavaScript.
Angular JS es probablemente uno de los frameworks web modernos más populares disponibles en la actualidad. Este marco se utiliza para desarrollar principalmente aplicaciones de una sola página. Este framework ha sido desarrollado por un grupo de desarrolladores de la propia Google.
Debido al gran apoyo de Google y las ideas de un amplio foro comunitario, el marco siempre se mantiene actualizado. Además, siempre incorpora las últimas tendencias de desarrollo del mercado.
En este tutorial, aprenderá:
- Características de AngularJS
- Arquitectura Angularjs
- Ventajas de AngularJS
Características de AngularJS
Angular tiene las siguientes características clave que lo convierten en uno de los marcos poderosos del mercado.
-
MVC : el marco se basa en el famoso concepto de MVC (Model-View-Controller). Este es un patrón de diseño utilizado en todas las aplicaciones web modernas. Este patrón se basa en dividir la capa de lógica empresarial, la capa de datos y la capa de presentación en secciones separadas. La división en diferentes apartados se hace para que cada uno se pueda gestionar con mayor facilidad.
-
Enlace de modelo de datos : no es necesario escribir código especial para enlazar datos a los controles HTML. Angular puede hacer esto simplemente agregando algunos fragmentos de código.
-
Escribir menos código : al realizar la manipulación del DOM, se requería escribir una gran cantidad de JavaScript para diseñar cualquier aplicación. Pero con Angular, se sorprenderá con la menor cantidad de código que necesita escribir para la manipulación del DOM.
-
Prueba unitaria lista: los diseñadores de Google no solo desarrollaron Angular, sino que también desarrollaron un marco de prueba llamado "Karma" que ayuda a diseñar pruebas unitarias para aplicaciones AngularJS.
Arquitectura AngularJS
Angular.js sigue la arquitectura MVC, el diagrama del marco MVC como se muestra a continuación.
-
El controlador representa la capa que tiene la lógica empresarial. Los eventos de usuario activan las funciones que se almacenan dentro de su controlador. Los eventos de usuario son parte del controlador.
-
Las vistas se utilizan para representar la capa de presentación que se proporciona a los usuarios finales.
-
Los modelos se utilizan para representar sus datos. Los datos de su modelo pueden ser tan simples como tener declaraciones primitivas. Por ejemplo, si mantiene una aplicación de estudiante, su modelo de datos podría tener solo una identificación de estudiante y un nombre. O también puede ser complejo al tener un modelo de datos estructurados. Si mantiene una solicitud de propiedad de automóvil, puede tener estructuras para definir el vehículo en sí en términos de la capacidad del motor, la capacidad de asientos, etc.
Ventajas de AngularJS
-
Dado que es un marco de código abierto, puede esperar que la cantidad de errores o problemas sea mínima.
-
Enlace bidireccional: Angular.js mantiene la capa de datos y presentación sincronizada. Ahora no necesita escribir código JavaScript adicional para mantener los datos en su código HTML y sus datos posteriormente sincronizados. Angular.js hará esto automáticamente por ti. Solo necesita especificar qué control está vinculado a qué parte de su modelo.
-
Enrutamiento: Angular puede encargarse del enrutamiento, lo que significa pasar de una vista a otra. Esta es la clave fundamental de las aplicaciones de una sola página; en el que puede pasar a diferentes funcionalidades en su aplicación web en función de la interacción del usuario, pero aún permanecer en la misma página.
-
Angular admite pruebas, tanto pruebas unitarias como pruebas de integración.
-
Extiende HTML proporcionando sus propios elementos llamados directivas. En un nivel alto, las directivas son marcadores en un elemento DOM (como un atributo, nombre de elemento y comentario o clase CSS) que le dicen al compilador HTML de AngularJS que adjunte un comportamiento específico a ese elemento DOM. Estas directivas ayudan a ampliar la funcionalidad de los elementos HTML existentes para dar más potencia a su aplicación web.
