blob: 35969ae0a718925ef4792e43ae3b3fa4182f4e87 (
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
|
---
title: JavaScript
slug: learn/JavaScript
tags:
- JavaScript
- 初学者
- 编写脚本
translation_of: Learn/JavaScript
---
<div>{{LearnSidebar}}</div>
<p class="summary">{{Glossary('JavaScript')}} 编程语言允许你在 Web 页面上实现复杂的功能。如果你看到一个网页不仅仅显示静态的信息，而是显示依时间更新的内容，或者交互式地图，或者 2D/3D 动画图像，或者滚动的视频播放器，等等——你基本可以确定，这需要 JavaScript 的参与。</p>
<h2 id="学习路线">学习路线</h2>
<p>很多人认为，与相关技术如 <a href="https://developer.mozilla.org/en-US/docs/Learn/HTML">HTML</a> 和 <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS">CSS</a> 相比，学习 JavaScript 更为困难。在尝试学习 JavaScript 之前，我们强烈建议你首先至少熟悉上述这两种技术，一些其他知识可能也会有帮助。你可以从以下模块开始学习之旅：</p>
<ul>
<li><a href="/zh-CN/docs/Learn/Getting_started_with_the_web">开始了解 Web</a></li>
<li><a href="/zh-CN/docs/Web/Guide/HTML/Introduction">HTML 入门</a></li>
<li><a href="/zh-CN/docs/Learn/CSS/Introduction_to_CSS">CSS 入门</a></li>
</ul>
<p>拥有其他编程语言的经验也许会有帮助。</p>
<p>熟悉 JavaScript 的基本概念之后，你将具备学习更多高级主题的能力，比如这些：</p>
<ul>
<li>深入理解 JavaScript，如 <a href="/zh-CN/docs/Web/JavaScript/Guide">JavaScript 指南</a>中的内容</li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/API">Web APIs</a></li>
</ul>
<h2 id="模块">模块</h2>
<p>本主题包含以下模块，我们建议你按照下列顺序阅读。</p>
<dl>
<dt><a href="/zh-CN/docs/Learn/JavaScript/First_steps">JavaScript 第一步</a></dt>
<dd>作为 JavaScript 学习的第一个模块，在开始编写第一段代码之前，我们首先回答一些基础的问题，比如“JavaScript 是什么？”、“它的代码长什么样？”、以及“它能做什么？”。之后我们会详细讨论一些 JavaScript 的关键功能，比如变量、字符串、数字、数组等。</dd>
<dt><a href="/zh-CN/docs/Learn/JavaScript/Building_blocks">构成 JavaScript 的“砖块”</a></dt>
<dd>在这个模块中，我们继续介绍 JavaScript 的关键的基础功能，并逐渐将注意力转移到常见类型的代码块，比如条件语句、循环、函数、以及事件等。你应该已经遇到过这些概念，而这里我们将正式学习。</dd>
<dt><a href="/zh-CN/docs/Learn/JavaScript/Objects">JavaScript 对象初识</a></dt>
<dd>在 JavaScript 中，绝大多数东西都是对象；从作为 JavaScript 核心功能的字符串和数组，到建立在 JavaScript 之上的浏览器 API，无一不是对象。你甚至可以自己创建对象，将相关的函数和变量封装打包。想要进一步学习 JavaScript 语言知识、写出高效的代码的话，理解这种面向对象的特性是必不可少的。这个模块将帮助你了解“对象”，我们将详细介绍对象的设计思想和语法、如何创建对象，并解释 JSON 数据是什么、如何使用。</dd>
<dt><a href="https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous">异步JavaScript</a></dt>
<dd>
<p>这个模块介绍异步JavaScript： 为什么重要，如何用它来处理 可能引起阻塞的操作（比如从服务器获取资源）</p>
</dd>
<dt><a href="/zh-CN/docs/Learn/JavaScript/Client-side_web_APIs">客户端 Web API</a></dt>
<dd>为网站或应用编写客户端 JavaScript 脚本时，你很难不用到 Web API 接口。这些接口允许你一定程度上操纵网页所运行在的浏览器和操作系统、甚至来自其他网站和服务的数据。在这个模块中，我们将了解有哪些 API，并学习使用开发过程中最常见的 API。</dd>
</dl>
<h2 id="解决常见的JavaScript问题">解决常见的JavaScript问题</h2>
<p><a href="https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Howto">解决常见的JavaScript问题</a> 提供一些链接，解释如何使用JavaScript来解决创建网页时非常常见的问题。</p>
<h2 id="另见">另见</h2>
<dl>
<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>
|
