Cuando leí por primera vez acerca de la nueva sintaxis de Angular 2 hace un año, estaba un poco confundido porque las cosas se veían diferentes a lo que estaba acostumbrado – pero cuando volví a visitar Angular 2 hace unos meses, había evolucionado hasta el punto de que me impresionó rápidamente.

Así que hoy, en honor a nuestro nuevo curso de Angular 2, Acelerando a través de Angular 2, voy a compartir lo que más me emociona de este marco de trabajo actualizado de JavaScript.
Componentes sobre controladores
Muchos marcos nuevos aprovechan la capacidad de crear etiquetas HTML personalizadas. Sin embargo, para tener un elemento personalizado como con una plantilla en Angular 1, a menudo tuvimos que aprender sobre controladores, restricciones, controladorAs y directivas todo a la vez. Esto fue desafortunado, dado lo importante que son las directivas personalizadas para la arquitectura de las aplicaciones de Angular. Había mucha ceremonia (mucho código) que había que escribir y comprender para llegar a la esencia de lo que se intentaba hacer (lo que se podía hacer con menos código).
En Acelerando a través del Angular 2, empezamos enseñando componentes en lugar de controladores. El aprendizaje de un marco debería comenzar con uno de los bloques de construcción más importantes, que, en el caso de las aplicaciones de Angular 2, son los componentes. Esto hace que el marco sea más fácil de aprender y de usar.
TypeScript
Así como el lenguaje Ruby hizo que aprender Ruby on Rails fuera un placer para aprender y escribir, yo siento lo mismo sobre TypeScript y Angular 2. En caso de que no estés familiarizado, TypeScript es la extensión de Microsoft de JavaScript que permite el uso de todas las características de ES2015 y añade una potente comprobación de tipos y características orientadas a objetos. Sin embargo, no todos los navegadores son compatibles con ES2015 todavía, por lo que no podemos utilizar estas características en nuestro código JavaScript – pero podemos utilizar un lenguaje (como TypeScript) que compila en código JavaScript que todos nuestros navegadores pueden entender.
Usando las características de ES2015 (como importar, exportar, retroceder, para… de bucles, y flecha gorda) y las características de TypeScript (como decoradores de clase y declaraciones de tipo) hace que Angular 2 sea aún más divertido de programar. (Consejo: Si no estás familiarizado con estos conceptos de ES2015, te recomiendo encarecidamente que eches un vistazo a nuestro curso de ES2015).
Mejora de la vinculación de datos
Lo que hizo a Ruby on Rails tan vanguardista fueron todas las nuevas convenciones (o incumplimientos) con las que se embarcó. Me encanta cuando un marco inventa una nueva sintaxis para la codificación, y veo un método similar con la propiedad y la vinculación de eventos en Angular 2. En Angular 1, para unir una imagen teníamos que recordar la directiva ng correcta.
En Angular 2, todo lo que tienes que recordar son los corchetes.
Así que cualquiera que sea la propiedad del elemento DOM a la que necesites unirte, sólo tienes que envolverlo en corchetes y listo – sin tirantes rizados y sin necesidad de buscar la directiva adecuada.
También es el mismo trato con la vinculación de eventos. En Angular 1, escribimos:
Pero ahora, en lugar de pensar en usar un atributo personalizado, sólo envuelvo el evento DOM (menos el «on») entre paréntesis:
Sé que ambos ejemplos son una sutil diferencia, pero cada uno me hace sentir que puedo aprovechar mi conocimiento de los eventos HTML DOM y las propiedades DOM para escribir el código de Angular 2, en lugar de tener que consultar la documentación de Angular para encontrar el comando ng adecuado.
En conclusión
Ya sea que seas nuevo en Angular o un veterano de Angular 1, trabajamos duro para asegurarnos que nuestro nuevo curso de Angular 2 es la mejor manera de ponerte en marcha con Angular 2. ¡Esperamos que te diviertas tanto jugando como nosotros haciéndolo!
Aprenda más datos y consejos sobre el tema de la angustia aquí.