aboutsummaryrefslogtreecommitdiff
path: root/files/zh-tw/learn/javascript/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/zh-tw/learn/javascript/index.html')
-rw-r--r--files/zh-tw/learn/javascript/index.html71
1 files changed, 71 insertions, 0 deletions
diff --git a/files/zh-tw/learn/javascript/index.html b/files/zh-tw/learn/javascript/index.html
new file mode 100644
index 0000000000..17fed115be
--- /dev/null
+++ b/files/zh-tw/learn/javascript/index.html
@@ -0,0 +1,71 @@
+---
+title: JavaScript — 動態的客戶端指令
+slug: Learn/JavaScript
+tags:
+ - Beginner
+ - CodingScripting
+ - JavaScript
+ - Landing
+ - NeedsTranslation
+ - Topic
+ - TopicStub
+ - 初學者
+translation_of: Learn/JavaScript
+---
+<div>{{LearnSidebar}}</div>
+
+<p class="summary">{{Glossary("JavaScript")}} 程式語言可讓你在網頁上建構複雜的事物。當網頁不僅僅呆板呈現給你靜態的內容(像是即時的內容更新,互動式地圖、2D/3D 動畫、滑鼠操控影片播放…等等),你可以大膽猜測 JavaScript 已經參與其中。</p>
+
+<h2 id="學習途徑">學習途徑</h2>
+
+<p>JavaScript 相較於 <a href="/zh-TW/docs/Learn/HTML">HTML</a> 和 <a href="/zh-TW/docs/Learn/CSS">CSS</a> 這些技術可以說比較困難。開始嘗試學習 JavaScript 之前,強烈建議你起碼先熟悉上述兩項技術,或者了解其它的更好。可以透過以下單元開始:</p>
+
+<ul>
+ <li><a href="/zh-TW/docs/Learn/Getting_started_with_the_web">入門認識 Web</a></li>
+ <li><a href="/zh-TW/docs/Learn/HTML/Introduction_to_HTML">HTML 簡介</a>.</li>
+ <li><a href="/zh-TW/docs/Learn/CSS/Introduction_to_CSS">CSS 簡介</a>.</li>
+</ul>
+
+<p>若你之前有其他程式語言的撰寫經驗,也許會有幫助。</p>
+
+<p>當熟悉 JavaScript 的基本知識之後,你應該進入一些更進階的主題,像是:</p>
+
+<ul>
+ <li>深入 JavaScript,像是 <a href="/zh-TW/docs/Web/JavaScript/Guide">JavaScript 指南</a></li>
+ <li><a href="/zh-TW/docs/Web/API">Web <u>APIs</u></a></li>
+</ul>
+
+<h2 id="單元">單元</h2>
+
+<p>本主題涵蓋許多單元,建議你依下列順序閱讀。</p>
+
+<dl>
+ <dt><a href="/zh-TW/docs/Learn/JavaScript/First_steps">JavaScript 初探</a></dt>
+ <dd>在我們的第一個 JavaScript 單元,在帶你初次實際撰寫 JavaScript 程式之前,我們先回答幾個基本的問題,像是「什麼是 JavaScript?」、「它看起來是什麼樣子?」、「它能做些什麼?」。接著,我們深入地討論幾個 JavaScript 關鍵的組成元素,例如:變數、字串、數字、陣列。</dd>
+ <dt><a href="/zh-TW/docs/Learn/JavaScript/Building_blocks">JavaScript 構成元素</a></dt>
+ <dd>在這個單元,我們繼續含蓋 JavaScript 關鍵的基本元素,把焦點放在常見程式碼區塊的類型,像是條件陳述式、迴圈、函數以及事件。你已經在這個課程中看過這些東西,但只是匆匆一瞥,在這裡我們會明確地討論。</dd>
+ <dt><a href="/zh-TW/docs/Learn/JavaScript/Objects">JavaScript 物件介紹</a></dt>
+ <dd>在 JavaScript 程式語言,絕大部分的東西都是物件,從核心的 JavaScript 元素像是字串(string)和陣列(array)到基於 JavaScript 建構的瀏覽器 API 都是。你甚至可以建立自己的物件,將相關的變數與函數封裝成能有效率操作的集合體。如果你想更深入了解這門程式語言的知識,並撰寫出更有效率的程式碼,了解 JavaScript 物件導向的本質是重要的,因此我們準備這個單元來幫助你。這裡我們教詳細的物件理論與語法,看看要如何建自你自己的物件,以及說明什麼是 JSON 資料和怎麼使用它。</dd>
+ <dt><a href="/zh-TW/docs/Learn/JavaScript/Asynchronous">非同步的 JavaScript</a></dt>
+ <dd>這個單元我們來討論非同步的 JavaScript,它為什麼重要,以及它能如何有效處理像是由伺服器抓取資料這種阻塞性操作(它會造成網頁停頓)。</dd>
+ <dt><a href="/zh-TW/docs/Learn/JavaScript/Client-side_web_APIs">用戶端的 web API</a></dt>
+ <dd>當你走在用 JavaScript 撰寫用戶端程式,來建構網站或應用程式的路上,不利用 API 很難走很遠,介接在操控瀏覽器、作業系統的不同功能,或是接收來自其它網站、服務的資料。在這個單元中,我們將討索什麼是 API ,以及如何使用幾個在你開發過程中,十分頻繁被使用到的 API 。</dd>
+ <dt>
+ <h2 id="解決常見的_JavaScript_問題">解決常見的 JavaScript 問題</h2>
+
+ <p>在你寫網頁時,可參閱〈<a href="/zh-TW/docs/Learn/JavaScript/Howto">透過 JavaScript 解決常見的問題</a>〉內所提供的連結,解決許多常見問題。</p>
+ </dt>
+</dl>
+
+<h2 id="參考資源">參考資源</h2>
+
+<dl>
+ <dt><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript">JavaScript on MDN</a></dt>
+ <dd>MDN 上連結到各篇 JavaScript 核心文件的主要,在這裡你可以找到關於 JavaScript 程式語言各方面廣泛的參考文件,還有一些進階的指引幫助你成為熟練的 JavaScript 使用者。</dd>
+ <dt><a href="https://learnjavascript.online/">Learn JavaScript</a></dt>
+ <dd>對於想成為網站開發者一個很好的資源,以互動的方式學習 JavaScript ,包含短課程、互動測驗,自動評估狀況給予指引。前 40 堂課是免費,完整的課程可以在一次付費買下。</dd>
+ <dt><a href="https://exlskills.com/learn-en/courses/javascript-fundamentals-basics_javascript">JavaScript Fundamentals on EXLskills</a></dt>
+ <dd>在免費的 EXLskills 開源課程中,介紹給你所有開始建構 JavaScript 應用程式所需要的東西。</dd>
+ <dt><a href="https://www.youtube.com/user/codingmath">Coding math</a></dt>
+ <dd>一系列優質的教學影片,教你需要了解哪些數學知識,來讓你成為有效率的程式設計師。(作者:<a href="https://twitter.com/bit101">Keith Peters</a>)</dd>
+</dl>