Tabla de contenidos
¿Qué es angular JS?
AngularJS Es un marco web de código abierto basado en JavaScript de código abierto para crear aplicaciones web dinámicas. Permite a los desarrolladores utilizar HTML como lenguaje de la plantilla y ampliar su sintaxis para crear varios componentes de la aplicación. También le ayuda a escribir el código mediante una inyección de enlace de datos y dependencias.
Misko Heavery creó AngularJS. Había creado un marco para manejar las deficiencias de HTML y crear ideas de bibliotecas y mejores prácticas que nunca antes se había hecho.
Esta primera versión del framework llamada AngularJS fue lanzada en 2009. Este sentó las bases para el desarrollo inicial de aplicaciones hoy. Angular JS fue una de las mejores soluciones para el desarrollo de aplicaciones de una sola página. Poco a poco, se acepta ampliamente y se vuelve muy popular.
Características de angular JS
- Marco de JavaScript MVW
- Extiende el soporte HTML agregando etiquetas, atributos y expresiones
- Permite un fácil manejo de la salida
- Soportes de conexión de datos
- Motor de plantilla de enrutamiento y construido
- Validación y animación de formularios
- Inyección de dependencia
En este tutorial, aprenderá
¿Qué es el Rectangular 2?
En ángulo 2 Es una versión de AngularJS construida alrededor del concepto de componente, que permite construir clases de JavaScript. Después de lanzar JS Angular, el equipo lanzó Angular Angular 2, que es una reescritura completa del Angular 1 o AngularJS original. El equipo en ángulo lo reescribió desde el principio usando Mecanografía. Proporciona un mejor rendimiento para los desarrolladores web.
Tiene muchas características nuevas, así como otras mejoras y ajustes.
Estas son algunas de las características clave del rectángulo 2:
- Marco moderno, más rápido y altamente escalable
- Un marco tan útil para aplicaciones web, móviles y de escritorio
- Arquitectura basada en componentes web
- Admite la inyección de dependencia jerárquica
¿Por qué no Rectangular 3?
Angle 2 es un repositorio único. Todos los paquetes se descargarán con la convención @ angular / nombre del paquete. Por ejemplo @ angular / HTTP, @ angular / enrutador
Se asignó la versión 2 a cada nombre de paquete, pero la versión 3 del paquete del enrutador se proporcionó por error. Por lo tanto, el equipo de desarrollo omitió la versión 3 en ángulo y nombró la versión 4 directamente para mantener la compatibilidad con la versión del enrutador en ángulo.
¿Qué es el ángulo 4?
En ángulo 4 Es un marco de aplicación web para crear aplicaciones JavaScript. Es compatible con TypeScript, que compila su JavaScript y muestra lo mismo en el navegador. Proporciona una barra de herramientas de navegación, autocompletar, menús y muchas más funciones. Es diferente a Angular 2, que es una versión completamente reescrita del Rectángulo 1.
Aquí hay algunas otras características de Angle 4:
- Reduzca el tamaño del código empaquetado generado hasta en un 60%
- La animación se movió a un paquete separado @ angular / animation
- Apoya su declaración if / else
- Soportes para validador de correo electrónico
¿Qué es el ángulo 5?
En ángulo 5 Es un marco de aplicación web de código abierto basado en TypeScript. Se han realizado muchas características nuevas y mejoras en esta versión, como inyección de dependencia, plantillas de declaración, herramientas de un extremo a otro, etc. No cambia significativamente de angular 4.
Características en ángulo 5:
- Hacer AOT el predeterminado
- Más fácil de crear aplicaciones web progresivas
- Verifique el tipo en las plantillas
- Soporte para canalizaciones internacionalizadas de números, fechas y divisas
- Actualizar a Httpclient
- Mejoras de velocidad de zona
- Nuevos eventos del ciclo de vida del enrutador
Historial de versiones rectangulares
Las fechas de lanzamiento de la versión angular son las siguientes:
- Google lanzó la versión angular 1.0 llamada AngularJS en 2010
- La versión 2.0 de Angular se lanzó en septiembre de 2016
- Angular 4.0 se lanzó en marzo de 2017
- Angular 5.0 se lanzó en noviembre de 2017
- Angular 6.0 se lanzó en mayo de 2018
- Angular 7.0 se lanzó en octubre de 2018
- La versión 8.0 de Angular se lanzó en mayo de 2019
- La versión 9.0 de Angular se lanzó en febrero de 2020
- La versión 10.0 de Angular se lanzó en junio de 2020
- La versión 11.0 de Angular se lanzó en noviembre de 2020
Veremos el historial de la versión angular en detalle:
Historia en ángulo 1
También llamado ángulo recto 1 AngularJS Es un marco de JavaScript de código abierto. Está especialmente diseñado para aplicaciones web de una sola página que son propiedad exclusiva de Google. Esta fue la primera versión angular lanzada en 2010.
Historia en ángulo 2
Angular 2 es una versión completamente incorporada y reelaborada de Rectangle 1. Es compatible con dispositivos móviles. Además, Angular 2 le brinda la opción de seleccionar más idiomas en los que puede seleccionar su idioma, como ES5, ES6 o TypeScript para escribir códigos Angled 2.
Historia en ángulo 4
Como se mencionó anteriormente, el equipo no lanzó angular 3. El rectángulo 4 se lanzó el 6 de marzo de 2017, que es compatible con la mayoría de las aplicaciones. Sin embargo, el rectángulo 4 no tiene cambios importantes con respecto al rectángulo 2 y ofrece un error mejor, y las alertas se comparan con el rectángulo 2.
Historia en ángulo 5
Angular Five se lanzó en noviembre de 2017. En esta versión angular, también se han realizado algunos cambios importantes en comparación con Rectangular anterior. En esta versión, hay un optimizador de construcción creado con la CLI angular que le permite implementar un optimizador de construcción de forma predeterminada. Además de esto, también se admite la conmutación de estado universal angular que admite API y DOM.
Diferencia entre AngularJS y AngularJS 2
A continuación se muestra la principal diferencia entre AngularJS Vs Angular 2:
| Ángulo JS | En ángulo 2 |
| Publicado por Google en 2010. | Publicado en septiembre de 2016. |
| Marco basado en JavaScript para crear SPA. | Reescritura completa de la versión AngularJS. |
| Todavía se admite, pero no se desarrolla más. | La versión actualizada se publica regularmente debido al control de versiones semántico. |
| La arquitectura de AngularJS se basa en MVC. | La arquitectura rectangular 2 está basada en servicio / controlador. |
| AngularJS, incluida la base móvil, no se desarrolló. | El rectángulo 2 es un marco orientado a dispositivos móviles. |
| El código AngularJS se puede escribir usando ES5, ES6 y Dart solamente. | Podemos usar ES5, ES6, Typing para escribir código Angled 2. |
| Basado en controladores cuyo alcance ha terminado. | Hoy en día, los controladores se reemplazan por componentes y el Rectángulo Dos se basa completamente en componentes. |
| La fábrica, el servicio, el proveedor, el valor y la constante se utilizan para los servicios. | La clase es el único método para definir servicios en Angular2 |
| Ejecutar solo en el lado del cliente | Se ejecuta en el lado del cliente y en el lado del servidor |
| La función ng-app y el bootstrap angular se utilizan para comenzar | se usa una función bootstrapmodule () para comenzar |
Diferencia entre Rectangular 2 y Rectangular 4
La principal diferencia entre Rectangular 2 V Rectangular 4 es la siguiente:
| En ángulo 2 | En ángulo 4 |
| El código generado con el Rectángulo 2 es más grande y el tamaño del archivo también es mayor. | Angular 4.0 redujo el tamaño del archivo empaquetado en un 60%. Por lo tanto, el código generado se reduce, lo que ayuda a acelerar el rendimiento de la aplicación. |
| Angular dos no coincide al revés con angular JS. | El ángulo cuatro coincide con la parte posterior del rectángulo 2 para la mayoría de las aplicaciones. |
| No hay pasos de desautorización adecuados para ajustar los códigos. | Habrá pasos de desautorización adecuados para permitir a los desarrolladores ajustar su código |
| El rectángulo 2 no ofrece funciones de animación. | Las funciones de animación se extraen de @ angular / heart y se incluyen en su paquete |
Diferencia entre rectangular 4 y rectangular 5
Aquí está la diferencia entre Rectangular 4 V Rectangular 5:
| En ángulo 4 | En ángulo 5 |
| Compatibilidad con el enrutador ParamMap | Nuevo evento del ciclo de vida del enrutador |
| Componentes dinámicos con NgComponentOutlet | Mejoras del compilador |
| TypeScript 2.4 con esta versión que actúa como un JavaScript avanzado que se puede utilizar para clases, interfaces y mecanografía estática opcional | Angular 5 viene con un optimizador de compilación que es parte del comando de plataforma similar a una herramienta. |
| Solicitud HTTP simplificada | Optimización de funciones de HttpClient |
| Paquete de animación incluido | Fecha y moneda internacionalizadas |
Resumen
- AngularJS es un marco de trabajo basado en web basado en JavaScript de código abierto para crear aplicaciones web dinámicas.
- AngularJS es una versión de AnJJ 2 construida en torno al concepto del componente, que permite crear clases de JavaScript. Después de lanzar JS Angular, el equipo lanzó Angular 2, que es una reescritura completa del Angular 1 o AngularJS original.
- Se asignó la versión 2 a cada nombre de paquete, pero la versión 3 del paquete del enrutador se proporcionó por error. Por lo tanto, el equipo de desarrollo omitió la versión 3 en ángulo y nombró la versión 4 directamente para mantener la compatibilidad con la versión del enrutador en ángulo.
- Angular 4 es un marco de aplicación web para crear aplicaciones JavaScript. Es compatible con TypeScript, que se compila con JavaScript y muestra lo mismo en el navegador.
- Angular 5 es un marco de aplicación de código abierto basado en TypeScript. Se han realizado muchas características nuevas y mejoras en esta versión, como inyección de dependencia, plantillas de declaración, herramientas de un extremo a otro, etc.