YouTip

# Angular 2 Tutorial !(#) Angular2 is an open-source JavaScript library maintained by Google, used to assist in running single-page applications. Angular2 is an upgraded version of Angular 1.x, with significantly improved performance and excellent support for web development components. Angular2 was released in September 2016 and is developed based on ES6. * * * ## Prerequisites for This Tutorial Before learning this tutorial, you need to have basic front-end knowledge: HTML, CSS, JavaScript. Additionally, you need to understand NPM and TypeScript. * * * ## Differences Between Angular2.x and Angular1.x The differences between Angular2.x and Angular1.x are similar to those between Java and JavaScript, or between Lei Feng and the Leifeng Pagoda. Therefore, when learning Angular2.x, you should be mentally prepared to learn a new language. * * * ## Runtime Requirements! Since current environments (browsers or Node) do not yet fully support ES6 code, some shims and polyfills (required for IE) are needed to convert ES6 code into ES5 format so it can run normally in browsers. !(#) As shown in the image above, under an ES5 browser, the following module loaders are required: * **systemjs** - A universal module loader that supports loading JS modules in various formats such as AMD, CommonJS, and ES6. * **es6-module-loader** - An ES6 module loader; systemjs will automatically load this module. * **traceur** - An ES6 transpiler that converts ES6 code into ES5 code supported by current browsers; systemjs will automatically load this module. * * * ## Related Reference Documentation * Angular Official Website: [https://angular.io/](https://angular.io/) * Angular Official Documentation: [https://angular.io/docs/ts/latest/quickstart.html](https://angular.io/docs/ts/latest/quickstart.html) * Angular Chinese Documentation: [https://angular.cn/docs](https://angular.cn/docs) * Angular Github: [https://github.com/angular/angular](https://github.com/angular/angular)