JavaScript — 動態的用戶端指令

JavaScript 程式語言可讓你在網頁上建構複雜的事物。當網頁不僅僅呆板呈現給你靜態的內容(像是即時的內容更新,互動式地圖、2D/3D 動畫、滑鼠操控影片播放…等等),你可以大膽猜測 JavaScript 已經參與其中。

學習途徑

JavaScript 相較於 HTML 和 CSS 這些技術可以說比較困難。開始嘗試學習 JavaScript 之前,強烈建議你起碼先熟悉上述兩項技術,或者了解其它的更好。可以透過以下單元開始:

若你之前有其他程式語言的撰寫經驗,也許會有幫助。

當熟悉 JavaScript 的基本知識之後,你應該進入一些更進階的主題,像是:

單元

本主題涵蓋許多單元,建議你依下列順序閱讀。

JavaScript 初探
在我們的第一個 JavaScript 單元,在帶你初次實際撰寫 JavaScript 程式之前,我們先回答幾個基本的問題,像是「什麼是 JavaScript?」、「它看起來是什麼樣子?」、「它能做些什麼?」。接著,我們深入地討論幾個 JavaScript 關鍵的組成元素,例如:變數、字串、數字、陣列。
JavaScript 構成元素
在這個單元,我們繼續含蓋 JavaScript 關鍵的基本元素,把焦點放在常見程式碼區塊的類型,像是條件陳述式、迴圈、函數以及事件。你已經在這個課程中看過這些東西,但只是匆匆一瞥,在這裡我們會明確地討論。
JavaScript 物件介紹
在 JavaScript 程式語言,絕大部分的東西都是物件,從核心的 JavaScript 元素像是字串(string)和陣列(array)到基於 JavaScript 建構的瀏覽器 API 都是。你甚至可以建立自己的物件,將相關的變數與函數封裝成能有效率操作的集合體。如果你想更深入了解這門程式語言的知識,並撰寫出更有效率的程式碼,了解 JavaScript 物件導向的本質是重要的,因此我們準備這個單元來幫助你。這裡我們教詳細的物件理論與語法,看看要如何建自你自己的物件,以及說明什麼是 JSON 資料和怎麼使用它。
非同步的 JavaScript
這個單元我們來討論非同步的 JavaScript,它為什麼重要,以及它能如何有效處理像是由伺服器抓取資料這種阻塞性操作(它會造成網頁停頓)。
用戶端的 web API
當你走在用 JavaScript 撰寫用戶端程式,來建構網站或應用程式的路上,不利用 API 很難走很遠,介接在操控瀏覽器、作業系統的不同功能,或是接收來自其它網站、服務的資料。在這個單元中,我們將討索什麼是 API ,以及如何使用幾個在你開發過程中,十分頻繁被使用到的 API 。

解決常見的 JavaScript 問題

在你寫網頁時,可參閱〈透過 JavaScript 解決常見的問題〉內所提供的連結,解決許多常見問題。

參考資源

JavaScript on MDN
MDN 上連結到各篇 JavaScript 核心文件的主要,在這裡你可以找到關於 JavaScript 程式語言各方面廣泛的參考文件,還有一些進階的指引幫助你成為熟練的 JavaScript 使用者。
Learn JavaScript
對於想成為網站開發者一個很好的資源,以互動的方式學習 JavaScript ,包含短課程、互動測驗,自動評估狀況給予指引。前 40 堂課是免費,完整的課程可以在一次付費買下。
JavaScript Fundamentals on EXLskills
在免費的 EXLskills 開源課程中,介紹給你所有開始建構 JavaScript 應用程式所需要的東西。
Coding math
一系列優質的教學影片,教你需要了解哪些數學知識,來讓你成為有效率的程式設計師。(作者:Keith Peters