12歲開(kāi)始學(xué)JavaScript和Web應(yīng)用

青少年編程啟蒙書(shū)漫畫(huà)書(shū)一樣的

JavaScript編程教材！

●時(shí)隔四年的自信之作

終于能將這本書(shū)奉獻(xiàn)給大家了！

TENTO出版第一本書(shū)—《12歲開(kāi)始：初學(xué)HTML5和CSS3》是在2013年，那本書(shū)的最后略微記載了一些JavaScript的寫(xiě)法。我們?cè)�本以為下一本JavaScript入門(mén)書(shū)很快就能出版發(fā)行。

沒(méi)想到等到這本書(shū)真正出版，時(shí)間已經(jīng)過(guò)去了四年。當(dāng)年看《12歲開(kāi)始：初學(xué)HTML5和CSS3》學(xué)習(xí)HTML的人如果是12歲的小學(xué)生，如今都已經(jīng)變成高中生了呢。在這些人里會(huì)不會(huì)有人伸長(zhǎng)了脖子在等這本書(shū)的出版呢？啥！脖子越伸越長(zhǎng)，連天花板都捅破了？是啊，還真是過(guò)去了太長(zhǎng)的時(shí)間啦……

不過(guò)在這段時(shí)間里，TENTO的實(shí)力也大大加強(qiáng)了哦！2011年，作為日本第一個(gè)面向兒童的編程學(xué)校， TENTO從文化宮的一個(gè)角落起步，如今已走出首都圈，在日本各地普及開(kāi)來(lái)。通過(guò)舉辦活動(dòng)聚集了數(shù)千人，通過(guò)電視節(jié)目吸引更多的人前來(lái)加入。雖然這本書(shū)遲遲沒(méi)有出版，但TENTO出版的關(guān)于Scratch和Minecraft等書(shū)籍在書(shū)店里擺得到處都是呢！

最令人欣慰的是，和我們一起學(xué)習(xí)編程的孩子真是增加了不少啊！正是通過(guò)他們，我才能觀(guān)察到各種各樣的編程語(yǔ)言的學(xué)習(xí)方法—JavaScript也不例外。在這四年里，跟孩子們一起學(xué)習(xí)JavaScript，我才能夠更仔細(xì)地研究學(xué)習(xí)方法，讓它能更加容易理解。為了能讓孩子們既高效、又快樂(lè)地學(xué)習(xí)JavaScript，這本書(shū)真是下足了功夫，包含了不少特色呢。

●特色一：只講JavaScript！

JavaScript一般都是在網(wǎng)頁(yè)中使用。在TENTO的實(shí)際學(xué)習(xí)中，也是首先制作一個(gè)網(wǎng)頁(yè)，然后才開(kāi)始編寫(xiě)JavaScript。在這種情況下，由于頁(yè)面的大部分都是用HTML寫(xiě)成的，只有一部分才會(huì)用到JavaScript。觀(guān)察初學(xué)編程的孩子們的反應(yīng)發(fā)現(xiàn)，這種學(xué)習(xí)方法不是那么合適。JavaScript混雜在HTML里使得程序難于閱讀，初學(xué)者都不知道從哪里看起。這可就與教學(xué)的初衷背道而馳了。

因此，本書(shū)通過(guò)盡量拋棄HTML部分而只使用JavaScript的方法來(lái)推進(jìn)課程，使得讀者可以把注意力集中在作為各章要點(diǎn)的JavaScript程序上。從而更易于理解各章節(jié)中所涉及的JavaScript的要點(diǎn)和重點(diǎn)，諸如“循環(huán)邏輯”“判斷邏輯”等。

●特色二：內(nèi)容最少！

學(xué)習(xí)編程就像學(xué)習(xí)騎自行車(chē)時(shí)要用到輔助輪、要有父母的陪伴守護(hù)一樣。但是當(dāng)你有了一定的自信后，就可以?huà)侀_(kāi)輔助輪了。拋開(kāi)輔助輪并不代表你已經(jīng)學(xué)會(huì)了騎自行車(chē)，你還需要學(xué)會(huì)剎車(chē)、下坡、勻速轉(zhuǎn)彎等方法。這些都沒(méi)人能繼續(xù)教給你，而是要靠自己摸索，自己體會(huì)、練習(xí)了。

這本書(shū)就像輔助輪一樣，為讀者示范JavaScript的最初運(yùn)行軌跡，各位沿著這條道路前行，就會(huì)逐漸掌握運(yùn)用JavaScript的方法。然而，真正的學(xué)習(xí)是從讀完這本書(shū)之后才開(kāi)始的。

學(xué)習(xí)完這本書(shū)，還有許多必須掌握的知識(shí)。比如HTML的更詳盡的操作方法、面向?qū)ο蟮氖钩绦蚋�容易理解的方法、程序�?kù)的使用方法……如果不知道這些，是沒(méi)有辦法做出真正的程序的。這就像學(xué)騎自行車(chē)一樣，要靠自己不斷地學(xué)習(xí)。

