Migrando de Flash a HTML5 con Angular Framework

Angular fue inicialmente llamado “Angular 2” ya que era visto como la siguiente versión de Angular 1.x (lo que hoy es llamado AngularJS), es un framework para aplicaciones web desarrollado en TypeScript, de código abierto, mantenido por Google, que se utiliza para crear y mantener Aplicaciones Web Progresivas (PWA, por su siglas en ingles Progressive Web Application), su objetivo es aumentar las aplicaciones basadas en navegador con capacidad de Modelo Vista Controlador (MVC), en un esfuerzo para hacer que el desarrollo y las pruebas sean de menor complejidad y escalables.

Progressive Web Application son una nueva generación de aplicaciones que aprovechan las principales tecnologías web (HTML, CSS y JavaScript) para crear interfaces para los servicios de Internet. A diferencia de las aplicaciones móviles o las de escritorio, estas PWA pueden ejecutarse en cualquier navegador compatible con los estándares, además de otras ventajas como las notificaciones push, el rendimiento o el incremento de su funcionalidad según las capacidades del dispositivo y de ahí su denominación Progressive.

TypeScript es un lenguaje de programación libre y de código abierto desarrollado y mantenido por Microsoft, es un superconjunto de JavaScript que esencialmente añade tipos estáticos y objetos basados en clases, puede ser usado para desarrollar aplicaciones JavaScript que se ejecutarán en el lado del cliente o del servidor.

Angular lee el HTML que contiene atributos de las etiquetas personalizadas, entonces obedece a las directivas de los atributos personalizados y une las piezas de entrada o salida de la página a un modelo representado por las variables estándar de JavaScript.

El framework se basa en clases tipo «componentes» cuyas propiedades son las usadas para hacer la unión (binding) de los datos. En dichas clases tenemos propiedades (variables) y métodos (funciones a llamar).

Considerando que un framework es un sin número de funcionalidades “genéricas” preparadas para que se realice una funcionalidad específica, se puede decir que un framework consiste de varias bibliotecas escritas para manejarse todas juntas. Bajo este pensamiento, podemos decir que Angular preparó todo para que una aplicación solo utilice los módulos (o bibliotecas) que sean necesarios.

Principales características de Angular 

Velocidad y rendimiento

  • Generación de código: Angular convierte tus plantillas en código altamente optimizado para las máquinas virtuales de JavaScript de hoy en día, ofreciéndote todas las ventajas del código escrito a mano con la productividad de un framework.
  • Universal: Ejecuta la primera vista de tu aplicación en node.js, .NET, PHP y otros servidores para “renderizado” de forma casi instantánea, obteniendo solo HTML y CSS..
  • División del código: Las aplicaciones de Angular se cargan rápidamente gracias al nuevo enrutador de componentes. Éste ofrece una división automática de código fuente para que los usuarios sólo carguen el código necesario para procesar la vista que solicitan.

Productividad

  • Plantillas: Permite crear rápidamente vistas de interfaz de usuario con una sintaxis de plantilla simple y potente.
  • Angular CLI: Las herramientas de línea de comandos permiten empezar a desarrollar rápidamente, añadir componentes y realizar test, así como pre visualizar de forma instantánea la aplicación.
  • IDEs: Obtén sugerencias de código inteligente, detección de errores y otros comentarios en la mayoría de los editores populares e IDEs.

Historia completa del desarrollo

  • Testing: Utiliza Karma para realizar pruebas unitarias, y Protractor para realizar pruebas end-to-end de forma rápida y estable.
  • Animación: Permite crear animaciones complejas y de alto rendimiento a través de la intuitiva API de Angular.
  • Accesibilidad: Posee características para crear aplicaciones accesibles con los componentes disponibles para ARIA.

By Daglier Pérez