Tutorial de Angular 2

Angular2 es una biblioteca JavaScript de código abierto mantenida por Google, que se utiliza para ayudar a que las aplicaciones de una sola página funcionen.

Angular2 es una versión mejorada de Angular 1.x, con mejoras significativas en el rendimiento y un buen soporte para componentes de desarrollo web.

Angular2 fue lanzado en septiembre de 2016 y está desarrollado basándose en ES6.

Conocimientos básicos necesarios para aprender este tutorial

Antes de aprender este tutorial, necesitas tener conocimientos básicos de front-end: HTML, CSS y JavaScript. Además, también necesitas conocer NPM y TypeScript.

Diferencias entre Angular2.x y Angular1.x

La diferencia entre Angular2.x y Angular1.x es similar a la diferencia entre Java y JavaScript, o como se dice, entre Lei Feng y la Pagoda Leifeng. Por lo tanto, al aprender Angular2.x, debes estar mentalmente preparado para volver a aprender un nuevo lenguaje desde cero.

¡Requisitos de ejecución!

Debido a que varios entornos actuales (navegadores o Node) aún no soportan el código ES6, se necesitan algunos shims y polyfills (necesarios para IE) para que el código escrito en ES6 pueda convertirse a la forma ES5 y ejecutarse correctamente en el navegador.

Como se puede ver en la imagen anterior, en navegadores ES5 se necesitan los siguientes cargadores de módulos:

  • systemjs- Cargador de módulos general, que admite la carga de módulos JS en varios formatos como AMD, CommonJS y ES6.

  • es6-module-loader- Cargador de módulos ES6, systemjs cargará este módulo automáticamente.

  • traceur- Transpilador de ES6, convierte el código ES6 en código ES5 compatible con el navegador actual; systemjs cargará este módulo automáticamente.

Documentación de referencia relacionada

Otras extensiones