輕松學會 JavaScript Begin to Code with JavaScript

《輕松學會JavaScript》共3部分12章，採用三段式學練結合的知識架構，從JavaScript編程知識的講解，到示範教學和引導學生參與動手實踐，循序漸進地幫助讀者保持學習動機和興趣，掌握JavaScript編程技能。本書教學案例有簡有繁，包括煮蛋計時器、計算器、溫度轉換器、通訊錄以及適用於時裝店和雪糕連鎖店的商業應用。 《輕松學會JavaScript》適合沒有寫過任何一行代碼的零基礎讀者、對其他入門編程書籍或課程無感的讀者以及有其他語言編程經驗但想要開始學習 JavaScript的讀者。

詳 細 目 錄

第Ⅰ部分　JavaScript、HTML與CSS

第1章　JavaScript運行環境 2

什麽是JavaScript 4

JavaScript的起源 5

JavaScript和網頁瀏覽器 6

JavaScript初體驗 6

工具 11

獲取Git 12

獲取Visual Studio Code 13

獲取示例文件 14

用Visual Studio Code來處理文件 17

技術總結與思考練習 19

第2章　超文本標記語言(HTML) 22

HTML和萬維網 24

獲取網頁 24

什麽是HTML 25

顯示符號 27

以段落形式編排文本 28

創建標題 29

使用預格式化文本 29

為HTML文檔添加註釋 32

在網頁中添加圖像 32

HTML文檔 34

鏈接HTML文檔 34

創建交互式網頁 35

使用按鈕 35

讀取用戶的輸入 36

HTML和JavaScript 38

顯示文本輸出 40

煮蛋定時器 43

為煮蛋定時器添加聲音 45

控制音頻播放 46

圖像顯示程序 47

技術總結與思考練習 48

第3章　層疊樣式表(CSS) 52

把握風格 54

用色 54

使用字體 57

文本對齊 60

開發一個走動的時鐘 61

走動的時鐘 62

文本周圍的空距 65

樣式表 67

創建樣式類 69

使用<div>和<span>對文檔部分進行格式化 71

層疊樣式表 72

使用選擇器來突出顯示顏色 73

技術總結與思考練習 74

第Ⅱ部分　JavaScript編程基礎

第4章　數據處理 80

電腦用於處理數據 82

用於處理數據的程序 83

JavaScript用於處理數據 84

表達式用於處理數據 85

數據和信息 88

程序中的變量 89

JavaScript標識符 92

執行計算 94

整數和實數 95

實數和浮點數 96

創建隨機骰子 98

處理文本 100

JavaScript字符串定界符 101

字符串中的轉義序列 101

處理字符串和數字 101

將字符串轉換為數字 103

開發應用程序 104

開發加法計算器 104

計算比薩訂單 107

溫度轉換器 110

添加註釋 110

全局變量和局部變量 112

全局變量 113

技術總結與思考練習 118

第5章　程序中的決策機制 122

布爾思維 124

JavaScript中的布爾值 124

布爾表達式 126

邏輯運算符 130

if結構 133

添加else語句 134

利用決策語句來開發應用程序 136

構建用戶界面 137

添加代碼 140

使用switch結構 142

技術總結與思考練習 146

第6章　程序中的重復操作 150

應用程序的開發 152

為HTML元素添加數據屬性 157

使用無序列表作為容器 161

JavaScript的for循環 163

用for-of來處理集合 167

通過代碼來生成網頁 168

刪除文檔中的元素 172

技術總結與思考練習 173

第7章　函數 176

函數的構成 178

為函數提供信息 182

實參和形參 185

一個函數有多個形參 186

將引用作為函數的實參 187

實參的數組 189

從函數調用中返回值 190

為應用程序添加錯誤處理 194

JavaScript函數中的局部變量 199

技術總結與思考練習 202

第8章　數據的存儲 206

數據的收集 208

雪糕店的銷售額 209

創建數組 212

處理數組中的數據 214

用戶界面 217

作為查詢表的數組 228

創建固定寬度的佈局 230

技術總結與思考練習 232

第9章　對象 236

開發一個簡易版通訊錄 238

原型HTML頁面 239

原型樣式表 240

原型JavaScript 241

存儲聯系人的詳細信息 243

查找多個聯系人 244

顯示多個聯系人 245

保存單個聯系人 246

查找單個聯系人 248

使用對象來存儲聯系人的詳細信息 248

在簡易版通訊錄中使用對象 251

在JavaScript本地存儲中存儲數據 252

用JSON為對象數據編碼 254

使用屬性訪問器 258

使用數據模式 261

根據模式來生成HTML 262

根據模式來生成數據對象 265

用戶界面改進 266

在簡易版通訊錄中添加“超級搜索”功能 267

技術總結與思考練習 272

第Ⅲ部分　JavaScript高階知識及應用與游戲開發

第10章　JavaScript高階技巧 278

用異常來管理錯誤 280

捕獲異常 282

類的設計 289

時裝店應用 289

面向對象設計 294

在類層次結構中存儲數據 299

通過添加方法來為對象指定行為 300

子類中的overriding方法 302

靜態類成員 304

數據存儲 306

生成用戶界面 308

探究時裝店應用 313

技術總結與思考練習 314

第11章　開發商業版應用 316

數據分析 318

時裝店的庫存列表 318

時裝店應用的數據分析 320

數組的使用 321

讀取天氣信息 328

從服務器獲取數據 328

Node.js 334

用Node.js創建網絡服務器 336

Node包管理器 346

部署Node.js服務器 346

技術總結與思考練習 346

第12章　開發有人工智能元素的游戲 352

使用HTML的畫布元素canvas 354

畫布坐標 357

電腦美術 357

在畫布上繪制圖片 362

將圖片製作成動畫 369

控制游戲的玩法 371

窗口事件 371

用鍵盤控制物體位置 372

keydown事件和keyup事件的使用 374

創建游戲對象 377

游戲精靈 377

游戲對象 379

開始游戲 381

添加奶酪精靈 383

添加餅乾精靈 386

添加大量餅乾 388

抓取餅乾 389

添加聲音 391

添加分數 392

添加西紅柿殺手 394

創建定時出現的精靈 397

完成游戲 398

添加開始界面 398

開始運行游戲 400

技術總結與思考練習 403