轻松学编程：云端应用与游戏开发

第I部分 云计算
第1章 代码与云
第2章 进入云端第Ⅰ部分　云计算
第1章　代码与云 2
1.1 什么是云 4
1.1.1 万维网 4
1.1.2 将网页放到云端 5
1.2 为什么要选用JavaScript 7
1.2.1 JavaScript英雄：函数 8
1.2.2 JavaScript函数对象 9
1.2.3 揭开 JavaScript 的神秘面纱 10
1.2.4 对JavaScript函数对象的引用 17
1.2.5 函数表达式 18
1.2.6 被用作函数参数的函数引用 18
1.2.7 从函数调用返回值 22
1.2.8 从函数调用返回多个值 24
1.3 制作一个控制台时钟 27
1.4 箭头函数 30
要点回顾与思考练习 32
第2章　进入云端 36
2.1 在云端 38
2.1.1 Git 38
2.1.2 存储Git存储库 40
2.1.3 GitHub和开源软件 40
2.1.4 获取 Visual Studio Code 44
2.2 网页是如何工作的 48
2.2.1 加载并显示网页 49
2.2.2 超文本标记语言（HTML） 50
2.3 创建动态网页 55
2.3.1 与文档对象交互 55
2.3.2 网页和事件 60
2.4 制作时间旅行时钟 62
2.4.1 向页面添加按钮 64
2.4.2 通过全局变量共享值 64
2.5 在GitHub上托管网站 70
要点回顾与思考练习 72
第3章　创建交互式网站 76
3.1 从用户处获取输入 78
3.1.1 HTML输入元素 78
3.1.2 输入类型 82
3.2 在本地机器上存储数据 84
3.3 JavaScript英雄：let、var和const 87
3.4 使用JavaScript创建网页元素 94
3.4.1 小游戏《找奶酪》 95
3.4.2 放置奶酪 99
3.4.3 响应按钮按压 100
3.4.4 玩游戏 101
3.4.5 使用事件 103
3.4.6 改进小游戏《找奶酪》 104
要点回顾与思考练习 105
第4章　托管网站 108
4.1 Node.js框架 110
4.1.1 JavaScript英雄：模块 116
4.1.2 创建并引用模块 116
4.1.3 require与import 121
4.1.4 在浏览器中使用import 122
4.1.5 导入代码注意事项 126
4.2 创建网页服务器 127
4.2.1 软件即服务（SaaS） 128
4.2.2 文件传输 134
4.2.3 活跃站点 140
要点回顾与思考练习 140
第Ⅱ部分　云端应用开发
第5章　构建共享应用 146
5.1 改进小游戏《找奶酪》 148
5.1.1 添加一些颜色 148
5.1.2 为游戏添加结尾 156
5.1.3 增加随机性 158
5.1.4 增加更多奶酪 160
5.2 创建共享游戏 168
5.2.1 设计对话协议 169
5.2.2 创建端点 170
5.2.3 开始游戏 170
5.2.4 游戏服务器 176
5.2.5 玩游戏 180
要点回顾与思考练习 185
第6章　创建共享体验 188
6.1 共享游戏 190
6.2 创建共享游戏 191
6.2.1 调试共享游戏 193
6.2.2 创建伪随机值 201
6.2.3 创建伪随机库 208
6.2.4 生成定时随机性 209
6.2.5 使用全球时间 212
6.3 准备部署到云端 212
6.3.1 优化性能 212
6.3.2 避免重复计算 216
6.3.3 改进结构 217
6.3.4 购买域名 218
6.4 部署应用程序 219
6.4.1 package.json 219
6.4.2 设置服务器端口 220
6.4.3 设置服务器路径 221
6.4.4 设置本地文件路径 222
要点回顾与思考练习 225
第7章　设计应用 230
7.1 TinySurvey应用程序 232
7.2 应用程序的工作流 234
7.2.1 索引页面 235
7.2.2 输入选项 236
7.2.3 选择选项 238
7.2.4 显示结果 240
7.2.5 额外工作流 241
7.3 应用程序数据存储 243
7.3.1 JavaScript英雄：类 243
7.3.2 为TinySurvey创建类 253
7.3.3 Option类 253
7.3.4 Survey类 255
7.3.5 Surveys类 261
要点回顾与思考练习 264
第8章　构建应用 268
8.1 使用Bootstrap增加样式 270
8.2 开始使用Express 273
8.2.1 Express和Node包管理器 273
8.2.2 Express路由 280
8.3 使用Git管理版本 280
8.4 使用EJS制作页面模板 285
8.5 获取示例应用程序 288
8.6 主页 289
8.6.1 从表单发布数据 291
8.6.2 从post中接收输入 291
8.7 输入调查问卷的选项 296
8.7.1 enteroptions页面 296
8.7.2 使用EJS模板生成页面 298
8.7.3 使用命名路由参数 303
8.7.4 构建一个调查问卷数据对象 304
8.8 构建选项选择页面 307
8.9 记录调查问卷的反馈 311
8.10 渲染问卷结果 313
要点回顾与思考练习 315
第9章　走向专业化 318
9.1 模块化代码 320
9.1.1 注释/文档 323
9.1.2 错误检查 326
9.1.3 测试 332
9.1.4 日志记录 338
9.2 专业编程 338
9.3 使用cookies存储应用状态 338
9.3.1 TinySurvey中的cookie 339
9.3.2 cookie中间件 340
9.3.3 在TinySurvey中使用cookie 340
要点回顾与思考练习 349
第Ⅲ部分　巧用云服务
第10章　存储数据 354
10.1 文件数据存储 356
10.1.1 同步文件写入 356
10.1.2 异步文件写入 356
10.1.3 JavaScript英雄：Promise对象 357
10.1.4 JavaScript英雄：await和async 362
10.1.5 在TinySurvey中使用async 363
10.2 处理文件错误 365
10.3 数据库存储 370
10.3.1 开始使用MongoDB 370
10.3.2 Mongoose和模式 373
10.3.3 SurveyManagerDB 类 374
10.3.4 异步测试代码 377
10.4 重构TinySurvey 379
10.5 部署TinySurvey  381
10.5.1 管理环境变量 381
10.5.2 使用nodemon包进行编码和部署 383
10.5.3 创建README.md文件 386
要点回顾与思考练习 390
第11章　活动追踪与会话 394
11.1 用户跟踪 396
11.1.1 创建全局唯一标识符（GUID） 396
11.1.2 用户跟踪的伦理问题 397
11.1.3 使用活动图来展现工作流 397
11.1.4 cookie使用许可条款的工作流 398
11.1.5 创建追踪中间件 400
11.1.6 存储调查问卷创建者 407
11.1.7 识别调查问卷创建者 408
11.2 改进TinySurvey 417
11.3 用户会话 418
11.4 注册和登录工作流 419
11.5 用户注册 420
11.5.1 对密码进行哈希处理 421
11.5.2 register路由 422
11.6 用户登录 425
11.7 访问token 427
11.8 验证token 433
11.9 会话延长 434
11.10 基于角色的安全机制 435
要点回顾与思考练习 439
第12章　JavaScript进阶 444
12.1 创建自己的云 446
12.1.1 安装node 449
12.1.2 托管应用程序 450
12.1.3 在服务器上使用MongoDB 452
12.1.4 关闭服务器 452
12.1.5 运行服务器 453
12.2 从服务器控制硬件 453
12.2.1 通过浏览器控制的灯 453
12.2.2 远程控制按钮 457
12.2.3 使用WebSockets从服务器发送值 461
12.2.4 创建WebSocket 461
12.3 使用MQTT 464
12.4 物联网设备 466
12.4.1 创建自己的物联网设备 467
12.4.2 管理使用Connected Little Boxes服务器的设备 468
12.5 使用Phazer创建游戏 469
12.6 进阶，成为高手 471
12.6.1 Typescript语言 471
12.6.2 React框架 471
12.6.3 Electron框架 471
12.6.4 Graphql框架 471
12.6.5 Socket.io框架 472
12.6.6 ml5.js库 472
12.6.7 Espruino 472
要点回顾与思考练习 472
术语详解 475
第3章 创建交互式网站
第4章 托管网站
第II部分 云端应用开发
第5章 构建共享应用
第6章 创建共享体验
第7章 设计应用
第8章 构建应用
第9章 走向专业化
第III部分 巧用云服务
第10章 存储数据
第11章 活动追踪与会话
第12章 JavaScript进阶
术语详解