MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

JavaScript 程式語言可讓開發者在網頁上建構複雜的東西。只要網頁上不僅呈現了靜態的資訊,更有及時內容更新、互動地圖、2D/3D 動畫、滾動型影片點播機之類,你就可以大膽假設此網頁是以 JavaScript 架設而成。

學習途徑

多數人認為相較於 HTML 和 CSS,學習 JavaScript 顯得較為困難。開始學習 JavaScript 之前,強烈建議你至少先熟悉上述的其中 2 項技術,或你也熟知其他程式語言的知識將更有利於學習。可先透過以下課程了解更多基礎知識:

若你有其他程式語言的撰寫經驗,也許會更輕鬆。

當熟悉 JavaScript 的基本知識之後,您將可學習更多進階主題,像是:

教學課程

本主題涵蓋許多課程,建議您依下列順序閱讀。

JavaScript 的起手式
學習 JavaScripte 的第一個課程將告訴你如何撰寫第一支 JavaScript 程式。但我們先回答一些基本的問題,像是「什麼是 JavaScript?」、「JS 程式碼是什麼樣子?」、「能做些什麼?」。接著會更深入地討論許多 JavaScript 的功能,例如:變數、字串、數字、陣列等。
JavaScript 基本構成要件
我們將持續認識 JavaScript 更多主要的基本功能,並將說明常見的程式碼區塊類別,例如:條件陳述式、迴圈、函式、事件等。相信你已經看過這些技術名詞,但可能僅是匆匆一瞥。為此,我們將進一步說明這些名詞。
JavaScript 物件介紹
JavaScript 中的許多東西都是物件,從 JavaScript 核心功能 (字串與陣列),到以 JavaScript 為基礎的瀏覽器 API 皆是物件。你可建立屬於自己的物件,並將相關的函式與變數封裝到不同的套件內。如果你要進一步了解此程式語言並撰寫更有效率的程式碼,就一定要了解 JavaScript 的物件導向 (OO) 特性。我們另提供相關課程解說物件的理論和語法、讓你建立自己的物件、解釋何謂 JSON 資料及其運作方式等。
用戶端的 Web API
當要針對網站或 App 撰寫用戶端的 JavaScript 時,你不需先花一堆功夫 (像是先弄個介面才能操作瀏覽器的不同面向、網站正執行的作業系統,甚至是來自於其他網站或服務的資料),就能開始使用 API。在這個模組會簡介 API,以及如何使用你會經常使用到的常見 API。

解決常見的 CSS 問題

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

另可參考

JavaScript on MDN
MDN 上連結到各篇 JavaScript 核心要點的說明文件,供你找到大量且多方面的參考文件,更有進階線上教學助你成為熟練的 JavaScript 使用者。
Coding math
一系列優質的教學影片,讓你成為有效率的程式設計師。(作者:Keith Peters

文件標籤與貢獻者

 此頁面的貢獻者: MashKao, pa-da, fredliu16, chrisdavidmills
 最近更新: MashKao,