《趣學(xué)JavaScript：教孩子學(xué)編程》用輕松愉快的方式，通過(guò)耐心的、按部就班的示例，以及充滿(mǎn)樂(lè)趣的圖示，幫助讀者輕松地學(xué)習(xí)編程基礎(chǔ)知識(shí)。全書(shū)共16章，從基礎(chǔ)知識(shí)開(kāi)始，詳細(xì)介紹了操作字符串、數(shù)組以及循環(huán)，然后繼續(xù)學(xué)習(xí)一些高級(jí)話(huà)題，如使用jQuery構(gòu)建交互性，以及使用畫(huà)布繪圖等。本書(shū)通過(guò)教授編寫(xiě)一些簡(jiǎn)單有趣的游戲，幫助讀者掌握編程。每一章都構(gòu)建于上一章的基礎(chǔ)之上，并且每章末尾的編程挑戰(zhàn)能夠激發(fā)讀者更多的思考和學(xué)習(xí)興趣。

《趣學(xué)JavaScript ：教孩子學(xué)編程》針對(duì)任何想要學(xué)習(xí)或初次接觸編程的人。本書(shū)針對(duì)兒童學(xué)習(xí)量身定做，但也適合作為不同年齡的初學(xué)者的第1本編程圖書(shū)。

目錄

