................................................................................ 3 Download Node.js archive .......................................................................................... setup required for Angular CLI in detail. Download Node.js archive Download latest version of Node.js installable archive file from Node.js Downloads, which is available at https://nodejs.org/download/ Installation on Windows Use the MSI file and follow the prompts to install the Node.js. By default, the installer uses the Node.js distribution in C:\Program Files\nodejs. The installer should set the C:\Program

的性能测 试。我们选取了同样的组件，规范了测试的流程，以保证测试的结果。 ExtJS 对比 AngularJS: 特性比较 性能比较 框架比较 架构比较 进一步的分析 Sencha Ext JS 强大的企业级开发框架 良好的浏览器兼容性 基于MVC的框架开发 图标插件 Modern UI widgets AngularJS 对于 web apps的HTML的增强 可以与其他的类库协同工作 绘图组件 ExtJS 包含独立的绘图组件，非常的强大。在大部分的 企业应用中已经足够 AngularJS D3 绘图组件是基于亚马逊提 供的D3 绘图组件。详情请见D3 charts a t D3.js. 6. 学习成本 高 中等 架构 架构 7. 应用程序设计框架 ExtJS 5 支持 MVC (Model-View-Controller) 和 MVVM (M odel-View-ViewModel) (Model-View-Whatever). 它支持流行的设计模式，比如 Model-Vi ew-Controller(MVC) 和 Model-View-Vie wModel(MVVM) 8. 依赖注入 Ext JS 能够通过扩展（ Deft JS）增加依赖注入 ✔ 9. 数据绑定 ✔ ✔ 10. 直接操作DOM元素 ✔ ✔ 11. 模块化 ✔ ✔ 测试 测试 12. 自动测试支持 通过扩展工具实现 ✔ 13. 测试框架或者测试工具

4 第 2 章 第一个 Angular 应用程序 ..........5 2.1 准备开发环境.............................5 2.1.1 安装 Node.js.........................5 2.1.2 安装 angular-cli 包.................6 2.1.3 安装 Git............. 提供了很好的支持，因此可以 选择自己最喜欢的一款开发工具。 2.1.1 安装 Node.js 许多用于 Angular 开发的工具都依赖于 Node.js(也叫做 Node)，Node.js 创建于 2009 年， 为采用 JavaScript 编写服务器端应用程序提供了一个简单而高效的运行时。Node.js 基于 Chrome 浏览器中使用的 JavaScript 引擎，并且提供了一个用于在浏览器环境之外执行 虽然作为一款应用程序服务器，Node.js 已经取得了成功，但是本书之所以提到 Node.js， 是因为它为新一代跨平台开发和构建工具提供了基础。由于 Node.js 团队进行的一些精巧 的设计决策以及 Chrome JavaScript 运行时提供的跨平台支持，人们发现它可用来编写开发 工具。简而言之，Node.js 已经成为 Web 应用程序开发的必备工具。 重要的是要确保下载的 Node.js 版本与本书中使用的相同。尽管

updated Angular CLI, updated CDK, updated Angular Material, multiple validators and usage of reactive JS library. Angular 7.0 Angular 7.0 was released in October 2018. Some of salient features are Google after that, we can deploy our application. For this purpose, Node.js must be installed in your system. Hopefully, you have installed Node.js on your machine. We can check it using the below command: will take not more than five minutes to install. npm is used to install Angular 8 CLI. Once Node.js is installed, npm is also installed. If you want verify it, type the below command: npm -v You

of an Angular JS application. B - Angular 2 Templates are used to define the views of an Angular JS application. C - Angular 2 Components are used to define the views of an Angular JS application. D more data to an Angular JS class. B - Angular 2 Metadata can be used to add more data to an Angular JS class. C - Angular 2 Components can be used to add more data to an Angular JS class. D - None of the following is correct about Bootstrap Array in Angular 2 Modules? A - This is used to tell Angular JS which components need to be loaded so that its functionality can be accessed in the application.

correct about CLI? A - CLI stands for Command Line Interface. B - CLI can be used to create Angular JS application. C - It also helps in creating a unit and end-to-end tests for the application. D - All TypeScript used for the Angular JS project. B - This file contains information about Angular 2 project. C - This file contains the system files required for Angular JS application. D - All of the above "emitDecoratorMetadata": true and "experimentalDecorators": true is required for Angular JS decorators. If not in place, Angular JS application will not compile. D - All of the above. Q 6 - Which of the following

property For example: // file submodulea.js: goog.provide('my.submoduleA'); my.submoduleA = angular.module('my.submoduleA', []); 2 // ... // file app.js goog.require('my.submoduleA'); Yes: my.application the .name property avoids duplicating strings. Use a common externs file This maximally allows the JS compiler to enforce type safety in the presence of externally provided types from Angular, and means JSCompiler Flags Reminder: According to the JS style guide, customer facing code must be compiled. Recommended: Use the JSCompiler (the closure compiler that works with js_binary by default) and ANGULAR_COMPILER_FLAGS_FULL

most of the HTML based apps. It is a place where scripts and stylesheets are loaded.  config.js is Aurelia loader configuration file. You will not spend much time working with this file.  keeps HTML and js files. Source Files As we already stated, the src directory is the place where your app logic will be held. If you look at the default app you can see that app.js and app.html are use JavaScript core language for class definitions. Following default example shows EC6 class. app.js export class App { message = 'Welcome to Aurelia!'; } The message property is bound to the

cn/docs/ts/latest/cookbook/ngmodule-faq.html NgModule 根组件 NgModule bundle-0.js bundle-1.js bundle-2.js bundle-3.js NgModule 文件体积 请求数量 这里需要取得一个平衡 第三个核心概念：Router 问题：前端为什么需要Router？ 前端为什么需要Router？

angular2-demo as shown below: typings.json { "globalDependencies": { "core-js": "registry:dt/core-js#0.0.0+20160602141332", "jasmine": "registry:dt/jasmine#2.2.0+20160621224255", your Angular application. In the above code, there are three typing files as shown below:  core-js: It brings ES2015/ES6 capabilities to our ES5 browsers.  jasmine: It is the typing for Jasmine "es6-shim": "^0.33.3", "reflect-metadata": "0.1.2", "rxjs": "5.0.0-beta.2", "zone.js": "0.5.15" }, "devDependencies": { "concurrently": "^2.0.0", "lite-server": "^2