因此，本書(shū)的內(nèi)容僅僅是幫助大家起步。進(jìn)階的知識(shí)還需要大家通過(guò)上網(wǎng)查詢(xún)，編寫(xiě)自己感興趣的程序，在不斷學(xué)習(xí)的過(guò)程中一點(diǎn)一點(diǎn)來(lái)掌握。

●特色三：范例很短！

究竟什么時(shí)候才會(huì)有“我真的會(huì)編程了！”這種體會(huì)呢？大概就是當(dāng)你試著運(yùn)行自己寫(xiě)出的程序，知道程序的哪個(gè)部分對(duì)應(yīng)著哪個(gè)動(dòng)作的時(shí)候。例如，當(dāng)試著改變了程序中的一個(gè)數(shù)字，人物的速度變得更快了，說(shuō)明這個(gè)數(shù)字代表著人物的速度——正是這種小小的知識(shí)點(diǎn)積累出“我明白了！”的成就感。

程序越短，操作就越容易理解。因此，為了易于理解程序的結(jié)構(gòu)，本書(shū)盡量使用簡(jiǎn)短易懂的范例。

使用短范例的另一個(gè)目的是讓讀者能夠?qū)Ψ独�進(jìn)行自己獨(dú)特的修改。修改了自己不喜歡的地方，一開(kāi)始程序很可能無(wú)法運(yùn)轉(zhuǎn)，但是通過(guò)自己獨(dú)立地思考，最終讓程序執(zhí)行起來(lái)，你所得到的樂(lè)趣一定會(huì)比直接運(yùn)行范例更加深刻。

本書(shū)提供的范例盡可能簡(jiǎn)單，正是為了讓讀者能夠自由發(fā)揮。覺(jué)得范例非常無(wú)聊的你，趕緊想想怎樣讓實(shí)際編寫(xiě)出來(lái)的程序變得有趣起來(lái)吧！

●特色四：開(kāi)心學(xué)習(xí)！

在本書(shū)中不時(shí)地冒出小狗藤淘君（譯者注：“藤淘”的發(fā)音在日語(yǔ)中和TENTO是一樣的）和小貓包子醬。藤淘君是一個(gè)有點(diǎn)冒失、淘氣的“男孩子”，包子醬是一個(gè)可靠、知識(shí)淵博的“女孩子”。各章的開(kāi)頭都是藤淘君不斷地在犯傻的一組四格漫畫(huà)，有人會(huì)不會(huì)是先看到這些漫畫(huà)才對(duì)本書(shū)感興趣的呢？

這樣也挺好啊！能邊看漫畫(huà)邊感受到編程的樂(lè)趣，也是在編程學(xué)習(xí)中邁出了很好的第一步啊。

學(xué)習(xí)編程的最大訣竅就是在學(xué)習(xí)過(guò)程中找到編程的樂(lè)趣，由于感興趣而不斷地推進(jìn)自己創(chuàng)新、進(jìn)步才是最好的學(xué)習(xí)方法。死記硬背的方式，是不太適合編程學(xué)習(xí)的。就像藤淘君，你可能會(huì)認(rèn)為他是一個(gè)調(diào)皮搗蛋、只會(huì)給人添亂的孩子；但從另一個(gè)角度來(lái)看，他也是一個(gè)典型的無(wú)論做什么事都能樂(lè)在其中并且主動(dòng)學(xué)習(xí)的孩子。事實(shí)上，TENTO認(rèn)為這樣的孩子更適合學(xué)習(xí)編程呢。

來(lái)吧！

讓我們開(kāi)啟愉快的編程之旅吧！

