Introducción a AngularJS

AngularJS es un framework de aplicaciones web de código abierto. Fue desarrollado originalmente por Misko Hevery y Adam Abrons en2009Año desarrollado. Ahora es mantenido por Google. Su última versión es1221

La definición de AngularJS en los documentos oficiales es la siguiente-

AngularJS es un marco estructural para aplicaciones web dinámicas. Le permite usar HTML como lenguaje de plantilla y extender la sintaxis de HTML para expresar claramente y concisamente los componentes de la aplicación. Su enlace de datos y la inyección de dependencias eliminan mucho del código que actualmente debe escribir. Todo esto ocurre dentro del navegador, lo que lo hace un socio ideal para cualquier tecnología de servidor.

Características generales

Las características generales de AngularJS son las siguientes-

• AngularJS es un framework eficiente para crear aplicaciones de Internet enriquecidas (RIA).

• AngularJS ofrece a los desarrolladores la opción de escribir aplicaciones cliente utilizando JavaScript en un modelo de Controlador de Vista (MVC) limpio.

• Las aplicaciones escritas en AngularJS son compatibles con múltiples navegadores. AngularJS maneja automáticamente el código JavaScript adecuado para cada navegador.

• AngularJS es de código abierto, completamente gratuito y utilizado por miles de desarrolladores en todo el mundo. Está bajo la licencia Apache versión2

En general, AngularJS es un framework utilizado para construir aplicaciones web a gran escala, de alto rendimiento y fáciles de mantener.

Funcionalidades centrales

Las funcionalidades centrales de AngularJS son las siguientes-

• Datos-vinculación − Es la sincronización automática de datos entre componentes de modelo y vista.

• Scope − Estos son objetos que hacen referencia al modelo. Actúan como pegamento entre el controlador y la vista.

• Controlador − Estos son funciones JavaScript que se enlazan a un rango específico.

• Servicios − AngularJS viene con algunos servicios integrados, como $http para generar XMLHttpRequests. Estos son objetos singleton, que se instancian solo una vez en la aplicación.

• Filtros − Estas seleccionan un subconjunto de elementos de un array y devuelven un nuevo array.

• Directivas − Las directivas son marcadores en elementos de DOM (por ejemplo, elementos, atributos, css, etc.). Estas se pueden usar para crear etiquetas HTML personalizadas que actúen como nuevos componentes personalizados. AngularJS tiene directivas integradas, como ngBind, ngModel, etc.

• Plantillas − Estas son vistas renderizadas con información de controladores y modelos. Pueden ser un solo archivo (por ejemplo, index.html), o usarparcialesMúltiples vistas en una página.

• Enrutamiento − Es el concepto de cambio de vista.

• Modelo Vista Cualquiera − MVW es un patrón de diseño utilizado para dividir la aplicación en diferentes partes, llamadas modelo, vista y controlador, cada una con diferentes responsabilidades. AngularJS no realiza el MVC en el sentido tradicional, sino que se acerca más a MVVM (Model-Vista-ViewModel). Angular El equipo de JS se refiere a ellos humorísticamente como "Modelo Vista".

• Enlaces Profundos − La profundidad de enlaces permite codificar el estado de la aplicación en la URL, para que pueda añadirse como favorito. Luego se puede restaurar la aplicación al mismo estado desde la URL.

• Inyección de Dependencias − AngularJS tiene un subsistema de inyección de dependencias integrado, que ayuda a los desarrolladores a crear, entender y probar aplicaciones de manera sencilla.

Concepto

La siguiente imagen describe algunas partes importantes de AngularJS, que discutiremos en detalle en los capítulos siguientes.

Las ventajas de AngularJS

Las ventajas de AngularJS son-

• Ofrece la funcionalidad de crear aplicaciones de una página utilizando un método muy limpio y mantenible.

• Ofrece la funcionalidad de enlace de datos a HTML. Por lo tanto, proporciona a los usuarios una experiencia rica y rápida.

• El código de AngularJS se puede someter a pruebas unitarias.

• AngularJS utiliza inyección de dependencias y aprovecha la separación de preocupaciones.

• AngularJS ofrece componentes reutilizables.

• Con AngularJS, los desarrolladores pueden implementar más funcionalidades con código corto.

• En AngularJS, las vistas son páginas HTML puras, y los controladores escritos en JavaScript se utilizan para el procesamiento de negocios.

Lo más importante es que las aplicaciones de AngularJS pueden ejecutarse en todos los principales navegadores y smartphones, incluyendo teléfonos basados en Android e iOS/Tablet.

Desventajas de AngularJS

A pesar de que AngularJS tiene muchos beneficios, aquí hay algunas cosas que需要注意-

• Seguridad − Como framework de JavaScript puro, las aplicaciones escritas en AngularJS no son seguras. La autenticación y autorización del lado del servidor son condiciones necesarias para garantizar la seguridad de la aplicación.

• Ineficaz − Si el usuario de su aplicación deshabilita JavaScript, cualquier contenido que no sea la página básica no será visible.

Directivas de AngularJS

El framework AngularJS se puede dividir en tres partes principales-

• ng-app − Esta directiva define la aplicación de AngularJS y la conecta con HTML.

• ng-model − Esta pseudo-directiva une los valores de los datos de la aplicación de AngularJS con los controles de entrada HTML.

• ng-bind − Esta directiva une los datos de la aplicación de AngularJS con las etiquetas HTML.