Angular (comúnmente conocido como " Angular 2+ " o " Angular v2 y superior ") [4] [5] es un marco de aplicación web de código abierto basado en TypeScript dirigido por el equipo de Angular en Google y por una comunidad de individuos y corporaciones. Angular es una reescritura completa del mismo equipo que construyó AngularJS .
Desarrollador (es) | |
---|---|
Versión inicial | 2.0 / 14 de septiembre de 2016 [1] |
Lanzamiento estable | 12.0.1 [2] / 19 de mayo de 2021 |
Versión de vista previa | 12.0.0-rc.0 / 21 de abril de 2021 [3] |
Repositorio | Repositorio angular |
Escrito en | Mecanografiado |
Plataforma | Plataforma web |
Tipo | Marco web |
Licencia | Licencia MIT |
Sitio web | angular |
Angular se utiliza como la interfaz de la pila MEAN , que consta de la base de datos MongoDB , el marco del servidor de aplicaciones web Express.js , el propio Angular (o AngularJS ) y el entorno de tiempo de ejecución del servidor Node.js.
Diferencias entre Angular y AngularJS
Google diseñó Angular como una reescritura de AngularJS.
- Angular no tiene un concepto de "alcance" o controladores; en cambio, utiliza una jerarquía de componentes como su principal característica arquitectónica. [6]
- Angular tiene una sintaxis de expresión diferente, centrándose en la
"[ ]"
de la propiedad vinculante, y"( )"
por evento vinculante [7] - Modularidad: gran parte de la funcionalidad principal se ha trasladado a los módulos
- Angular recomienda el uso de Microsoft 's mecanografiado lenguaje, que presenta las siguientes características:
- Escritura estática , incluidos genéricos
- Anotaciones
- TypeScript es un superconjunto de ECMAScript 6 (ES6) y es compatible con ECMAScript 5 (es decir, JavaScript).
- Carga dinámica
- Compilaciones de plantillas asincrónicas
- Devoluciones de llamada iterativas proporcionadas por RxJS. RxJS limita la visibilidad y la depuración del estado, pero estos se pueden resolver con complementos reactivos como ngrx o ngxs.
- Soporte para Angular Universal, que ejecuta aplicaciones Angular en servidores.
Historia
Nombrar
Originalmente, la reescritura de AngularJS se llamaba "Angular 2", pero esto generó confusión entre los desarrolladores. Para aclarar, el Equipo anunció que se deben usar términos separados para cada marco con " AngularJS " refiriéndose a las versiones 1.X y "Angular" sin el "JS" refiriéndose a las versiones 2 y posteriores. [8]
Versión 2
Angular 2.0 se anunció en la conferencia ng-Europe 22-23. Octubre de 2014. [9] [10] Los cambios drásticos en la versión 2.0 crearon una controversia considerable entre los desarrolladores. [11] El 30 de abril de 2015, los desarrolladores de Angular anunciaron que Angular 2 pasó de Alpha a Developer Preview. [12] Angular 2 pasó a Beta en diciembre de 2015, [13] y la primera versión candidata se publicó en mayo de 2016. [14] La versión final se lanzó el 14 de septiembre de 2016.
Versión 4
El 13 de diciembre de 2016 se anunció Angular 4, omitiendo 3 para evitar una confusión debido a la desalineación de la versión del paquete del enrutador que ya se distribuyó como v3.3.0. [15] La versión final se lanzó el 23 de marzo de 2017. [16] Angular 4 es compatible con Angular 2. [17]
La versión 4.3 de Angular es una versión menor, lo que significa que no contiene cambios importantes y que es un reemplazo directo de 4.xx
Funciones en la versión 4.3
- Presentamos HttpClient , una biblioteca más pequeña, más fácil de usar y más potente para realizar solicitudes HTTP.
- Nuevos eventos del ciclo de vida del enrutador para guardias y resolutores. Cuatro nuevos eventos: GuardsCheckStart , GuardsCheckEnd , ResolveStart , ResolveEnd se unen al conjunto existente de eventos de ciclo de vida como NavigationStart.
- Deshabilite condicionalmente las animaciones.
Versión 5
Angular 5 se lanzó el 1 de noviembre de 2017. [18] Las mejoras clave en Angular 5 incluyen soporte para aplicaciones web progresivas , un optimizador de compilación y mejoras relacionadas con Material Design. [19]
Versión 6
Angular 6 se lanzó el 4 de mayo de 2018. [20] Esta es una versión importante centrada menos en el marco subyacente y más en la cadena de herramientas y en hacer que sea más fácil moverse rápidamente con Angular en el futuro, como: ng update, ng add , Elementos angulares, materiales angulares + componentes CDK, componentes de inicio de material angular, espacios de trabajo CLI, compatibilidad con bibliotecas, proveedores que se pueden cambiar de árbol, mejoras en el rendimiento de animaciones y RxJS v6.
Versión 7
Angular 7 se lanzó el 18 de octubre de 2018. Actualizaciones con respecto al rendimiento de la aplicación, el material angular y CDK, el desplazamiento virtual, la accesibilidad mejorada de las selecciones, ahora es compatible con la proyección de contenido utilizando el estándar web para elementos personalizados y las actualizaciones de dependencia con respecto a Typescript 3.1, RxJS 6.3, Node 10 (todavía es compatible con el nodo 8). [21]
Versión 8
Angular 8 se lanzó el 28 de mayo de 2019. Con carga diferencial para todo el código de la aplicación, importaciones dinámicas para rutas diferidas, trabajadores web, compatibilidad con TypeScript 3.4 y Angular Ivy como vista previa opcional. La vista previa opt-in de Angular Ivy incluye: [22]
- Código generado que es más fácil de leer y depurar en tiempo de ejecución
- Tiempo de reconstrucción más rápido
- Tamaño de carga útil mejorado
- Comprobación de tipo de plantilla mejorada
- Compatibilidad al revés
Versión 9
Angular 9 se lanzó el 6 de febrero de 2020. La versión 9 mueve todas las aplicaciones para que usen el compilador y el tiempo de ejecución de Ivy de forma predeterminada. Angular se ha actualizado para que funcione con TypeScript 3.6 y 3.7. Además de cientos de correcciones de errores, el compilador y el tiempo de ejecución de Ivy ofrecen numerosas ventajas:
- Tamaños de paquete más pequeños
- Pruebas más rápidas
- Mejor depuración
- Enlace de estilo y clase CSS mejorado
- Comprobación de tipo mejorada
- Errores de compilación mejorados
- Tiempos de construcción mejorados, habilitando AOT de forma predeterminada
- Internacionalización mejorada
Versión 10
Angular 10 se lanzó el 24 de junio de 2020. [23]
- Nuevo selector de rango de fechas (biblioteca de material de interfaz de usuario)
- Advertencias sobre las importaciones de CommonJS
- Ajustes opcionales más estrictos
- Mantenerse al día con el ecosistema
- Nueva configuración predeterminada del navegador
- Desaprovechamientos y eliminaciones
Versión 11
Angular 11 se lanzó el 11 de noviembre de 2020. [24]
Versión 12
Angular 12 fue lanzado el 12 de mayo de 2021. [25]
Lanzamientos futuros
Desde la versión 9, el equipo de Angular ha movido todas las aplicaciones nuevas para usar el compilador y el tiempo de ejecución de Ivy. Trabajarán en Ivy para mejorar los tamaños de los paquetes de salida y las velocidades de desarrollo. [26]
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 cronograma de soporte
Todas las versiones principales tienen soporte durante 18 meses. Consiste en 6 meses de soporte activo, durante los cuales se lanzan actualizaciones y parches programados regularmente. Luego le siguen 12 meses de soporte a largo plazo (LTS), durante los cuales solo se lanzan las correcciones críticas y los parches de seguridad. [27]
Versión | Estado | Liberado | Extremos activos | Finaliza LTS |
---|---|---|---|---|
^ 12.0.0 | Activo | 12 de mayo de 2021 | 12 de noviembre de 2021 | 12 de noviembre de 2022 |
^ 11.0.0 | LTS | 11 de noviembre de 2020 | 11 de mayo de 2021 | 11 de mayo de 2022 |
^ 10.0.0 | LTS | 24 de junio de 2020 | 24 de diciembre de 2020 | 24 de diciembre de 2021 |
^ 9.0.0 | LTS | 6 de febrero de 2020 | 6 de agosto de 2020 | 6 de agosto de 2021 |
Bibliotecas
Material angular
Angular Material es una biblioteca de componentes de UI que implementa Material Design en Angular. [28] [29]
Ver también
- React (biblioteca de JavaScript)
- Vue.js
- Comparación de marcos de JavaScript
Referencias
- ^ "Angular, versión 2: refuerzo de propiocepción" . blogspot.com . 14 de septiembre de 2016 . Consultado el 18 de marzo de 2017 .
- ^ "Versión 12.0.1" . 19 de mayo de 2021 . Consultado el 21 de mayo de 2021 .
- ^ "angular / CHANGELOG.md" . Consultado el 28 de abril de 2021 .
- ^ "r / Angular2" . reddit .
- ^ "AngularJS y Angular 2+: una comparación detallada" . 6 de abril de 2018.
- ^ "Documentos angulares" . angular.io .
- ^ "¿Cuál es la diferencia entre AngularJS y Angular?" . gorrion.io . 19 de septiembre de 2017 . Consultado el 28 de enero de 2018 .
- ^ "Angular: Directrices de marca para AngularJS" . Consultado el 4 de marzo de 2017 .
- ^ Coman Hamilton. "Un adelanto del radicalmente nuevo Angular 2.0" . Consultado el 21 de octubre de 2015 .
- ^ "Horario Ng-Europa" .
- ^ Coman Hamilton. "Anuncio de Angular 2.0 fracasa" . Consultado el 21 de octubre de 2015 .
- ^ @angularjs (30 de abril de 2015). "¡Angular 2 pasa de Alpha a Developer Preview! La guía para desarrolladores y los documentos de API ahora están disponibles en ... angular.io/docs/js/latest" (Tweet) . Consultado el 21 de octubre de 2015 , a través de Twitter .
- ^ "Angular: Angular 2 Beta" . angularjs.blogspot.it . Consultado el 13 de julio de 2016 .
- ^ "angular / angular" . GitHub . Consultado el 4 de mayo de 2016 .
- ^ "Ok ... déjame explicarte: va a ser Angular 4.0" . angularjs.blogspot.kr . Consultado el 14 de diciembre de 2016 .
- ^ "Angular 4.0.0 ya disponible" . angularjs.blogspot.ca . Consultado el 23 de marzo de 2017 .
- ^ "Angular 4 llegará en 2017, para ser retrocompatible con Angular 2" . react-etc.net . Consultado el 14 de diciembre de 2016 .
- ^ Fluin, Stephen. "Versión 5.0.0 de Angular ya disponible" . Consultado el 2 de noviembre de 2017 .
- ^ "Marco de JavaScript Angular 5 retrasado" .
- ^ "Versión 6.0.0 de Angular ya disponible" . Consultado el 4 de mayo de 2018 .
- ^ Fluin, Stephen (18 de octubre de 2018). "Versión 7 de Angular - Avisos CLI, Desplazamiento virtual, Arrastrar y soltar y más" . Blog angular . Consultado el 7 de junio de 2019 .
- ^ Fluin, Stephen (8 de febrero de 2019). "Un plan para la versión 8.0 e Ivy" . Blog angular . Consultado el 7 de junio de 2019 .
- ^ https://blog.angular.io/version-10-of-angular-now-available-78960babd41
- ^ https://blog.angular.io/version-11-of-angular-now-available-74721b7952f7
- ^ Techson, Mark (12 de mayo de 2021). "Angular v12 ya está disponible" . Medio . Consultado el 17 de mayo de 2021 .
- ^ Fluin, Stephen. "¡El Proyecto Ivy ha llegado!" . Consultado el 7 de julio de 2020 .
- ^ "Angular" . angular.io . Consultado el 7 de junio de 2019 .
- ^ Biblioteca de componentes de UI de material angular
- ^ Material de AngularJS
enlaces externos
- Página web oficial
- Sitio web archivado (Angular 2)