趣学Javascript：教孩子学编程 PDF 扫描完整版

全彩印，零基础学编程，小孩也可以了解的编程书籍

专家教授条理清晰，內容开朗，便于学习培训和把握

根据趣味的制图程序流程或手机游戏，激起读者的学习兴趣

各章末尾的编程挑戰，举一反三，协助读者坚固把握所教的专业知识和专业技能

JavaScript是Internet的語言，是建立让人诧异的Web、你喜爱的网站互动和手机在线游戏的杀手锏。

《趣学JavaScript教孩子学编程》用轻松自在的方法，根据细心的、循规蹈矩的实例，及其填满快乐的图例，协助读者轻轻松松地学习培训编程基本知识。本书共16章，从基本知识刚开始，详解了实际操作字符串数组、数组及其循环系统，随后继续学习一些高級话题讨论，如应用jQuery搭建易用性，及其应用画板制图等。这书根据专家教授撰写一些简易有意思的游戏，协助读者把握JavaScript编程。每一章都搭建于上一章的基本之中，而且各章末尾的编程挑戰可以激起读者大量的思索和学习兴趣。

《趣学JavaScript教孩子学编程》对于一切要想学习培训JavaScript或第一次触碰编程的人。这书对于幼儿学习JavaScript量身订做，但也合适做为不一样年纪的新手的第一本编程书籍。

目录

