Web 开发经典丛书 Angular 5 高级编程 (第 2 版) [美] Adam Freeman 著 杨明军 颜炯 等译 北 京 Pro Angular, Second Edition Adam Freeman EISBN：978-1-4842-2306-2 版权所有，侵权必究。侵权举报电话：010-62782989 13701121933 图书在版编目(CIP)数据 Angular 5高级编程：第2版 / (美)亚当 • 弗里曼(Adam Freeman) 著；杨明军 等译. —北京：清华大学出 版社，2018 (Web 开发经典丛书) 书名原文：Pro Angular, Second Edition ISBN 978-7-302-49117-0 Ⅰ. 何？可维护性高吗？还有开发社区、发 展前景等因素需要考虑。评估任何一个框架不仅要看其优势，还要看它给开发者挖的坑有 多深。Angular 框架自最初的 AngularJS，迭代到最新的 Angular 5，其不变的最显著特征就 是其整合性。作为一个一体化框架，Angular 经过精心的前期设计，涵盖了开发中的各个 层面，层与层之间都经过精心调适。开发者借助这个“开箱即用”的框架，就可以完成大

中文书名：Angular 应用安全编程 Book Title: Securing Angular Applications Google Angular Team 编著 北京 • BEIJING 序 Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angular 集声明式模板、依赖注入、端到 端工具和一些最佳实践于一身，为你解决开发方面的各种挑战。Angular 为开发者提升构建 为开发者提升构建 Web、手机或桌 面应用的能力。 i 前言 Web 应用程序的安全涉及到很多方面。针对常见的漏洞和攻击，比如跨站脚本攻击，Angular 提供了一 些内置的保护措施。 iii 目 录 序 i 前言 iii 第一部分 Angular 应用基础 1 第一章 核心知识 3 1.1 架构概览 . . . . . . . . . . . . . . . . . . . . 依赖注入（dependency injection） . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 第二部分 Angular 应用安全防范 9 第三章 最佳实践 11 3.1 最佳实践 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Ryan Chen 陈亮, Engineering Manager Chromecast and Home, Google Typescript, Angular, 和移 动端的跨平台开发 1 What’s TypeScript? What’s TypeScript? ● A statically typed superset of JavaScript that compiles into Code) can understand npm modules that have type definitions. TypeScript Adoptions ● Google - All Angular products by default. ○ Google Express, Firebase, Analytics, Cloud, Finance, etc. ● Microsoft - Entertainment: NBA, Royal Caribbean, ... (Angular) => return Platform 13 Why Angular? ● Speed and Performance ○ Complete Rewrite from AngularJS with 5x improvement. ○ Angular 4 : Rewrote View Engine => 40% smaller

Angular核心特性 大漠穷秋 2017-05-13 内容提纲  第一块内容：集成开发环境@angular/cli  第二块内容：Angular三大核心概念 Component,Module,Route  第三块内容：Angular架构特色 依赖注入、数据绑定  第四块内容：UI库 Angular-Material,Prime-NG,ng2-bootstrap 第一块：集成开发环境@angular/cli 2009年，前端Big Bang! Tool Chains based on NodeJS npm：世界上最糟糕的模块管理器 @angular/cli 把所有零散的Node工具都集成起来多好啊！ @angular/cli @angular/cli >npm install -g @angular/cli >ng --version new my-project1 >ng serve @angular/cli >ng generate cl:class c:component d:directive e:enum m:module p:pipe s:service 命令有简化版本：ng g c User @angular/cli  在Windows下面，node-gyp这个包依赖于Visual

1. UI应用程序商店 ✔ ✘ 2. 丰富的UI组件样式 ✔ 幸运的是， AngularUI中已经包含了许 多开源的组件， AngularUI Bootstrap, K endo (and Angular-Kendo), Wijmo 和其他 的. 3. 开发单页应用 ✔ ✔ 4. 跨浏览器兼容性 ✔ AngularJS 基于jqLite/jQuery实现浏览器 的兼容。但是其集成的第三方组件不一 Siesta (专门为ExtJS优化), Jasmine and Mocha 能够用于ExtJS的测试 AngularJS 自带了Karma用于端对端的测 试。 Protractor 是用于 Angular apps端对 端测试的框架 性能 性能 14. Dom算法 深度优先，自底向上 对于DOM树，指令是深度优先、自底 往上的算法。而对于控制器则是自上往 下的方式。 15. 性能 高度的封装，所以 Sencha 建议 Sencha Touch开发移动端版本。有些组件， 比如NestedList，在移动端，比Grids要好。这就意味着 ，需要开发独立的移动版应用。 使用ng-touch库、angular-gestures 和 ang ularJS 响应模块实现响应式Web应用， 18. 跨平台的移动应用或者混合应用 使用 Sencha Touch 和 Apache Cordova/Phonegap

