stringtranslate.com

Angular (marco web)

Angular (también conocido como " Angular 2+ ") [4] es un framework de aplicaciones web de una sola página, gratuito y de código abierto, basado en TypeScript . Es desarrollado por Google y por una comunidad de individuos y corporaciones. Angular es una reescritura completa del mismo equipo que creó AngularJS . El ecosistema Angular consta de un grupo diverso de más de 1,7 millones de desarrolladores, autores de bibliotecas y creadores de contenido. [5] Según la encuesta de desarrolladores de Stack Overflow, Angular es uno de los frameworks web más utilizados. [6]

Diferencias entre Angular y AngularJS

Arquitectura de una aplicación Angular, servicios e inyección de dependencias

Google diseñó Angular como una reescritura desde cero de AngularJS. A diferencia de AngularJS, Angular no tiene un concepto de "alcance" o controladores; en cambio, utiliza una jerarquía de componentes como su característica arquitectónica principal. [7] Angular tiene una sintaxis de expresión diferente, que se centra en "[ ]"la vinculación de propiedades y "( )"la vinculación de eventos . [8] Angular recomienda el uso del lenguaje TypeScript de Microsoft , que introduce características como la tipificación estática , los genéricos y las anotaciones de tipo .

Características

Arquitectura basada en componentes

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 prueba de partes individuales de una aplicación. [9]

Vinculación de datos

Angular admite la vinculación 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. [10]

Inyección de dependencia

Angular tiene un sistema de inyección de dependencias integrado que facilita la administración e inyección de dependencias en componentes y servicios. Esto promueve la modularidad y facilita la realización de pruebas. [11]

Directivas

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

Enrutamiento

Angular incluye un enrutador que permite a los desarrolladores definir y administrar estados de aplicaciones y rutas de navegación, lo que facilita la creación de aplicaciones de una sola página con enrutamiento complejo. [13]

CLI angular

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

Representación del lado del servidor

Angular tiene 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 mejora la optimización del motor de búsqueda al hacer que el contenido sea más accesible para los rastreadores web. [15]

Historia

Angular 2.0 se anunció en la conferencia ng-Europe del 22 al 23 de octubre de 2014. [16] El 30 de abril de 2015, los desarrolladores de Angular anunciaron que Angular 2 pasó de la fase Alpha a la fase de vista previa para desarrolladores. [17] Angular 2 pasó a la fase Beta en diciembre de 2015, [18] y el primer candidato de lanzamiento se publicó en mayo de 2016. [19] La versión final se lanzó el 14 de septiembre de 2016.

La versión 8 de Angular introdujo un nuevo flujo de compilación y renderización, Ivy, y la versión 9 de Angular habilitó Ivy de manera predeterminada. Angular 13 eliminó el compilador anterior obsoleto, View Engine. [20]

Nombramiento

La nueva versión de AngularJS se denominó "Angular 2", pero esto generó confusión entre los desarrolladores. Para aclarar, el equipo anunció que se deberían usar nombres separados para cada marco de trabajo, con " AngularJS " haciendo referencia a las versiones 1.X y "Angular" sin "JS" haciendo referencia a las versiones 2 y posteriores. [21]

Historial de versiones

Futuros lanzamientos

Desde la versión 9, el equipo de Angular ha trasladado todas las aplicaciones nuevas para que utilicen el compilador y el entorno de ejecución Ivy. Trabajarán en Ivy para mejorar los tamaños de los paquetes de salida y las velocidades de desarrollo. [36]

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

Política y calendario de soporte

Todas las versiones principales cuentan con soporte durante 18 meses. Esto consiste en 6 meses de soporte activo, durante los cuales se lanzan actualizaciones y parches programados regularmente. Luego, se siguen 12 meses de soporte a largo plazo (LTS), durante los cuales solo se lanzan correcciones críticas y parches de seguridad. [37]

Las versiones de Angular v2 a v15 ya no reciben soporte. [38]

Bibliotecas

Material angular

Angular Material es una biblioteca de componentes de UI que implementa Material Design en Angular. [39] Proporciona una colección de componentes reutilizables que cumplen con las especificaciones 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, cuadros de diálogo, cuadrículas y controles de formulario. Estos componentes están diseñados para ser personalizables y fáciles de integrar en aplicaciones Angular. Las características adicionales de Angular Material incluyen compatibilidad con diseño adaptable , temas y accesibilidad.

Elementos angulares

En 2018, Angular 6 introdujo Angular Elements, lo que permite a los desarrolladores empaquetar componentes Angular como elementos web personalizados, que son parte del conjunto de componentes web de las API de la plataforma web. [40]

Véase también

