由於本文件沒有此語言的翻譯版本,您閱讀的是英文版的內容。 幫助我們翻譯這篇文章!
JavaScript 程式語言可讓開發者在網頁上建構複雜的事物。只要網頁上不僅呈現了靜態的資訊,更有及時內容更新、互動地圖、2D/3D 動畫、滾動型影片點播機之類,你就可以大膽假設此網頁是以 JavaScript 建構而成。
學習途徑
多數人認為相較於 HTML 和 CSS,學習 JavaScript 顯得較為困難。開始學習 JavaScript 之前,強烈建議你至少先熟悉上述的其中兩項技術,或你也熟知其他程式語言的知識將更有利於學習。可先透過以下單元了解更多基礎知識:
若你有其他程式語言的撰寫經驗,也許學習上會更輕鬆。
當熟悉 JavaScript 的基本知識之後,您將可學習更多進階主題,像是:
- 深入 JavaScript,像是 JavaScript 指南
- Web APIsAPIs
教學課程
本主題涵蓋許多課程,建議您依下列順序閱讀。
- JavaScript 的起手式
- 學習 JavaScript 的第一個課程將告訴你如何撰寫第一支 JavaScript 程式。但我們先回答一些基本的問題,像是「什麼是 JavaScript?」、「JS 程式碼是什麼樣子?」、「能做些什麼?」。接著會更深入地討論許多 JavaScript 的功能,例如:變數、字串、數字、陣列等。
- JavaScript 基本構成要件
- 我們將持續認識 JavaScript 更多主要的基本功能,並將說明常見的程式碼區塊類別,例如:條件陳述式、迴圈、函式、事件等。相信你已經看過這些技術名詞,但可能僅是匆匆一瞥。為此,我們將進一步說明這些名詞。
- JavaScript 物件介紹
- JavaScript 中的許多東西都是物件,從 JavaScript 核心功能 (字串與陣列),到以 JavaScript 為基礎的瀏覽器 API 皆是物件。你可建立屬於自己的物件,並將相關的函式與變數封裝到不同的套件內。如果你要進一步了解此程式語言並撰寫更有效率的程式碼,就一定要了解 JavaScript 的物件導向特性。我們另提供相關課程解說物件的原理和語法、讓你建立自己的物件、解釋何謂 JSON 資料及其運作方式等。
- 用戶端的 Web APIs
- 當要針對網站或 App 撰寫用戶端的 JavaScript 時,你不需先花一堆功夫(操作不同瀏覽器所提供的不同介面、網站執行在哪個作業系統,甚至是來自於其他網站或服務的資料),就能開始使用 API。在這個單元將會探究什麼是 API,以及如何使用在你的開發過程中會經常使用到的常見 API。
-
解決常見的 JavaScript 問題
在你寫網頁時,可參閱〈透過 JavaScript 解決常見的問題〉內所提供的連結,解決許多常見問題。
另可參考
- JavaScript on MDN
- MDN 上連結到各篇 JavaScript 核心要點的說明文件,供你找到大量且多方面的參考文件,更有進階線上教學助你成為熟練的 JavaScript 使用者。
- Coding math
- 一系列優質的教學影片,讓你成為有效率的程式設計師。(作者:Keith Peters)

