Angular 2 Tutorial
Angular2 is an open-source JavaScript library maintained by Google, used to assist in running single-page applications.
Angular2 is an upgrade from Angular 1.x, with significant performance improvements and strong support for web development components.
Angular2 was released in September 2016 and is developed based on ES6.
Prerequisites for Learning This Tutorial
Before starting this tutorial, you need to have a basic understanding of front-end technologies: HTML, CSS, JavaScript. Additionally, you should be familiar with NPM and TypeScript.
Differences Between Angular2.x and Angular1.x
The differences between Angular2.x and Angular1.x are akin to those between Java and JavaScript, or the difference between Leifeng and Leifeng Pagoda. Therefore, when learning Angular2.x, you need to be prepared to learn a new language.
Running Conditions
Since various environments (browsers or Node) currently do not support ES6 code, some shim and polyfill (required for IE) are needed to convert ES6 code into ES5 format and ensure it runs correctly in browsers.
From the diagram, it can be seen that the following module loaders are required for ES5 browsers:
- systemjs - Universal module loader, supporting various JS module formats such as AMD, CommonJS, ES6, etc.
- es6-module-loader - ES6 module loader, which systemjs will automatically load.
- traceur - ES6 transpiler, converting ES6 code into ES5 code that current browsers can support, which systemjs will automatically load.
Related Reference Documents
- Angular Official Website: https://angular.io/
- Angular Official Documentation: https://angular.io/docs/ts/latest/quickstart.html
- Angular Chinese Documentation: https://angular.cn/docs
- Angular Github: https://github.com/angular/angular