Referencias

  1. ^ "Angular, versión 2: propiocepción-reforzamiento". blogspot.com . 14 de septiembre de 2016. Archivado desde el original el 2017-03-12 . Consultado el 2017-03-18 .
  2. ^ . 19 de noviembre de 2024 https://github.com/angular/angular/releases/tag/19.0.0 . Consultado el 20 de noviembre de 2024 . {{cite web}}: Falta o está vacío |title=( ayuda )
  3. ^ "angular/CHANGELOG.md". GitHub . Consultado el 14 de agosto de 2024 .
  4. ^ "AngularJS y Angular 2+: una comparación detallada". 6 de abril de 2018.
  5. ^ "Angular". angular.io . Consultado el 26 de marzo de 2024 .
  6. ^ "Encuesta para desarrolladores de Stack Overflow 2023". Stack Overflow . Consultado el 2 de junio de 2024 .
  7. ^ "Documentación de Angular". angular.io .
  8. ^ "¿Cuál es la diferencia entre AngularJS y Angular?". gorrion.io . 19 de septiembre de 2017 . Consultado el 28 de enero de 2018 .
  9. ^ "Componer con componentes · Angular". angular.dev . Consultado el 2 de junio de 2024 .
  10. ^ "Entendiendo la vinculación · Angular". angular.dev . Consultado el 2024-06-02 .
  11. ^ "Inyección de dependencias en Angular". angular.dev . Consultado el 2 de junio de 2024 .
  12. ^ "Directivas · Descripción general · Angular". angular.dev . Consultado el 2 de junio de 2024 .
  13. ^ "Enrutamiento · Descripción general · Angular". angular.dev . Consultado el 2 de junio de 2024 .
  14. ^ "Angular CLI · Descripción general · Angular". angular.dev . Consultado el 2 de junio de 2024 .
  15. ^ Żurawski, Paweł (9 de mayo de 2024). "Angular SSR: guía de implementación de renderizado del lado del servidor". Pretius . Consultado el 17 de julio de 2024 .
  16. ^ "Horario Ng-Europe". Archivado desde el original el 30 de abril de 2018. Consultado el 29 de abril de 2018 .
  17. ^ @angularjs (30 de abril de 2015). "¡Angular 2 pasa de la versión Alpha a la versión preliminar para desarrolladores! La guía para desarrolladores y los documentos de la API ahora están disponibles en... angular.io/docs/js/latest" ( Tweet ) . Consultado el 21 de octubre de 2015 a través de Twitter .
  18. ^ "Angular: Angular 2 Beta". angularjs.blogspot.it . Archivado desde el original el 2015-12-18 . Consultado el 2016-07-13 .
  19. ^ "angular/angular". GitHub . Consultado el 4 de mayo de 2016 .
  20. ^ Thompson, Mark (4 de noviembre de 2021). "Angular v13 ya está disponible". Blog de Angular . Consultado el 2 de junio de 2024 .
  21. ^ "Angular: Directrices de marca para AngularJS". Archivado desde el original el 4 de febrero de 2017. Consultado el 4 de marzo de 2017 .
  22. ^ Gechev, Minko (23 de mayo de 2024). "Conoce Angular v19". Medium . Consultado el 2 de junio de 2024 .
  23. ^ Gechev, Minko (23 de mayo de 2024). "¡Angular v18 ya está disponible!". Medium . Consultado el 2 de junio de 2024 .
  24. ^ ab Gechev, Minko (8 de noviembre de 2023). "Presentación de Angular v17". Medium . Blog de Angular . Consultado el 12 de noviembre de 2023 .
  25. ^ Gechev, Minko (21 de noviembre de 2022). "¡Angular v15 ya está disponible!". Blog de Angular . Consultado el 2 de junio de 2024 .
  26. ^ Thompson, Mark (4 de noviembre de 2021). «Angular v13 ya está disponible». Blog de Angular . Consultado el 10 de enero de 2022 .
  27. ^ Thompson, Mark (12 de mayo de 2021). "Angular v12 ya está disponible". Medium . Consultado el 17 de mayo de 2021 .
  28. ^ "La versión 11 de Angular ya está disponible". 4 de diciembre de 2020.
  29. ^ "La versión 10 de Angular ya está disponible". 25 de junio de 2020.
  30. ^ Fluin, Stephen (8 de febrero de 2019). "Un plan para la versión 8.0 e Ivy". Blog de Angular . Consultado el 7 de junio de 2019 .
  31. ^ Fluin, Stephen (18 de octubre de 2018). "Versión 7 de Angular: indicaciones de CLI, desplazamiento virtual, arrastrar y soltar, y más". Blog de Angular . Consultado el 7 de junio de 2019 .
  32. ^ "La versión 6.0.0 de Angular ya está disponible" . Consultado el 4 de mayo de 2018 .
  33. ^ Fluin, Stephen. «La versión 5.0.0 de Angular ya está disponible» . Consultado el 2 de noviembre de 2017 .
  34. ^ "Se retrasa el framework JavaScript Angular 5". 18 de septiembre de 2017.
  35. ^ "Angular 4.0.0 ya está disponible". angularjs.blogspot.ca . Archivado desde el original el 8 de enero de 2018 . Consultado el 23 de marzo de 2017 .
  36. ^ Fluin, Stephen (6 de febrero de 2020). «La versión 9 de Angular ya está disponible: ¡ha llegado Project Ivy!». blog.angular.io . Consultado el 22 de marzo de 2022 .
  37. ^ "Angular". angular.io . Consultado el 7 de junio de 2019 .
  38. ^ "Angular". angular.io . Consultado el 10 de junio de 2022 .
  39. ^ "Material angular". material.angular.io .
  40. ^ "Cómo crear componentes web y elementos personalizados en Angular 6". 29 de septiembre de 2018.

Enlaces externos