第1章 JavaScript是什么
編程與JavaScript 10
1.1 編程是什么 12
1.2 HTML、CSS與JavaScript 15
1.3 字符編碼 22
1.4 上傳到服務(wù)器吧 25
第2章 試著開(kāi)始編程吧
“條件分支”是什么 28
2.1 試著編寫(xiě)JavaScript 30
2.2 使用變量 34
2.3 如果…… 39
2.4 制作小測(cè)驗(yàn)題吧 46
2.5 開(kāi)始計(jì)算嘍 55
第3章 一遍遍地循環(huán)
使用for或while來(lái)循環(huán) 64
3.1 “循環(huán)”是什么 66
3.2 奇數(shù)加算、偶數(shù)加算 75
3.3 試著使用++ 79
3.4 使用while來(lái)循環(huán) 86
3.5 終止循環(huán)、繼續(xù)循環(huán) 94
第4章 用數(shù)組來(lái)排列
為了操控更多的變量 102
4.1 分離文件 104
4.2 制作小測(cè)驗(yàn)程序 109
4.3 再增加些題目 115
4.4 統(tǒng)計(jì)成績(jī) 120
4.5 試著使用“數(shù)組” 122
4.6 計(jì)算平均分?jǐn)?shù) 127
第5章 函數(shù)是什么
編程的函數(shù)及使用方法 134
5.1 使用“函數(shù)” 136
5.2 有參數(shù)的函數(shù) 140
5.3 參數(shù)和返回值 149
5.4 讓程序簡(jiǎn)練 155
5.5 讓程序容易理解 164
第6章 全局變量和局部變量
變量也有作用域 172
6.1 變量 174
6.2 使用全局變量 177
6.3 使用局部變量 183
6.4 查找錯(cuò)誤 188
第7章 用JavaScript做很多事
改變網(wǎng)頁(yè) 192
7.1 改變圖像的大小 194
7.2 簡(jiǎn)化程序 202
7.3 改換圖像 207
第8章 制作游戲
使用事件和定時(shí)器制作游戲 216
8.1 時(shí)而出現(xiàn)，時(shí)而消失 218
8.2 使用定時(shí)器 224
8.3 變成隨機(jī)顯示 231
8.4 打鼴鼠 237
8.5 顯示游戲得分 245
8.6 游戲結(jié)束 253
8.7 顯示最高分?jǐn)?shù) 264
8.8 增加鼴鼠數(shù)量 274

1. 零基礎(chǔ)玩轉(zhuǎn)國(guó)產(chǎn)大模型DeepSeek [徐永冰 張帥 編著]
2. 網(wǎng)絡(luò)工程師5天修煉（適配第6版考綱） [主編　朱小平 施游]
3. 信息系統(tǒng)項(xiàng)目管理師考試32小時(shí)通關(guān)（適用第4版考綱） [薛大龍]
4. 信息系統(tǒng)管理工程師考試32小時(shí)通關(guān)（適配第2版考綱） [薛大龍　劉偉]
5. 土木工程材料檢測(cè)實(shí)訓(xùn) [洪曉江 達(dá)則曉麗 錢(qián)波]
6. 科技信息檢索與論文寫(xiě)作實(shí)用教程 [李振華]
7. 傳統(tǒng)山水畫(huà)論解讀與實(shí)踐 [陳鈉 著]
8. Python數(shù)據(jù)庫(kù)編程 [主編 殷樹(shù)友 邢 翀]
9. 計(jì)算機(jī)基礎(chǔ)實(shí)訓(xùn)指導(dǎo) [主編 袁春萍 朱妮]
10. 嵌入式人工智能技術(shù)應(yīng)用（數(shù)字教材） [主編 胡娜 楊國(guó)勇 晏廷榮]
11. Vienna整流器技術(shù) [桂存兵 著]
12. 變頻器與伺服應(yīng)用 [陳剛 葉云飛]
13. 物聯(lián)網(wǎng)工程設(shè)計(jì)與實(shí)踐 [湯琳 李敏]
14. 爐邊夜話(huà)——深入淺出話(huà)AI [汪建　著]
15. 電商運(yùn)營(yíng)與管理 [鐘肖英 陳瀟]
16. Java面向?qū)ο蟪绦蛟O(shè)計(jì) [主編 姜春磊 陳虹潔]
17. 信息技術(shù)基礎(chǔ)（Windows 10+WPS Office）（微課版） [主編　石利平　田輝平　謝盛嘉]
18. 人工智能應(yīng)用 [主編　陳　萍　劉培培　陳孟軍]
19. 大學(xué)生職業(yè)發(fā)展與就業(yè)指導(dǎo) [主編　劉志堅(jiān)]
20. 高級(jí)辦公應(yīng)用項(xiàng)目教程 [主編 屈晶 趙成麗]
21. 微信小程序開(kāi)發(fā)項(xiàng)目實(shí)戰(zhàn)（微課版） [主編 黃龍泉 郭峰 朱倩]
22. 企業(yè)檔案工作實(shí)戰(zhàn)寶典百問(wèn)百答 [華俊 盧秀英 邵甜甜 著]
23. 計(jì)算機(jī)網(wǎng)絡(luò)原理及應(yīng)用 [主編 唐繼勇 葉坤 孫夢(mèng)娜]
24. 大學(xué)生創(chuàng)業(yè)基礎(chǔ) [主編 王麗莉 王 楊]
25. 船舶輔機(jī) [主編 王連海 于洋 姜淑翠]
26. 大學(xué)生就業(yè)指導(dǎo) [主編 王麗莉 董宴廷]
27. 系統(tǒng)架構(gòu)設(shè)計(jì)師章節(jié)習(xí)題與考點(diǎn)特訓(xùn) [主編 薛大龍 鄒月平]
28. 高校學(xué)生工作探索與實(shí)踐 [郭亮 著]
29. 大學(xué)生情商管理 [方雄 著]
30. 2023年長(zhǎng)沙市會(huì)展業(yè)發(fā)展報(bào)告 [主編 周棟良]