Angular (framework web)

Angular utiliza una arquitectura basada en componentes , que permite a los desarrolladores crear elementos de interfaz de usuario encapsulados y reutilizables. Cada componente encapsula su propio HTML , CSS y TypeScript, lo que facilita la gestión y las pruebas de las distintas partes de una aplicación. ^{[ 10 ]}

Angular admite el enlace de datos bidireccional, que sincroniza los datos entre el modelo y la vista. Esto garantiza que cualquier cambio en la vista se refleje automáticamente en el modelo y viceversa. ^{[ 11 ]}

Angular cuenta con un sistema de inyección de dependencias integrado que facilita la gestión e inyección de dependencias en componentes y servicios. Esto promueve la modularidad y simplifica las pruebas. ^{[ 12 ]}

Angular extiende HTML con atributos adicionales llamados directivas. Las directivas ofrecen funcionalidad para cambiar el comportamiento o la apariencia de los elementos DOM . ^{[ 13 ]}

Angular incluye un enrutador que permite a los desarrolladores definir y gestionar los estados de la aplicación y las rutas de navegación, lo que facilita la creación de aplicaciones de una sola página con enrutamiento complejo. ^{[ 14 ]}

La interfaz de línea de comandos (CLI ) de Angular proporciona un conjunto de herramientas para crear, compilar, probar e implementar aplicaciones Angular. Permite una configuración rápida de la aplicación y simplifica las tareas de desarrollo en curso. ^{[ 15 ]}

Angular cuenta con soporte oficial para la renderización del lado del servidor, lo que mejora el tiempo de carga y el rendimiento de una aplicación. La renderización del lado del servidor también optimiza el posicionamiento en buscadores al hacer que el contenido sea más accesible para los rastreadores web. ^{[ 16 ]}

La reescritura de AngularJS se denominó "Angular 2", pero esto generó confusión entre los desarrolladores. Para aclarar la situación, el equipo anunció que se utilizarían nombres distintos para cada framework: " AngularJS " para las versiones 1.X y "Angular" (sin "JS") para las versiones 2 y posteriores. ^{[ 23 ]}

Desde la versión 9, el equipo de Angular ha migrado todas las aplicaciones nuevas para que utilicen el compilador y el entorno de ejecución Ivy. Trabajarán en Ivy para mejorar el tamaño de los paquetes de salida y la velocidad de desarrollo. ^{[ 40 ]}

Se espera que cada versión sea compatible con la versión anterior. El equipo de desarrollo de Angular se ha comprometido a realizar actualizaciones dos veces al año.

Todas las versiones principales cuentan con soporte durante 18 meses. Esto incluye 6 meses de soporte activo, durante los cuales se publican actualizaciones y parches programados regularmente. A continuación, se ofrecen 12 meses de soporte a largo plazo (LTS), durante los cuales solo se publican correcciones críticas y parches de seguridad. ^{[ 41 ]}

Las versiones de Angular de la v2 a la v19 ya no cuentan con soporte. ^{[ 42 ]}

Angular Material es una biblioteca de componentes de interfaz de usuario que implementa Material Design en Angular. ^{[ 46 ]} Proporciona una colección de componentes reutilizables que se adhieren a las especificaciones de Material Design de Google, con el objetivo de ofrecer una interfaz de usuario consistente en diferentes dispositivos y plataformas.

Angular Material incluye una variedad de componentes de interfaz de usuario, como botones, tarjetas, diálogos, cuadrículas y controles de formulario. Estos componentes están diseñados para ser personalizables y fáciles de integrar en aplicaciones Angular. Otras características de Angular Material incluyen compatibilidad con diseño responsivo , temas y accesibilidad.

En 2018, Angular 6 introdujo Angular Elements, lo que permite a los desarrolladores empaquetar componentes de Angular como elementos web personalizados, que forman parte del conjunto de componentes web de las API de la plataforma web. ^{[ 47 ] [ 48 ]}