Angular 2 Tutorial

Angular 2 is an open-source JavaScript library maintained by Google to assist in running single-page applications.

Angular 2 is an upgraded version of Angular 1.x, with significantly improved performance and good support for Web development components.

Angular 2 was released in September 2016 and is developed based on ES6.

Prerequisites for Learning This Tutorial

Before learning this tutorial, you need to have basic front-end fundamentals: HTML, CSS, JavaScript. In addition, you need to understand NPM and TypeScript.

Differences Between Angular 2.x and Angular 1.x

The difference between Angular 2.x and Angular 1.x is similar to the difference between Java and JavaScript, or rather, the difference between Lei Feng and Leifeng Tower. Therefore, when learning Angular 2.x, you need to be prepared to relearn a language.

Running Requirements!

Since various environments (browsers or Node) currently do not support ES6 code, some shims and polyfills (needed for IE) are required to convert ES6-written code into ES5 form so that it can run normally in browsers.

As can be seen from the above figure, the following module loaders are needed under ES5 browsers:

  • systemjs- Universal module loader, supporting the loading of JS modules in various formats such as AMD, CommonJS, and ES6.

  • es6-module-loader- ES6 module loader; SystemJS will automatically load this module.

  • traceur- ES6 transpiler, converts ES6 code to ES5 code supported by the current browser; SystemJS will automatically load this module.

Related Reference Documentation

Other extensions