第1部分　基礎(chǔ)知識(shí)
第1章　認(rèn)識(shí)JavaScript 2
1．1　認(rèn)識(shí)JavaScript 3
1．2　為何要學(xué)習(xí)JavaScript 5
1．3　編寫(xiě)JavaScript 5
1．4　JavaScript程序的結(jié)構(gòu) 7
1．4．1　語(yǔ)法 8
1．4．2　注釋 9
1．5　本章小結(jié) 10
第2章　類(lèi)型與變量 11
2．1　數(shù)字和運(yùn)算符 12
2．2　變量 15
2．2．1　命名變量 16
2．2．2　使用數(shù)學(xué)創(chuàng)建新的變量 17
2．2．3　遞增和遞減 18
2．2．4　+=（加后賦值）和-=（減后賦值） 19
2．3　字符串 20
2．3．1　連接字符串 21
2．3．2　查找字符串的長(zhǎng)度 22
2．3．3　從字符串中獲取單個(gè)字符 22
2．3．4　截取字符串 23
2．3．5　把字符串轉(zhuǎn)換為全部大寫(xiě)或全部小寫(xiě) 24
2．4　Boolean 26
2．4．1　邏輯操作符 26
2．4．2　用Boolean比較數(shù)字 28
2．5　undefined和null 32
2．6　本章小結(jié) 33
第3章　數(shù)組 34
3．1　為什么要學(xué)習(xí)數(shù)組 35
3．2　創(chuàng)建數(shù)組 36
3．3　訪(fǎng)問(wèn)數(shù)組元素 37
3．4　設(shè)置和修改數(shù)組中的元素 38
3．5　數(shù)組中的混合數(shù)據(jù)類(lèi)型 39
3．6　使用數(shù)組 40
3．6．1　查看數(shù)組的長(zhǎng)度 40
3．6．2　為數(shù)組添加元素 41
3．6．3　從數(shù)組中刪除元素 42
3．6．4　數(shù)組相加 44
3．6．5　查找數(shù)組中單個(gè)元素的索引 46
3．6．6　把數(shù)組轉(zhuǎn)換成字符串 46
3．7　數(shù)組的用途 48
3．7．1　找到回家的路 48
3．7．2　決策者程序 50
3．7．3　創(chuàng)建一個(gè)隨機(jī)句子生成器 52
3．8　本章小結(jié) 53
3．9　編程挑戰(zhàn) 54
第4章　對(duì)象 55
4．1　創(chuàng)建對(duì)象 56
4．2　訪(fǎng)問(wèn)對(duì)象中的值 58
4．3　給對(duì)象添加值 58
4．4　把數(shù)組和對(duì)象組合到一起 60
4．5　在控制臺(tái)查看對(duì)象 62
4．6　對(duì)象的用途 63
4．6．1　記錄欠款 64
4．6．2　保存電影信息 65
4．7　本章小結(jié) 66
4．8　編程挑戰(zhàn) 66
第5章　HTML的基礎(chǔ)知識(shí) 68
5．1　文本編輯器 69
5．2　第一個(gè)HTML文檔 70
5．3　標(biāo)簽和元素 70
5．3．1　標(biāo)題元素 71
5．3．2　段落元素 71
5．3．3　HTML中的空白和塊級(jí)元素 72
5．3．4　內(nèi)聯(lián)元素 73
5．4　完整的HTML文檔 74
5．5　HTML層級(jí) 75
5．6　為HTML添加鏈接 76
5．6．1　link屬性 76
5．6．2　title屬性 77
5．7　本章小結(jié) 78
第6章　條件與循環(huán) 79
6．1　在HTML中嵌入JavaScript 80
6．2　條件 81
6．2．1　if語(yǔ)句 81
6．2．2　if…else語(yǔ)句 82
6．2．3　if…else語(yǔ)句串 83
6．3　循環(huán) 86
6．3．1　while循環(huán) 86
6．3．2　for 循環(huán) 88
6．4　本章小結(jié) 91
6．5　編程挑戰(zhàn) 91
第7章　創(chuàng)建Hangman游戲 94
7．1　與玩家交互 95
7．1．1　創(chuàng)建一個(gè)輸入對(duì)話(huà)框 95
7．1．2　使用confirm函數(shù)詢(xún)問(wèn)Yes或者No 97
7．1．3　使用alert為玩家提供信息 98
7．1．4　為什么使用alert對(duì)話(huà)框而不是console．log呢 98
7．2　設(shè)計(jì)游戲 99
7．2．1　使用偽代碼來(lái)設(shè)計(jì)游戲 99
7．2．2　記錄單詞的狀態(tài) 100
7．2．3　設(shè)計(jì)游戲循環(huán) 101
7．3　編寫(xiě)游戲代碼 101
7．3．1　選擇一個(gè)隨機(jī)單詞 101
7．3．2　創(chuàng)建answerArray數(shù)組 102
7．3．3　編寫(xiě)游戲循環(huán) 102
7．3．4　結(jié)束游戲 106
7．4　游戲代碼 106
7．5　本章小結(jié) 108
7．6　編程挑戰(zhàn) 108
第8章　函數(shù) 110
8．1　函數(shù)的基本結(jié)構(gòu) 111
8．2　創(chuàng)建一個(gè)簡(jiǎn)單的函數(shù) 111
8．3　調(diào)用一個(gè)函數(shù) 111
8．4　把參數(shù)傳遞到函數(shù)中 112
8．4．1　打印貓臉 113
8．4．2　為一個(gè)函數(shù)傳遞多個(gè)參數(shù) 114
8．5　從函數(shù)中返回值 115
8．6　把函數(shù)調(diào)用當(dāng)作值來(lái)使用 117
8．7　使用函數(shù)來(lái)簡(jiǎn)化代碼 118
8．7．1　挑選隨機(jī)單詞的函數(shù) 118
8．7．2　隨機(jī)句子生成器 118
8．7．3　把隨機(jī)句子生成器封裝到一個(gè)函數(shù)中 120
8．8　用return提前跳出函數(shù) 120
8．9　使用多個(gè)return來(lái)代替if…else語(yǔ)句 121
8．10　本章小結(jié) 123
8．11　編程挑戰(zhàn) 123
第2部分　高級(jí)JavaScript
第9章　DOM和jQuery 128
9．1　選擇DOM元素 129
9．1．1　用id標(biāo)識(shí)元素 129
9．1．2　使用getElementById選中一個(gè)元素 130
9．1．3　使用DOM替換標(biāo)題文本 130
9．2　用jQuery操作DOM 132
9．2．1　在HTML頁(yè)面中加載jQuery 133
9．2．2　使用jQuery替代標(biāo)題文本 133
9．3　用jQuery創(chuàng)建一個(gè)新的元素 134
9．4　使用jQuery讓元素產(chǎn)生動(dòng)畫(huà)效果 135
9．5　鏈化jQuery的動(dòng)畫(huà)方法 136
9．6　本章小結(jié) 137
9．7　編程挑戰(zhàn) 137
第10章　交互式編程 139
10．1　使用setTimeout函數(shù)延時(shí)代碼 140
10．2　取消一個(gè)timeout 141
10．3　用setInterval多次調(diào)用代碼 141
10．4　使用setInterval函數(shù)實(shí)現(xiàn)元素動(dòng)畫(huà) 143
10．5　對(duì)用戶(hù)行為做出響應(yīng) 145
10．5．1　對(duì)單擊做出響應(yīng) 145
10．5．2　鼠標(biāo)移動(dòng)事件 147
10．6　本章小結(jié) 148
10．7　編程挑戰(zhàn) 148
第11章　尋找埋藏的寶藏 150
11．1　設(shè)計(jì)游戲 151
11．2　用HTML創(chuàng)建Web頁(yè)面 152
11．3　選取一個(gè)隨機(jī)藏寶位置 153
11．3．1　選取隨機(jī)數(shù) 153
11．3．2　設(shè)置寶藏坐標(biāo) 153
11．4　單擊事件處理程序 154
11．4．1　統(tǒng)計(jì)單擊 154
11．4．2　計(jì)算單擊和寶藏之間的距離 154
11．4．3　使用畢達(dá)哥拉斯定理 155
11．4．4　告訴玩家他們有多近 157
11．4．5　檢查玩家是否贏了 158
11．5　綜合應(yīng)用 158
11．6　本章小結(jié) 160
11．7　編程挑戰(zhàn) 160
第12章　面向?qū)ο缶幊?161
12．1　一個(gè)簡(jiǎn)單的對(duì)象 162
12．2　給對(duì)象添加方法 162
12．2．1　使用this關(guān)鍵字 163
12．2．2　在多個(gè)對(duì)象之間共享方法 163
12．3　使用構(gòu)造方法創(chuàng)建對(duì)象 165
12．3．1　剖析構(gòu)造方法 165
12．3．2　創(chuàng)建一個(gè)Car構(gòu)造方法 165
12．4　繪制汽車(chē) 167
12．5　測(cè)試drawCar函數(shù) 168
12．6　用原型定制對(duì)象 169
12．6．1　給Car原型添加一個(gè)draw方法 170
12．6．2　添加一個(gè)moveRight方法 171
12．6．3　添加向左、向上和向下移動(dòng)的方法 172
12．7　本章小結(jié) 173
12．8　編程挑戰(zhàn) 174
第3部分　Canvas
第13章　canvas元素 176
13．1　創(chuàng)建一個(gè)基本的畫(huà)布 177
13．2　在畫(huà)布上繪制 177
13．2．1　選擇和保存canvas元素 177
13．2．2　獲取繪制環(huán)境 178
13．2．3　繪制方塊 178
13．2．4　繪制多個(gè)方塊 178
13．3　更改繪制顏色 180
13．4　繪制矩形邊框 181
13．5　繪制線(xiàn)條或路徑 182
13．6　填充路徑 184
13．7　繪制圓弧和圓 185
13．7．1　繪制四分之一圓或一個(gè)圓弧 186
13．7．2　繪制一個(gè)半圓 187
13．7．3　繪制一個(gè)完整的圓 187
13．8　用一個(gè)函數(shù)繪制多個(gè)圓 187
13．9　本章小結(jié) 189
13．10　編程挑戰(zhàn) 190
第14章　在畫(huà)布上讓物體移動(dòng) 192
14．1　在頁(yè)面中移動(dòng) 193
14．1．1　清除畫(huà)布 194
14．1．2　繪制矩形 194
14．1．3　修改位置 194
14．1．4　在瀏覽器中查看動(dòng)畫(huà) 194
14．2　對(duì)方塊的大小實(shí)現(xiàn)動(dòng)畫(huà) 195
14．3　隨機(jī)的蜜蜂 196
14．3．1　一個(gè)新的circle函數(shù) 196
14．3．2　繪制蜜蜂 197
14．3．3　更新蜜蜂的位置 198
14．3．4　實(shí)現(xiàn)嗡嗡飛的蜜蜂動(dòng)畫(huà) 200
14．4　彈回一個(gè)球 201
14．4．1　Ball構(gòu)造方法 202
14．4．2　繪制球 202
14．4．3　移動(dòng)球 203
14．4．4　彈跳球 204
14．4．5　實(shí)現(xiàn)球的動(dòng)畫(huà) 205
14．5　本章小結(jié) 206
14．6　編程挑戰(zhàn) 207
第15章　用鍵盤(pán)控制動(dòng)畫(huà) 209
15．1　鍵盤(pán)事件 210
15．1．1　建立HTML文件 210
15．1．2　添加keydown事件處理程序 210
15．1．3　使用對(duì)象把鍵代碼轉(zhuǎn)換為名稱(chēng) 212
15．2　用鍵盤(pán)移動(dòng)一個(gè)球 213
15．2．1　設(shè)置畫(huà)布 213
15．2．2　定義circle函數(shù) 214
15．2．3　創(chuàng)建Ball構(gòu)造方法 214
15．2．4　定義move方法 214
15．2．5　定義draw方法 215
15．2．6　創(chuàng)建setDirection方法 216
15．2．7　對(duì)鍵盤(pán)做出響應(yīng) 217
15．2．8　實(shí)現(xiàn)球的動(dòng)畫(huà) 218
15．3　綜合應(yīng)用 219
15．4　運(yùn)行代碼 221
15．5　本章小結(jié) 222
15．6　編程挑戰(zhàn) 222
第16章　開(kāi)發(fā)貪吃蛇游戲第1部分 224
16．1　游戲邏輯 225
16．2　游戲的結(jié)構(gòu) 225
16．2．1　使用setInterval來(lái)實(shí)現(xiàn)游戲動(dòng)畫(huà) 227
16．2．2　創(chuàng)建游戲?qū)ο?228
16．2．3　設(shè)置鍵盤(pán)控制 228
16．3　游戲設(shè)置 228
16．3．1　創(chuàng)建HTML 228
16．3．2　定義canvas、ctx、width和height變量 229
16．3．3　將畫(huà)布劃分為塊 229
16．3．4　定義score變量 231
16．4　繪制邊框 231
16．5　顯示分?jǐn)?shù) 232
16．5．1　設(shè)置文本基線(xiàn) 233
16．5．2　設(shè)置大小和字體 234
16．5．3　編寫(xiě)drawScore函數(shù) 236
16．6　結(jié)束游戲 237
16．7　本章小結(jié) 238
16．8　編程挑戰(zhàn) 238
第17章　開(kāi)發(fā)貪吃蛇游戲第2部分 240
17．1　構(gòu)建Block構(gòu)造方法 241
17．1．1　添加drawSquare方法 242
17．1．2　添加drawCircle方法 243
17．1．3　添加equal方法 244
17．2　創(chuàng)建貪吃蛇 245
17．2．1　編寫(xiě)Snake構(gòu)造方法 246
17．2．2　繪制貪吃蛇 247
17．3　移動(dòng)貪吃蛇 247
17．3．1　添加move方法 248
17．3．2　添加checkCollision方法 251
17．4　用鍵盤(pán)設(shè)置貪吃蛇的方向 253
17．4．1　添加keydown事件處理程序 253
17．4．2　添加setDirection方法 254
17．5　創(chuàng)建蘋(píng)果 255
17．5．1　編寫(xiě)Apple構(gòu)造方法 255
17．5．2　繪制蘋(píng)果 256
17．5．3　移動(dòng)蘋(píng)果 256
17．6　綜合應(yīng)用 257
17．7　本章小結(jié) 262
17．8　編程挑戰(zhàn) 263
術(shù)語(yǔ)表 265
后記　繼續(xù)學(xué)習(xí)之路 269