Saltar al contenido

AngularJS vs Angular 2 vs Angular 4: ¿Cuál es la diferencia?

¿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

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:

¿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:

Historial de versiones rectangulares

Las fechas de lanzamiento de la versión angular son las siguientes:

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 JSEn á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 clienteSe ejecuta en el lado del cliente y en el lado del servidor
La función ng-app y el bootstrap angular se utilizan para comenzarse 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 2En á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 4En ángulo 5
Compatibilidad con el enrutador ParamMapNuevo evento del ciclo de vida del enrutador
Componentes dinámicos con NgComponentOutletMejoras 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 opcionalAngular 5 viene con un optimizador de compilación que es parte del comando de plataforma similar a una herramienta.
Solicitud HTTP simplificadaOptimización de funciones de HttpClient
Paquete de animación incluidoFecha y moneda internacionalizadas

Resumen