趣学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章 认识JavaScript2
1.1 认识JavaScript3
1.2 为何要学习JavaScript5
1.3 编写JavaScript5
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 Boolean26
2.4.1 逻辑操作符26
2.4.2 用Boolean比较数字28
2.5 undefined和null32
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中嵌入JavaScript80
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或者No97
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和jQuery128
9.1 选择DOM元素129
9.1.1 用id标识元素129
9.1.2 使用getElementById选中一个元素130
9.1.3 使用DOM替换标题文本130
9.2 用jQuery操作DOM132
9.2.1 在HTML页面中加载jQuery133
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 取消一个timeout141
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 创建HTML228
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电子书下载地址

相关书籍

搜索更多