JavaScript 程式設計的樂趣|範例實作與專題研究的程式設計課 (JavaScript Crash Course: A Hands-On, Project-Based Introduction to Programming)

Nick Morgan 著 張正豪 編譯

  • JavaScript 程式設計的樂趣|範例實作與專題研究的程式設計課 (JavaScript Crash Course: A Hands-On, Project-Based Introduction to Programming)-preview-1
  • JavaScript 程式設計的樂趣|範例實作與專題研究的程式設計課 (JavaScript Crash Course: A Hands-On, Project-Based Introduction to Programming)-preview-2
  • JavaScript 程式設計的樂趣|範例實作與專題研究的程式設計課 (JavaScript Crash Course: A Hands-On, Project-Based Introduction to Programming)-preview-3
  • JavaScript 程式設計的樂趣|範例實作與專題研究的程式設計課 (JavaScript Crash Course: A Hands-On, Project-Based Introduction to Programming)-preview-4
  • JavaScript 程式設計的樂趣|範例實作與專題研究的程式設計課 (JavaScript Crash Course: A Hands-On, Project-Based Introduction to Programming)-preview-5
  • JavaScript 程式設計的樂趣|範例實作與專題研究的程式設計課 (JavaScript Crash Course: A Hands-On, Project-Based Introduction to Programming)-preview-6
  • JavaScript 程式設計的樂趣|範例實作與專題研究的程式設計課 (JavaScript Crash Course: A Hands-On, Project-Based Introduction to Programming)-preview-7
  • JavaScript 程式設計的樂趣|範例實作與專題研究的程式設計課 (JavaScript Crash Course: A Hands-On, Project-Based Introduction to Programming)-preview-8
  • JavaScript 程式設計的樂趣|範例實作與專題研究的程式設計課 (JavaScript Crash Course: A Hands-On, Project-Based Introduction to Programming)-preview-9
JavaScript 程式設計的樂趣|範例實作與專題研究的程式設計課 (JavaScript Crash Course: A Hands-On, Project-Based Introduction to Programming)-preview-1

相關主題

商品描述

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的資料
設定
抓取資料
基本視覺化
改進視覺化
增加互動性
完整程式碼
總結

後記