趣学JAVASCRIPT 教孩子学编程PDF电子书下载

第1部分 基础知识 2

第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 128

第9章 DOM和jQuery 128

9.1选择DOM元素 129

9.1.1用id标识元素 129

9.1.2使用getElementByld选中一个元素 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 176

第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