目录 介绍 快速上手 5分钟了解TypeScript ASP.NET Core ASP.NET 4 Gulp Knockout.js React与webpack React Angular 2 从JavaScript迁移到TypeScript 新增功能 TypeScript 2.4 TypeScript 2.3 TypeScript 2.2 TypeScript 2.1 。 目录 快速上手 5分钟了解TypeScript ASP.NET Core ASP.NET 4 Gulp Knockout.js React与webpack React Angular 2 从JavaScript迁移到TypeScript 新增功能 TypeScript 2.4 TypeScript Handbook（中文版） 4 介绍 TypeScript 2.3 Handbook（中文版） 7 介绍 Table of Contents ASP.NET Core ASP.NET 4 Gulp Knockout.js React与webpack Angular 2 从JavaScript迁移到TypeScript TypeScript Handbook（中文版） 8 快速上手 让我们使用TypeScript来创建一个简单的Web应用。 安装TypeScript

选型 React 注意：如果对外宣讲 React/Vue/Angular 选型的时候,⼀定不要把话讲死,核心观点就是 三个都不错, 根据我们自身的情况与偏好选择了其中⼀个。这个问题讲的太死会引发前端娱乐圈的口水战。 Vue vs React vs Angular npm trends 周下载量 React Vue Angular npm 266 3468 49 6405 180 9886 180W Nacos 架构 < 118 注: Angular 下载量数据使用的是 @angular/core 可以看得出 国外 React 最受欢迎，国内 Vue 最受欢迎。 GitHub Stats stars forks issues vue 113177 15925 310 react 110542 19742 357 angular 40303 9850 2459 Vue&React 数量多,未关闭的 Issue 少，angular 略逊⼀筹。 根据自身情况选型 2017 年比较 Angular、React、Vue 三剑客详细对比里面讲了很多。以下结论引述自该文章：  如果你喜欢 TypeScript：Angular 或 React  如果你喜欢面向对象编程（OOP）: Angular  如果你需要指导手册，架构和帮助：Angular  如果你喜欢灵活性：React

Introduction 快速上手 5分钟了解TypeScript ASP.NET Core ASP.NET 4 Gulp Knockout.js React与webpack React Angular 2 从JavaScript迁移到TypeScript 手册 基础类型 变量声明 接口 类 函数 泛型 枚举 类型推论 类型兼容性 高级类型 Symbols Iterators JavaScript的超集且可以编译成纯JavaScript代码。 ✔ TypeScript兼容所有浏览器，所有宿主 环境，所有操作系统。 ✔ TypeScript是开源的。 一大波新的快速开始指南：React，Angular，Nodejs，ASP.NET Core，React Native， Vue，Glimmer，WeChat，Dojo2，Knockout等 如果觉得不错可以微信打赏哟 <3 TypeScript CN 构建 快速上手 5分钟了解TypeScript ASP.NET Core ASP.NET 4 Gulp Knockout.js React与webpack React Angular 2 从JavaScript迁移到TypeScript 手册 基础类型 变量声明 接口 类 函数 字面量类型 泛型 枚举 类型推论 类型兼容性 高级类型 Symbols

微软发力。 基于 web 技术，使用 NW.js 和 Electron 开发 windows，OSX 和 linux 原生应用的方式逐 渐成型。 Angular 2 （在将来也叫作”Angular”）跌下神坛，多数人意识到它将不再如 Angular 1 那 般辉煌了。 JavaScript 大体上保持软件技术的中流砥柱位置。 更多的开发者开始把工具化（比如自动化）和测试当回事了。 静态站点生成器被重视起来。 RxJS） React，尤其是它倡导的概念继续占有支配地位。而 React 本身会被彻底重写（React Fiber）或者进化（Inferno） Angular 终于决定遵循 SEMVER 规范，所以 Angular4（甚至于 Angular5）有望在 2017 年发布。 参见 Roadmap 简单的网站即 Web 1.0 可能会重新流行，但会建立在 2017 年新工具的基础上。（例如 网络 UI 架构 [观看][增值付费] 注释: 这个主题下面并没有太多新近产出的内容。大部分可供学习如何构建前端／单页／Javascript 应用的内容都建立在某个具体工具之上，例如 Angular，Ember，React 或者 Aurelia。 建议: 2017 年，请学习Webpack, React, 以及 Redux，并且请从 "A Complete Intro to React"

配置UI化开发思路 嵌套式表单 大表单套小表单，所有表单都是以angular组 件形式开发，保证代码的可复用性与质量 配置分级展现 把复杂配置独立成高级选择，并设置默认值， 并在复杂项给出有效帮助 自定义组件 编写大量自定义小组件，比如cmdb设置，时 间设置等组件提高用户体验，尽量减少直接填 文本 前后端强类型 前端采用基于ts 的angular开发所有数据定义 与后端golang数据保持强一致，保证数据一致 n覆盖、协议支撑丰富的内网拨测平台 21 案例: 使用ES原生ML能力提供排障效率 深挖日志价值，提高故障感知与异常分析能力 22 技术栈 技术选型 前端 TypeScript、Angular 8、 Ng-zorro 后台 Golang、Iris、Consul、微服务化设计、 Pongo2模板管理 配置 Consul、Elasticsearch Agent Golang、ELK