TypeScript项目开发实战

本书是一本TypeScript进阶实践指南，通过9个实用项目，详细讲解如何使用TypeScript 3.0和不同的JavaScript框架开发高质量的应用程序。书中不仅介绍TypeScript的核心概念与技术，还涵盖Angular和React的一些新功能，以及GraphQL、微服务和机器学习等相关的新技术。 全书共10章： 第1章介绍你之前可能没有接触过的TypeScript功能， 第2章将编写第一个实用的项目——一个简单的markdown编辑器， 第3章将使用流行的React库构建一个联系人管理器， 第4章介绍MEAN栈， 第5章介绍如何使用GraphQL和Apollo创建Angular待办事项应用程序， 第6章介绍如何使用Socket.IO构建一个聊天室应用程序， 第7章介绍如何使用必应地图和Firebase创建基于云的Angular地图应用程序， 第8章介绍如何使用一个等效的基于React的栈， 第9章介绍如何使用TensorFlow.js在Web浏览器中托管机器学习， 第10章介绍如何使用ASP.NET Core和免费的Discogs音乐API来编写一个音乐库应用程序。 【通过阅读本书，你将学到】： ●使用TypeScript和常用模式编写代码。 ●在TypeScript中使用流行的框架和库。 ●使用TypeScript来利用服务器和客户端的功能。 ●应用令人兴奋的新范式，如GraphQL和TensorFlow。 ●使用流行的、基于云的身份验证服务。 ●结合TypeScript和C#来创建ASP.NET Core应用程序。

