JavaScript程式設計的樂趣|範例實作與專題研究的程式設計課

    節奏明快又充滿樂趣的程式設計入門,結合JavaScript、HTML、CSS邊學邊做,從變數、函式到DOM操作,最後完成乒乓球遊戲、電子音樂與資料視覺化三大專案,輕鬆踏進程式世界。

    收集中
    US$18.83

    內容簡介


    JavaScript快速入門與樂趣兼備

    《JavaScript程式設計的樂趣》是一本節奏明快又充滿樂趣的程式設計入門指南,帶你用 JavaScript輕鬆踏進程式設計的世界。翻開本書,立刻開始撰寫程式、解決問題,並在短時間內完成可運作的網頁應用與遊戲。

    你將從學習變數、陣列、物件、函式、條件判斷、迴圈、類別等基本的程式設計概念開始;在生動的範例和實作練習的幫助下,這些基礎知識將幫助你結合JavaScript、HTML與CSS,建立可以立即執行的互動式網頁應用程式。

    接著,你將運用新習得的技能完成三個專案:
    一個有虛擬對手的乒乓球模擬遊戲
    一個能產生電子音樂的應用程式
    一個能從API取得資料並進行視覺化的平台

    在這個過程中,你將學到如何:
    .透過操作文件物件模型(DOM)來即時更新網頁內容。
    .觸發函式來回應按鍵和滑鼠點擊等事件。
    .使用JavaScript和HTML的Canvas元素產生圖形和動畫。
    .利用D3.js程式庫和可縮放向量圖形(SVG)進行資料視覺化。
    .運用Tone.js和Web Audio API製作電子音樂。

    如果你正想一探程式設計,《JavaScript程式設計的樂趣》就是你的魔法工具,帶你快速進入這個奇妙世界,輕鬆寫出真正的程式。別再等了,現在就出發吧!

    作者介紹


    關於作者
    Nick Morgan 是一位成就斐然的軟體工程師,曾任職於Airbnb和Twitter等業界巨頭。他也是《JavaScript for Kids》(No Starch Press)的作者,致力於讓程式設計變得有趣、易於接觸,且適合所有人學習。

    關於技術評審員
    Angus Croll 來自英國,現居住在美國加州舊金山灣區,在Netflix從事所有跟優最佳化性能有關 的工作。他是文學小說和JavaScript的愛好者,也是《如果海明威寫了JavaScript》(No Starch Press,2014 年)以及Babel官方歌曲的作者。他還編寫並維護了流行的Just實用程式庫。

    目錄


    PART I 語言

    Chapter 1 從這開始
    使用JavaScript控制台
    使用文字編輯器
    總結

    Chapter 2 基礎知識
    表達式和陳述式
    數字和運算子
    綁定
    遞增和遞減
    字串
    跳脫序列
    樣板字面值
    未定義和空值
    布林值
    型別強制轉換
    總結

    Chapter 3 複合資料型別
    陣列
    物件
    巢狀物件和陣列
    總結

    Chapter 4 條件和迴圈
    用條件做出決定
    使用迴圈重複執行程式碼
    總結

    Chapter 5 函式
    宣告和呼叫函式
    將函式作為引數傳遞
    其他函式語法
    其餘參數
    高階函式
    總結

    Chapter 6 類別
    建立類別和實例
    繼承
    基於原型的繼承
    總結

    PART II 互動式JAVASCRIPT

    Chapter 7 HTML、DOM與CSS
    HTML
    文件物件模型(DOM)
    script 元素
    CSS
    在JavaScript中使用CSS選擇器
    總結

    Chapter 8 基於事件的程式
    事件處理器
    滑鼠移動事件
    鍵盤事件
    總結

    Chapter 9 CANVAS元素
    建立Canvas
    製作靜態繪圖
    與Canvas互動
    動畫Canvas
    總結

    PART III 專案

    PROJECT 1 建立遊戲

    Chapter 10 PONG
    遊戲簡介
    設定
    球
    重構
    遊戲迴圈
    彈跳
    球拍
    計分
    電腦控制
    遊戲結束
    完整程式碼
    總結

    Chapter 11 物件導向PONG
    物件導向設計
    檔案結構
    GameView類別
    遊戲元素
    分數和電腦類別
    遊戲類別
    遊戲開始
    總結

    PROJECT 2 製作音樂

    Chapter 12 產生聲音
    Web Audio API
    Tone.js 程式庫
    Tone.js Transport
    製作鼓聲
    使用樣本
    總結

    Chapter 13 寫一首歌
    開始組織
    事件處理
    製作鼓聲
    加入貝斯線
    加入和弦
    演奏旋律
    完整程式碼
    總結

    PROJECT 3 資料視覺化

    Chapter 14 介紹D3程式庫
    SVG圖形格式
    D3程式庫
    製作長條圖
    總結

    Chapter 15 視覺化GITHUB搜尋API的資料
    設定
    抓取資料
    基本視覺化
    改進視覺化
    增加互動性
    完整程式碼
    總結

    後記

    章節目錄

    1-1封面
    1-2書名頁
    1-3對本書的讚譽
    1-4目錄
    1-5致謝
    1-6前言
    1-7這本書適合誰閱讀?
    1-8為什麼選擇JavaScript?
    1-9你能從中學到什麼?
    1-10線上資源
    1-11Part I 語言
    1-121
    1-13從這開始
    1-14使用JavaScript控制台
    1-15使用文字編輯器
    1-16總結
    1-172
    1-18基礎知識
    1-19表達式和陳述式
    1-20數字和運算子
    1-21浮點數
    1-22運算順序
    1-23綁定
    1-24變數
    1-25常數
    1-26命名慣例
    1-27遞增和遞減
    1-28加法與減法指派
    1-29乘法和除法指派
    1-30字串
    1-31連接字串
    1-32尋找字串的長度
    1-33從字串中取得字元
    1-34修剪字串中的空白
    1-35從字串中取得多個字元
    1-36其他有用的字串方法
    1-37跳脫序列
    1-38樣板字面值
    1-39未定義和空值
    1-40布林值
    1-41邏輯運算子
    1-42比較運算子
    1-43型別強制轉換
    1-44帶有強制轉型的相等性
    1-45真值性
    1-46真值性的用途
    1-47總結
    1-483
    1-49複合資料型別
    1-50陣列
    1-51建立和索引
    1-52陣列中的陣列
    1-53陣列方法
    1-54物件
    1-55存取物件值
    1-56建立物件
    1-57使用物件
    1-58設定物件值
    1-59巢狀物件和陣列
    1-60使用字面值進行巢狀結構
    1-61使用變數進行巢狀結構
    1-62在控制台中探索巢狀物件
    1-63使用JSON.stringify列印巢狀物件
    1-64總結
    1-654
    1-66條件和迴圈
    1-67用條件做出決定
    1-68if 陳述式
    1-69if...­else 陳述式
    1-70更複雜的條件
    1-71串接if...else陳述式
    1-72使用迴圈重複執行程式碼
    1-73while迴圈
    1-74for迴圈
    1-75for...of迴圈
    1-76for...in 迴圈
    1-77總結
    1-785
    1-79函式
    1-80宣告和呼叫函式
    1-81回傳值
    1-82參數型別
    1-83副作用
    1-84將函式作為引數傳遞
    1-85其他函式語法
    1-86函式表達式
    1-87箭頭函式
    1-88其餘參數
    1-89高階函式
    1-90接受回呼的陣列方法
    1-91接受回呼函式的客製化函式
    1-92回傳函式的函式
    1-93總結
    1-946
    1-95類別
    1-96建立類別和實例
    1-97繼承
    1-98基於原型的繼承
    1-99使用建構函式和原型
    1-100比較建構函式和類別
    1-101探索 Object.prototype
    1-102遍歷原型鏈
    1-103重寫方法
    1-104總結
    1-105Part II 互動式JavaScript
    1-1067
    1-107HTML、DOM與CSS
    1-108HTML
    1-109建立HTML文件
    1-110理解巢狀關係
    1-111文件物件模型(DOM)
    1-112DOM API
    1-113元素識別碼
    1-114script元素
    1-115CSS
    1-116link 元素
    1-117規則集
    1-118選擇器
    1-119在JavaScript中使用CSS選擇器
    1-120總結
    1-1218
    1-122基於事件的程式
    1-123事件處理器
    1-124事件冒泡
    1-125事件委派
    1-126滑鼠移動事件
    1-127鍵盤事件
    1-128總結
    1-1299
    1-130Canvas元素
    1-131建立Canvas
    1-132製作靜態繪圖
    1-133繪製描邊矩形
    1-134使用路徑繪製其他形狀
    1-135與Canvas互動
    1-136動畫Canvas
    1-137總結
    1-138Part III 專案
    1-139Proj­ect 1
    1-140建立遊戲
    1-14110
    1-142Pong
    1-143遊戲簡介
    1-144設定
    1-145球
    1-146重構
    1-147遊戲迴圈
    1-148彈跳
    1-149球拍
    1-150以玩家輸入移動球拍
    1-151檢測球拍碰撞
    1-152在球拍兩端彈跳
    1-153計分
    1-154電腦控制
    1-155遊戲結束
    1-156完整程式碼
    1-157總結
    1-15811
    1-159物件導向PONG
    1-160物件導向設計
    1-161GameView類別
    1-162檔案結構
    1-163遊戲元素
    1-164球拍
    1-165球
    1-166分數和電腦類別
    1-167遊戲類別
    1-168遊戲開始
    1-169總結
    1-170Proj­ect 2
    1-171製作音樂
    1-17212
    1-173產生聲音
    1-174Web Audio API
    1-175設定
    1-176使用Web Audio API產生音調
    1-177Tone.js程式庫
    1-178使用Tone.js產生音調
    1-179理解Tone.Synth選項
    1-180依序演奏更多音符
    1-181同時演奏多個音符
    1-182Tone.js Transport
    1-183Tone.Loop
    1-184Tone.Sequence
    1-185Tone.Part
    1-186製作鼓聲
    1-187腳踏鈸合成
    1-188小鼓合成
    1-189低音鼓合成
    1-190殘響
    1-191鼓迴圈
    1-192使用樣本
    1-193總結
    1-19413
    1-195寫一首歌
    1-196開始組織
    1-197事件處理
    1-198製作鼓聲
    1-199加入貝斯線
    1-200加入和弦
    1-201演奏旋律
    1-202完整程式碼
    1-203總結
    1-204Proj­ect 3
    1-205資料視覺化
    1-20614
    1-207介紹D3程式庫
    1-208SVG圖形格式
    1-209組合元素
    1-210繪製圓形
    1-211定義路徑
    1-212使用CSS來設計元素
    1-213使用JavaScript加入互動性
    1-214D3程式庫
    1-215設定
    1-216選擇
    1-217資料綁定
    1-218資料連接
    1-219即時更新
    1-220轉場和鍵函式
    1-221進階連接
    1-222製作長條圖
    1-223設定
    1-224計算字元頻率
    1-225繪製長條圖
    1-226使用CSS和正規表達式設計樣式
    1-227清理資料
    1-228加入動畫效果
    1-229總結
    1-23015
    1-231視覺化GitHub搜尋API的資料
    1-232抓取資料
    1-233設定
    1-234基本視覺化
    1-235建立元素
    1-236繪製坐標軸
    1-237繪製長條圖
    1-238改進視覺化
    1-239顯示儲存庫資訊
    1-240長條圖的顏色編碼
    1-241標記左側軸
    1-242增加互動性
    1-243根據授權條款過濾資料
    1-244加入動畫效果
    1-245完整程式碼
    1-246總結
    1-247後記
    1-248索引
    1-249版權頁
    1-250封底

    常見問答

    您可以透過手機、平板或是電腦登入 HiSKIO 平台,在【我的學習】>【我的書籍】頁面,選擇想看的電子書。

    猜你喜歡

    用戶評價

    | 收集中

    銷售方案