blob: 17fed115be1ca3281c872c9efc3efad170033dd3 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
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>
|