●第1章　TypeScript的高级特性 1 1.1　技术需求 2 1.2　使用tsconfig构建面向未来的TypeScript 2 1.3　TypeScript高级特性简介 3 1.3.1　借助联合类型使用不同的类型 3 1.3.2　使用交叉类型组合类型 5 1.3.3　使用类型别名简化类型声明 7 1.3.4　使用对象展开赋值属性 8 1.3.5　使用REST属性解构对象 10 1.3.6　使用REST处理可变数量的参数11 1.3.7　使用装饰器进行AOP 13 1.3.8　使用混入（mixin）组成类型 17 1.3.9　使用泛型，将相同的代码用于不同的类型20 1.3.10　使用映射来映射值24 1.3.11　使用Promise和async/await创建异步代码25 1.3.12　使用Bootstrap创建UI27 1.4　小结 30 习题 31 ●第2章　使用TypeScript创建一个markdown编辑器 32 2.1　技术需求33 2.2　项目概述33 2.3　开始创建一个简单的HTML项目34 2.4　编写一个简单的markdown解析器34 2.4.1　创建Bootstrap UI 35 2.4.2　将markdown标签类型映射到HTML标签类型38 2.4.3　使用MarkdownDocument类表示转换后的markdown标记 41 2.4.4　使用访问者更新markdown文档 42 2.4.5　通过使用责任链模式决定应用哪个标签 44 2.4.6　综合运用 48 2.5　小结 49 延伸阅读50 ●第3章　React Bootstrap联系人管理器 51 3.1　技术需求 51 3.2　项目概述 52 3.3　开始使用组件 52 3.4　创建一个支持TypeScript的React Bootstrap项目 53 3.5　创建模拟布局 53 3.5.1　创建应用程序 54 3.5.2　使用tslint设置代码的格式 55 3.5.3　添加Bootstrap支持 56 3.6　在React中使用tsx组件 57 3.6.1　React如何使用虚拟DOM来提高响应性 57 3.6.2　React应用程序的组件 58 3.7　显示个人信息界面59 3.8　验证用户输入及验证器的使用 65 3.8.1　验证地址66 3.8.2　验证姓名68 3.8.3　验证电话号码68 3.9　在React组件中应用验证70 3.10　创建数据并把数据发送给IndexedDB数据库71 3.10.1　在状态中添加对记录状态的支持 74 3.10.2　从PersonalDetails访问数据库79 3.11　增强代码83 3.12　小结83 习题84 延伸阅读84 ●第4章　MEAN栈——构建一个相册 85 4.1　技术需求86 4.2　MEAN栈86 4.3　项目概述87 4.4　准备工作88 4.5　使用MEAN栈创建Angular相册 88 4.5.1　Angular简介 88 4.5.2　创建应用程序 90 4.5.3　使用Angular Material创建UI 91 4.5.4　使用Material添加导航 92 4.5.5　创建第一个组件——FileUpload组件 94 4.5.6　在应用程序中引入对Express的支持100 4.5.7　提供路由支持 102 4.5.8　显示图片107 4.5.9 　显示对话框114 4.6　小结 115 习题 116 延伸阅读 116 ●第5章　使用GraphQL和Apollo创建Angular待办事项应用程序 117 5.1　技术需求118 5.2　理解GraphQL与REST的关系118 5.3　项目概述119 5.4　准备工作120 5.5　使用GraphQL和Angular创建待办事项应用程序120 5.5.1　创建应用程序121 5.5.2　创建GraphQL架构 126 5.5.3　创建GraphQL解析器 129 5.5.4　使用Apollo Server作为服务器 133 5.5.5　GraphQL Angular客户端 135 5.5.6　向页面组件添加内容 139 5.6　小结 149 习题 150 延伸阅读150 ●第6章　使用Socket.IO构建一个聊天室应用程序 151 6.1　技术需求152 6.2　使用Socket.IO建立客户端/服务器之间的长时间通信 152 6.3　项目概述152 6.4　开始使用Socket.IO和Angular 153 6.5　使用Socket.IO、Angular和Auth0创建一个聊天室应用程序155 6.5.1　创建应用程序 156 6.5.2　为服务器添加Socket.IO支持 158 6.5.3　创建聊天室客户端 160 6.5.4　使用Auth0授权和验证用户 162 6.5.5　使用安全路由165 6.5.6　添加客户端聊天功能166 6.5.7　使用GeneralchatComponent完成我们的应用程序170 6.6　小结172 习题172 延伸阅读172 ●第7章　使用必应地图和Firebase创建基于云的Angular地图应用程序 173 7.1　技术需求174 7.2　现代应用程序及使用云服务的趋势 174 7.3　项目概述174 7.4　在Angular中使用必应地图175 7.4.1　注册必应地图 176 7.4.2　注册Firebase 178 7.5　使用Angular和Firebase创建必应地图应用程序181 7.5.1　添加地图组件181 7.5.2　兴趣点182 7.5.3　表示地图图钉184 7.5.4　使用地图搜索做一些有趣的操作 186 7.5.5　将必应地图添加到屏幕上188 7.5.6　地图事件和图钉的设置190 7.5.7　保护数据库194 7.6　小结195 习题196 ●第8章　使用React和微服务来构建一个CRM 197 8.1　技术需求197 8.2　理解Docker和微服务198 8.2.1　Docker术语 198 8.2.2　微服务 199 8.2.3　使用Swagger设计REST API 200 8.3　使用Docker创建一个微服务应用程序 203 8.3.1　开始使用Docker创建一个微服务应用程序 204 8.3.2　添加服务器端路由支持 209 8.3.3　使用Docker运行服务 212 8.3.4　创建React UI 215 8.3.5　添加导航 223 8.4　小结 224 习题 225 延伸阅读 225 ●第9章　使用Vue.js和TensorFlow.js进行图像识别 226 9.1　技术需求226 9.2　机器学习及TensorFlow简介227 9.2.1　什么是机器学习228 9.2.2　TensorFlow及其与机器学习的关系228 9.3　项目概述229 9.4　开始在Vue中使用TensorFlow 229 9.4.1　创建基于Vue的应用程序230 9.4.2　使用Vue模板显示主页232 9.4.3　修改HelloWorld组件来支持图像分类236 9.4.4　Vue应用程序的入口点 239 9.4.5　添加姿势检测功能243 9.4.6　完成姿势检测组件250 9.5　小结 253 习题254 延伸阅读254 ●第10章　构建ASP.NET Core音乐库255 10.1　技术需求255 10.2　ASP.NET Core MVC简介256 10.3　项目概述258 10.4　开始使用ASP.NET Core、C#和TypeScript创建一个音乐库259 10.4.1　使用Visual Studio创建ASP.NET Core应用程序260 10.4.2　理解应用程序结构263 10.4.3　创建一个Discogs模型269 10.4.4　关联控制器275 10.4.5　添加Index视图276 10.4.6　向应用程序添加TypeScript 279 10.4.7　从ASP.NET调用TypeScript功能 283 10.5　小结 285 习题 285 延伸阅读 285 习题答案 287

[英] 彼得·欧汉龙（Peter O'Hanlon） 有30多年的职业开发经验。他开发过各种类型和规模的桌面及Web应用程序。在过去18年左右的时间中，他专注于C#、WPF、JavaScript及TypeScript。多年来，他多次成为Code Project MVP，是Intel创新者计划的成员，并参加了Intel Ultimate Coder 2挑战赛。他始终热情拥抱新的技术和语言，他积极参与到增强和混合现实、计算机视觉、人工智能及手势识别等技术中。

暂无其它内容！

• 想知道TypeScript在实际项目中如何运用，就看这本

  来源：豆瓣 发布时间：2025-05-10 13:14:45