Tutorial de Angular 2

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

Angular 2 es la versión actualizada de Angular 1.x, con un rendimiento significativamente mejorado y un excelente soporte para componentes de desarrollo web.

Angular 2 fue lanzado en septiembre de 2016, y está desarrollado basado en ES6.

Conocimientos básicos necesarios para este tutorial

Antes de este tutorial, necesitas tener conocimientos básicos de frontend: HTML, CSS y JavaScript. Además, necesitas conocer NPM y TypeScript.

Diferencias entre Angular 2.x y Angular 1.x

La diferencia entre Angular 2.x y Angular 1.x es similar a la diferencia entre Java y JavaScript, o entre Lei Feng y la Pagoda Leifeng. Por lo tanto, al aprender Angular 2.x, debes estar preparado para volver a aprender un lenguaje desde cero.

¡Requisitos de ejecución!

Dado que actualmente varios entornos (navegadores o Node) no soportan código ES6, se necesitan algunos shims y polyfills (para IE) para que el código escrito en ES6 se pueda transformar a 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, ES6, etc.

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

  • traceur- Transcodificador ES6, que convierte código ES6 en código ES5 compatible con los navegadores actuales; systemjs cargará este módulo automáticamente.

Documentación de referencia relacionada

Otras extensiones