• 第1部分　基础知识
• 第1章　认识JavaScript 2
• 1.1　认识JavaScript 3
• 1.2　为何要学习JavaScript 5
• 1.3　编写JavaScript 5
• 1.4　JavaScript程序的结构 7
• 1.4.1　语法 8
• 1.4.2　注释 9
• 1.5　本章小结 10
• 第2章　类型与变量 11
• 2.1　数字和运算符 12
• 2.2　变量 15
• 2.2.1　命名变量 16
• 2.2.2　使用数学创建新的变量 17
• 2.2.3　递增和递减 18
• 2.2.4　 =（加后赋值）和-=（减后赋值） 19
• 2.3　字符串 20
• 2.3.1　连接字符串 21
• 2.3.2　查找字符串的长度 22
• 2.3.3　从字符串中获取单个字符 22
• 2.3.4　截取字符串 23
• 2.3.5　把字符串转换为全部大写或全部小写 24
• 2.4　Boolean 26
• 2.4.1　逻辑操作符 26
• 2.4.2　用Boolean比较数字 28
• 2.5　undefined和null 32
• 2.6　本章小结 33
• 第3章　数组 34
• 3.1　为什么要学习数组 35
• 3.2　创建数组 36
• 3.3　访问数组元素 37
• 3.4　设置和修改数组中的元素 38
• 3.5　数组中的混合数据类型 39
• 3.6　使用数组 40
• 3.6.1　查看数组的长度 40
• 3.6.2　为数组添加元素 41
• 3.6.3　从数组中删除元素 42
• 3.6.4　数组相加 44
• 3.6.5　查找数组中单个元素的索引 46
• 3.6.6　把数组转换成字符串 46
• 3.7　数组的用途 48
• 3.7.1　找到回家的路 48
• 3.7.2　决策者程序 50
• 3.7.3　创建一个随机句子生成器 52
• 3.8　本章小结 53
• 3.9　编程挑战 54
• 第4章　对象 55
• 4.1　创建对象 56
• 4.2　访问对象中的值 58
• 4.3　给对象添加值 58
• 4.4　把数组和对象组合到一起 60
• 4.5　在控制台查看对象 62
• 4.6　对象的用途 63
• 4.6.1　记录欠款 64
• 4.6.2　保存电影信息 65
• 4.7　本章小结 66
• 4.8　编程挑战 66
• 第5章　HTML的基础知识 68
• 5.1　文本编辑器 69
• 5.2　**个HTML文档 70
• 5.3　标签和元素 70
• 5.3.1　标题元素 71
• 5.3.2　段落元素 71
• 5.3.3　HTML中的空白和块级元素 72
• 5.3.4　内联元素 73
• 5.4　完整的HTML文档 74
• 5.5　HTML层级 75
• 5.6　为HTML添加链接 76
• 5.6.1　link属性 76
• 5.6.2　title属性 77
• 5.7　本章小结 78
• 第6章　条件与循环 79
• 6.1　在HTML中嵌入JavaScript 80
• 6.2　条件 81
• 6.2.1　if语句 81
• 6.2.2　if…else语句 82
• 6.2.3　if…else语句串 83
• 6.3　循环 86
• 6.3.1　while循环 86
• 6.3.2　for 循环 88
• 6.4　本章小结 91
• 6.5　编程挑战 91
• 第7章　创建Hangman游戏 94
• 7.1　与玩家交互 95
• 7.1.1　创建一个输入对话框 95
• 7.1.2　使用confirm函数询问Yes或者No 97
• 7.1.3　使用alert为玩家提供信息 98
• 7.1.4　为什么使用alert对话框而不是console.log呢 98
• 7.2　设计游戏 99
• 7.2.1　使用伪代码来设计游戏 99
• 7.2.2　记录单词的状态 100
• 7.2.3　设计游戏循环 101
• 7.3　编写游戏代码 101
• 7.3.1　选择一个随机单词 101
• 7.3.2　创建answerArray数组 102
• 7.3.3　编写游戏循环 102
• 7.3.4　结束游戏 106
• 7.4　游戏代码 106
• 7.5　本章小结 108
• 7.6　编程挑战 108
• 第8章　函数 110
• 8.1　函数的基本结构 111
• 8.2　创建一个简单的函数 111
• 8.3　调用一个函数 111
• 8.4　把参数传递到函数中 112
• 8.4.1　打印猫脸 113
• 8.4.2　为一个函数传递多个参数 114
• 8.5　从函数中返回值 115
• 8.6　把函数调用当作值来使用 117
• 8.7　使用函数来简化代码 118
• 8.7.1　挑选随机单词的函数 118
• 8.7.2　随机句子生成器 118
• 8.7.3　把随机句子生成器封装到一个函数中 120
• 8.8　用return提前跳出函数 120
• 8.9　使用多个return来代替if…else语句 121
• 8.10　本章小结 123
• 8.11　编程挑战 123
• 第2部分　高级JavaScript
• 第9章　DOM和jQuery 128
• 9.1　选择DOM元素 129
• 9.1.1　用id标识元素 129
• 9.1.2　使用getElementById选中一个元素 130
• 9.1.3　使用DOM替换标题文本 130
• 9.2　用jQuery操作DOM 132
• 9.2.1　在HTML页面中加载jQuery 133
• 9.2.2　使用jQuery替代标题文本 133
• 9.3　用jQuery创建一个新的元素 134
• 9.4　使用jQuery让元素产生动画效果 135
• 9.5　链化jQuery的动画方法 136
• 9.6　本章小结 137
• 9.7　编程挑战 137
• 第10章　交互式编程 139
• 10.1　使用setTimeout函数延时代码 140
• 10.2　取消一个timeout 141
• 10.3　用setInterval多次调用代码 141
• 10.4　使用setInterval函数实现元素动画 143
• 10.5　对用户行为做出响应 145
• 10.5.1　对单击做出响应 145
• 10.5.2　鼠标移动事件 147
• 10.6　本章小结 148
• 10.7　编程挑战 148
• 第11章　寻找埋藏的宝藏 150
• 11.1　设计游戏 151
• 11.2　用HTML创建Web页面 152
• 11.3　选取一个随机藏宝位置 153
• 11.3.1　选取随机数 153
• 11.3.2　设置宝藏坐标 153
• 11.4　单击事件处理程序 154
• 11.4.1　统计单击 154
• 11.4.2　计算单击和宝藏之间的距离 154
• 11.4.3　使用毕达哥拉斯定理 155
• 11.4.4　告诉玩家他们有多近 157
• 11.4.5　检查玩家是否赢了 158
• 11.5　综合应用 158
• 11.6　本章小结 160
• 11.7　编程挑战 160
• 第12章　面向对象编程 161
• 12.1　一个简单的对象 162
• 12.2　给对象添加方法 162
• 12.2.1　使用this关键字 163
• 12.2.2　在多个对象之间共享方法 163
• 12.3　使用构造方法创建对象 165
• 12.3.1　剖析构造方法 165
• 12.3.2　创建一个Car构造方法 165
• 12.4　绘制汽车 167
• 12.5　测试drawCar函数 168
• 12.6　用原型定制对象 169
• 12.6.1　给Car原型添加一个draw方法 170
• 12.6.2　添加一个moveRight方法 171
• 12.6.3　添加向左、向上和向下移动的方法 172
• 12.7　本章小结 173
• 12.8　编程挑战 174
• 第3部分　Canvas
• 第13章　canvas元素 176
• 13.1　创建一个基本的画布 177
• 13.2　在画布上绘制 177
• 13.2.1　选择和保存canvas元素 177
• 13.2.2　获取绘制环境 178
• 13.2.3　绘制方块 178
• 13.2.4　绘制多个方块 178
• 13.3　更改绘制颜色 180
• 13.4　绘制矩形边框 181
• 13.5　绘制线条或路径 182
• 13.6　填充路径 184
• 13.7　绘制圆弧和圆 185
• 13.7.1　绘制四分之一圆或一个圆弧 186
• 13.7.2　绘制一个半圆 187
• 13.7.3　绘制一个完整的圆 187
• 13.8　用一个函数绘制多个圆 187
• 13.9　本章小结 189
• 13.10　编程挑战 190
• 第14章　在画布上让物体移动 192
• 14.1　在页面中移动 193
• 14.1.1　清除画布 194
• 14.1.2　绘制矩形 194
• 14.1.3　修改位置 194
• 14.1.4　在浏览器中查看动画 194
• 14.2　对方块的大小实现动画 195
• 14.3　随机的蜜蜂 196
• 14.3.1　一个新的circle函数 196
• 14.3.2　绘制蜜蜂 197
• 14.3.3　更新蜜蜂的位置 198
• 14.3.4　实现嗡嗡飞的蜜蜂动画 200
• 14.4　弹回一个球 201
• 14.4.1　Ball构造方法 202
• 14.4.2　绘制球 202
• 14.4.3　移动球 203
• 14.4.4　弹跳球 204
• 14.4.5　实现球的动画 205
• 14.5　本章小结 206
• 14.6　编程挑战 207
• 第15章　用键盘控制动画 209
• 15.1　键盘事件 210
• 15.1.1　建立HTML文件 210
• 15.1.2　添加keydown事件处理程序 210
• 15.1.3　使用对象把键代码转换为名称 212
• 15.2　用键盘移动一个球 213
• 15.2.1　设置画布 213
• 15.2.2　定义circle函数 214
• 15.2.3　创建Ball构造方法 214
• 15.2.4　定义move方法 214
• 15.2.5　定义draw方法 215
• 15.2.6　创建setDirection方法 216
• 15.2.7　对键盘做出响应 217
• 15.2.8　实现球的动画 218
• 15.3　综合应用 219
• 15.4　运行代码 221
• 15.5　本章小结 222
• 15.6　编程挑战 222
• 第16章　开发贪吃蛇游戏第1部分 224
• 16.1　游戏逻辑 225
• 16.2　游戏的结构 225
• 16.2.1　使用setInterval来实现游戏动画 227
• 16.2.2　创建游戏对象 228
• 16.2.3　设置键盘控制 228
• 16.3　游戏设置 228
• 16.3.1　创建HTML 228
• 16.3.2　定义canvas、ctx、width和height变量 229
• 16.3.3　将画布划分为块 229
• 16.3.4　定义score变量 231
• 16.4　绘制边框 231
• 16.5　显示分数 232
• 16.5.1　设置文本基线 233
• 16.5.2　设置大小和字体 234
• 16.5.3　编写drawScore函数 236
• 16.6　结束游戏 237
• 16.7　本章小结 238
• 16.8　编程挑战 238
• 第17章　开发贪吃蛇游戏第2部分 240
• 17.1　构建Block构造方法 241
• 17.1.1　添加drawSquare方法 242
• 17.1.2　添加drawCircle方法 243
• 17.1.3　添加equal方法 244
• 17.2　创建贪吃蛇 245
• 17.2.1　编写Snake构造方法 246
• 17.2.2　绘制贪吃蛇 247
• 17.3　移动贪吃蛇 247
• 17.3.1　添加move方法 248
• 17.3.2　添加checkCollision方法 251
• 17.4　用键盘设置贪吃蛇的方向 253
• 17.4.1　添加keydown事件处理程序 253
• 17.4.2　添加setDirection方法 254
• 17.5　创建苹果 255
• 17.5.1　编写Apple构造方法 255
• 17.5.2　绘制苹果 256
• 17.5.3　移动苹果 256
• 17.6　综合应用 257
• 17.7　本章小结 262
• 17.8　编程挑战 263
• 术语表 265
• 后记　继续学习之路 269