趣学JavaScript 教孩子学编程.pdf

趣学JavaScript 教孩子学编程.pdf
 

书籍描述

内容简介
JavaScript是Internet的语言,是创建令人惊讶的Web、你喜欢的站点交互和在线游戏的秘密武器。
《趣学JavaScript 教孩子学编程》用轻松愉快的方式,通过耐心的、按部就班的示例,以及充满乐趣的图示,帮助读者轻松地学习编程基础知识。全书共16章,从基础知识开始,详细介绍了操作字符串、数组以及循环,然后继续学习一些高级话题,如使用jQuery构建交互性,以及使用画布绘图等。本书通过教授编写一些简单有趣的游戏,帮助读者掌握JavaScript编程。每一章都构建于上一章的基础之上,并且每章末尾的编程挑战能够激发读者更多的思考和学习兴趣。
《趣学JavaScript 教孩子学编程》针对任何想要学习JavaScript或初次接触编程的人。本书针对儿童学习JavaScript量身定做,但也适合作为不同年龄的初学者的第1本编程图书。

编辑推荐
全彩色印刷,零基础学编程,孩子也能读懂的编程图书
教授思路清晰,内容活泼,易于学习和掌握
通过有趣的绘图程序或游戏,激发读者的学习兴趣
每章末尾的编程挑战,举一反三,帮助读者牢固掌握所学的知识和技能

媒体推荐
JavaScript是主流的Web开发语言,是创建令人惊讶的Web、交互性应用和在线游戏的秘密武器。
本书用轻松愉快的方式,通过耐心的、按部就班的示例,以及充满乐趣的图示,帮助读者轻松地学习编程基础知识。

本书带领读者从基础知识开始,例如操作字符串、数组以及循环,然后继续学习一些高级话题,例如使用jQuery构建交互性,以及使用画布绘图。

通过阅读本书,你将编写诸如Find the Buried Treasure、Hangman和Snake这样的游戏。通过并且编写出诸如弹跳的球、动画的蜜蜂、赛车这样的可视化示例,你将真正地看到自己所编写的程序。每一章都构建于上一章基础之上,并且每章末尾的编程挑战将扩展你的思路,并激发出你自己的、令人惊讶的程序。今天,就用JavaScript干点儿漂亮的事情吧!

在本书中,你将学到:
创建函数以组织和复用代码;
编写和修改HTML以创建动态的Web页面;
使用DOM和jQuery让Web页面响应用户输入;
使用canvas元素绘制图形并实现动画;
编写真正的用户控制的游戏,带有碰撞检测和分数记录功能。

作者简介
Nick Morgan是Twitter的一名前端工程师。他热爱编程,并且特别关注JavaScript。Nick和她的未婚妻,以及他们的绒毛犬Pancake,居住在旧金山。他的博客是skilldrick.co.uk。

目录
目 录
第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

购买书籍

当当网购书 京东购书 卓越购书

PDF电子书下载地址

相关书籍

搜索更多