From 7afc05c7e718f0f057ee35ff89ed07ac56e5fc15 Mon Sep 17 00:00:00 2001 From: familyboat <2015301110129@whu.edu.cn> Date: Wed, 4 Sep 2024 11:47:50 +0800 Subject: [PATCH 01/36] update --- files/zh-cn/learn/index.md | 120 ++++++++++++++++++++----------------- 1 file changed, 66 insertions(+), 54 deletions(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index aa832e159e124b..1b67e6c54e2fcf 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -1,72 +1,90 @@ --- title: 学习 Web 开发 slug: Learn +l10n: + sourceCommit: 33d92d501901ca505f1d33f914531753ca289f2e --- {{LearnSidebar}} -欢迎来到 MDN 学习区。本系列文章旨在为零基础 Web 开发初学者提供指导和开始编写网站代码所需的所有内容。 +欢迎来到 MDN 学习区。本系列文章的目的是为 Web 开发的纯新手提供编写网站的基本技巧。虽然无法让你从“新手”到“专家”，但能让你从“新手”到“适应”。之后，你就能以你自己的方式学习 [MDN 的其它内容](/zh-CN/)和其它需要大量前置知识的中高级资源。 -该教程并不是“从入门到精通”类型的教程，只能让你做到“从入门到适应”。在此之后，你应该能够以你自己的方式学习 [MDN 的其他内容](/zh-CN/)，并接触到其他中、高级资源。 - -从零开始学习 Web 开发极具挑战性，该教程将为你提供详细的资料，手把手帮助你轻松愉快地学习。无论你是正在学习 Web 开发的学生（自学或参与课程）、寻找材料的老师、编程爱好者，亦或是仅仅想了解一点点 Web 技术，我们都希望你能感到宾至如归。 +如果你是纯新手，Web 开发将是个挑战——希望通过握住你的手和为你提供足够的细节，能让你能感到舒适和正确地学习各个专题。无论你是学习 Web 开发的学生（自学或在课堂上学）、寻找教课材料的老师、爱好者、又或是仅想多了解一些 Web 技术，希望你能在这有种宾至如归的感觉。 ## 学习起点 -- 零基础的初学者 - - : 如果你完全没有 Web 开发经验，那么我们推荐从 [Web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web)部分开始，该部分教程通过实践的方式向你介绍 Web 开发。 -- 有一定基础 - - : 如果你已经具备了一定的开发知识，下一步就是深入学习 {{glossary("HTML")}} 和 {{glossary("CSS")}}。先学习 [HTML 入门](/zh-CN/docs/Learn/HTML/Introduction_to_HTML)，再学习 [CSS 初步](/zh-CN/docs/Learn/CSS/First_steps)。 -- 学习脚本编写 - - : 如果你已经完成了 HTML 和 CSS 入门课程，或是主要对编写代码感兴趣，可以继续学习 {{glossary("JavaScript")}} 或服务端开发。可通过 [JavaScript 初步](/zh-CN/docs/Learn/JavaScript/First_steps)和[服务端编程的第一步](/zh-CN/docs/Learn/Server-side/First_steps)开始学习。 -- 框架与工具 - - : 在掌握了原生 HTML、CSS、JavaScript 的要领后，就可以继续学习[前端开发工具](/zh-CN/docs/Learn/Tools_and_testing/Understanding_client-side_tools)课程，并考虑开始研究 [JavaScript 前端框架](/zh-CN/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks)，以及[网站服务端编程](/zh-CN/docs/Learn/Server-side)了。 +如果你不是想要深入学习 Web 开发，而是想从尝试环节开始，建议你从[ Web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web)指南开始。除此之外，你应该先学习下面的主题。 + +- HTML 和 CSS + - : HTML 为 Web 内容提供结构，而 CSS 为内容的样式和布局提供指导。参见 [介绍 HTML](/zh-CN/docs/Learn/HTML/Introduction_to_HTML) 和[ CSS 第一步](/zh-CN/docs/Learn/CSS/First_steps)获取基本的入门信息。 +- JavaScript + - : JavaScript 能让你编写网站上的交互功能。从 [JavaScript 第一步](/zh-CN/docs/Learn/JavaScript/First_steps)开始。 +- 框架和工具 + - : 在掌握原生 HTML、CSS、JavaScript 的基本知识后，你可以学习[客户端 Web 开发工具](/zh-CN/docs/Learn/Tools_and_testing/Understanding_client-side_tools)，接着深入学习 [客户端 JavaScript 框架](/zh-CN/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks)。你也可以学习[服务端网站编程](/zh-CN/docs/Learn/Server-side)的基础概念。 > [!NOTE] -> 可在[术语表](/zh-CN/docs/Glossary)中查询术语。此外，如果你对 Web 开发有具体问题，可以尝试在[常见问题](/zh-CN/docs/Learn/Common_questions)寻找答案。 +> [术语表](/zh-CN/docs/Glossary)提供术语定义。此外，如果你有特定的和 Web 开发相关的问题，可以尝试在[常见问题](/zh-CN/docs/Learn/Common_questions)寻找答案。 > [!CALLOUT] > -> #### 想要成为一名前端工程师？ +> #### 想成为一名前端 Web 开发者吗？ > -> 如果你想要成为一名前端 Web 工程师而又不确定首先要学习什么，我们建议你使用 [MDN 教学课程](/en-US/curriculum/)来规划学习。它提供了结构化的学习路径，涵盖成为一名成功的前端开发人员所需的基本技能与实践，以及推荐的学习资源。 +> 如果你想成为一名前端 Web 开发者而又不确定首先要学习什么，我们建议你使用 [MDN 教学课程](/en-US/curriculum/)来规划学习。它提供了结构化的学习路径，涵盖成为一名成功的前端开发者所需的基本技能与实践，以及推荐的学习资源。 > > [**现在开始**](/en-US/curriculum/) ## 涵盖的主题 -以下列表包含了 MDN 学习区涵盖的所有主题： +以下列表包含了 MDN 学习区涵盖的所有专题： - [Web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web) - - : 为零基础初学者提供实用的 Web 开发入门简介。 + - : 为纯新手提供实用的 Web 开发介绍。 - [HTML 构建网站](/zh-CN/docs/Learn/HTML) - : HTML 是用于构建网页的内容并定义其含义或目的的语言。该专题将详细讲解 HTML。 -- [CSS 风格化站点](/zh-CN/docs/Learn/CSS) +- [CSS —— 风格化 Web](/zh-CN/docs/Learn/CSS) - : CSS 是用于对网页内容进行设计、布局或添加动画等行为的语言。该专题对 CSS 进行了全面介绍。 -- [JavaScript - 动态客户端脚本语言](/zh-CN/docs/Learn/JavaScript) +- [JavaScript —— 动态客户端脚本语言](/zh-CN/docs/Learn/JavaScript) - : JavaScript 是用于向网页添加动态功能的脚本语言。该专题涵盖有关编写和理解 JavaScript 代码所需的所有重点。 -- [Web 表单 - 操作用户数据](/zh-CN/docs/Learn/Forms) +- [Web 表单 —— 操作用户数据](/zh-CN/docs/Learn/Forms) - : Web 表单是用于进行用户交互的强大工具——其常用于收集用户数据和控制用户界面。该专题将对 Web 表单的结构、样式、交互要点进行介绍。 -- [无障碍 - 让每个人都能畅游网络](/zh-CN/docs/Learn/Accessibility) - - : “无障碍”（Accessibility）是开发人员对让更多的人能够不受残疾、设备、地区等因素的限制访问 Web 内容做出的努力。该专题包含一切所需了解的信息。 -- [Web 性能优化 - 让网站更快做出响应](/zh-CN/docs/Learn/Performance) +- [无障碍 —— 让每个人都能畅游网络](/zh-CN/docs/Learn/Accessibility) + - : 无障碍是让更多的人能够不受残疾、设备、地区等因素的限制访问 Web 内容的实践。该专题包含一切所需了解的信息。 +- [Web 性能优化 —— 让网站更快做出响应](/zh-CN/docs/Learn/Performance) - : Web 性能是确保网络应用的快速下载并对用户操作进行快速响应的艺术，而无论用户的带宽大小、屏幕尺寸、网络状态好坏或是设备性能高低。 -- [工具与测试](/zh-CN/docs/Learn/Tools_and_testing) - - : 该专题涵盖了开发人员常用的效率工具，如跨浏览器测试工具、代码检查工具、代码格式化工具、转换工具、版本控制系统、部署工具、客户端 JavaScript 框架等。 -- [服务器端网站编程](/zh-CN/docs/Learn/Server-side) - - : 即使你专注于客户端的 Web 开发，了解服务器和服务端代码的运行机制仍然很有用。该专题简单介绍了服务端的运作机制，并包含了两份分别有关使用 Django（Python）和 Express（node.js）两个流行框架构建服务器端应用的教程。 +- [MathML](/en-US/docs/Learn/MathML) + - : MathML 是用于在网页中书写数学公式的语言（使用分数、上下标、根号、矩阵、积分、级数，等等）。 该专题涵盖 MathML。 +- [工具和测试](/zh-CN/docs/Learn/Tools_and_testing) + - : 该专题涵盖开发者用于提升效率的工具，如跨浏览器测试工具、代码检查工具、代码格式化工具、转换工具、版本控制系统、部署工具、客户端 JavaScript 框架等。 +- [服务端网站编程](/zh-CN/docs/Learn/Server-side) + - : 尽管你专注于客户端 Web 开发，但是了解服务器和服务端代码的运行机制仍是有用的。该专题对服务端的运作机制进行了通用介绍，以及包含使用 Django（Python）和 Express（node.js）两个流行框架构建服务器端应用的详细教程。 + +## 任务和评估 + +在 MDN 的学习 Web 开发章节中，为你准备了许多自包含的任务和评估。有以下两个主要类型： + +- “技能测试”任务，例如[在代码中做决策——条件](/en-US/docs/Learn/JavaScript/Building_blocks/conditionals#test_your_skills!). +- 在某些模块的最后包含深入一些的**评估**，例如[图像画廊](/en-US/docs/Learn/JavaScript/Building_blocks/Image_gallery). + +每个都有响应的评分指南和推荐的解决方案，帮助你评估你的工作。 +容易一些地找到这些资源是有迹可循的，例如： + +- 上面的**技能测试**任务的示例的评分指南和资源在 能找到。 +- 上面的**评估**示例的评分指南和资源在 能找到。 + +> [!NOTE] +> 任务和评估中的评分指南和其它资源大多数在 [MDN 学习区示例中文版](https://github.com/roy-tian/learning-area/)能找到，还有一些在 [`mdn/css-examples`](https://github.com/mdn/css-examples/tree/main/learn)。 ## 获取代码示例 -学习区的所有代码示例都可以在 GitHub 上的 [MDN 学习区示例中文版](https://github.com/roy-tian/learning-area/) 上寻得。如果你想把获取所有代码示例的副本，直接 [包含最新 master 分支内容的压缩文件](https://github.com/roy-tian/learning-area/archive/master.zip) 即可。 +学习区的所有代码示例都可以在 GitHub 上的 [MDN 学习区示例中文版](https://github.com/roy-tian/learning-area/)上寻得。如果你想把获取所有代码示例的副本，直接 [下载包含最新 master 分支内容的压缩文件](https://github.com/roy-tian/learning-area/archive/master.zip) 即可。 -如果你希望以更灵活的方式复制代码仓库并随时更新本地副本，可参考以下更复杂的步骤： +如果你希望以更灵活的方式复制代码仓库并随时更新本地副本，可参考下列复杂一点的步骤： -1. 在电脑上安装 Github 底层使用的版本控制系统 [Git](https://git-scm.com/downloads)。 +1. 在电脑上安装 [Git](https://git-scm.com/downloads)。它是 Github 底层使用的版本控制系统 -2. 打开操作系统的命令提示符（[Windows](https://docs.microsoft.com/zh-cn/windows/terminal/)）或终端（[Linux](https://help.ubuntu.com/community/UsingTheTerminal)、[macOS](https://support.apple.com/zh-cn/guide/terminal/welcome/mac)）。 +2. 打开计算机的 [命令提示符](https://www.lifewire.com/how-to-open-command-prompt-2618089) (Windows) 或终端 ([Linux](https://help.ubuntu.com/community/UsingTheTerminal), [macOS](https://blog.teamtreehouse.com/introduction-to-the-mac-os-x-command-line)). -3. 在命令提示符 / 终端中输入以下命令，即可将 `roy-tian/learning-area` 仓库拷贝到本地的 `learning-area` 文件夹： +3. 在命令提示符 / 终端中输入下列命令，即可将 `roy-tian/learning-area` 仓库拷贝到本地的 `learning-area` 文件夹： ```bash git clone https://github.com/roy-tian/learning-area @@ -74,15 +92,15 @@ slug: Learn 4. 然后即可使用访达（macOS）、文件资源管理器（Windows/Linux）或 [`cd` 命令]()) 进入该目录，查找所需文件。 -你可以随时对本地 `learning-area` 目录与 GitHub 仓库中的 master 分支进行同步，具体步骤如下： +你可以随时对本地 `learning-area` 目录与 GitHub 仓库中的主版本进行同步，具体步骤如下： -1. 在命令提示符 / 终端中使用 `cd` 指令进入 `learning-area` 文件夹。例如，当你在父目录时： +1. 在命令提示符 / 终端中使用 `cd` 命令进入 `learning-area` 文件夹。例如，假设你在父目录中： ```bash cd learning-area ``` -2. 执行以下命令以更新仓库： +2. 使用下列命令更新仓库： ```bash git pull @@ -90,29 +108,23 @@ slug: Learn ## 联系我们 -如果你想就任何事宜联系我们，最好的方式是在[论坛](https://discourse.mozilla.org/c/mdn/236)上留言。如果你认为网站上有任何错误或遗漏、请求新的学习主题、针对你不理解的部分请求帮助、或提出任何其他问题，我们都期待听到你的意见。 +如果你想就任何事宜联系我们，请使用[通讯频道](/zh-CN/docs/MDN/Community/Communication_channels)。如果你认为网站上有任何错误或遗漏、想请求新的学习主题、针对不理解的部分想请求帮助、或想提出任何其他问题，我们愿意倾听你的声音。 -如果你有兴趣帮助我们开发或改进社区内容，请阅读[如何做出贡献](/zh-CN/docs/MDN/Community/Contributing)部分并联系我们！无论你是学生、老师、经验丰富的 Web 开发者、还是其他有兴趣通过帮助我们以提升自学经验的人，我们都不胜荣幸！ +如果你有兴趣帮助我们开发或改进社区内容，请阅读[如何做出贡献](/zh-CN/docs/MDN/Community/Contributing)部分并联系我们！无论你是学习者、老师、有经验的 Web 开发者、还是其他有兴趣通过帮助我们以提升自学经验的人，我们都不胜荣幸！ ## 参见 -- [Mozilla 开发者新闻通讯](https://www.mozilla.org/zh-CN/newsletter/developer/) - - : 我们为 Web 开发者编写的新闻报，对各水平开发者而言都是优秀的资源。 +- [前端开发者职业道路](https://v2.scrimba.com/the-frontend-developer-career-path-c0j?via=mdn) **MDN 教学课程伙伴** + - : [Scrimba's](https://scrimba.com?via=mdn) **前端开发者职业道路**教授成为合格的前端 Web 开发者所需的知识，这里有有趣的交互式的课程和挑战，有学识的老师和提供帮助的社区。让你从零到获得第一份前端工作！许多课程部分有单独的免费版本。 - [学习 JavaScript](https://learnjavascript.online/) - - : 为有进取心的 Web 开发人员准备的优秀资源——在互动环境中学习 JavaScript，其包含由自动评估系统提供指引的简短的课程和互动测试。前 40 节课为免费课程，而想要购买完整的付费课程只需一次性支付少量费用。 -- [揭开 Web 的面纱](https://www.youtube.com/playlist?list=PLo3w8EB99pqLEopnunz-dOOBJ8t-Wgt2g) - - : 面向 Web 开发的零基础教学视频系列，由 [Jérémie Patonnier](https://twitter.com/JeremiePat) 出品。 + - : 为有进取心的 Web 开发人员准备的优秀资源——在交互式环境中学习 JavaScript，其包含由自动评估系统提供指引的简短课程和交互式测试。前 40 节课为免费课程，而想要购买完整的付费课程只需一次性支付少量费用。 - [Codecademy](https://www.codecademy.com/) - - : 用于从零学习编程语言的优秀交互式网站。 -- [BitDegree](https://www.bitdegree.org/learn/) - - : 用游戏的方式学习基础编程理论。主要针对初学者。 -- [Code.org](https://code.org/) - - : 基本的编程理论和实践，主要针对儿童与完全的初学者。 -- [EXLskills](https://exlskills.com/learn-en/courses) - - : 免费开放的学习技术技能的课程，由导师指导和基于项目的学习。 + - : 优秀的交互式网站——从零学习编程语言。 - [freeCodeCamp.org](https://www.freecodecamp.org/) - - : 用于学习 Web 开发的交互式网站，带有教程和项目。 -- [Web 学习路线图](https://foundation.mozilla.org/en/initiatives/web-literacy/core-curriculum/) - - : 用于学习入门级 Web 开发素养与新时代常用技能，另分门别类地提供教学活动。 -- [Edabit](https://edabit.com/challenges/javascript) - - : 上千个 JavaScript 交互式编程挑战。 + - : 通过教程和项目学习 Web 开发的交互式网站。 +- [The Odin Project](https://www.theodinproject.com/) + - : 特点是拥有免费和开源的全栈教学课程，课程涵盖从初级到高级。 +- [MDN 博客](/en-US/blog/) + - : MDN 团队和访客作家为 MDN 博客编写与新的站点开发、HTML、CSS、JavaScript以及其它 Web 开发新闻相关的文章。 +- [Mozilla 开发者新闻通讯](https://www.mozilla.org/zh-CN/newsletter/developer/) + - : 我们为 Web 开发者编写的新闻报，对各水平开发者而言都是优秀的资源。 From 56ec8988f6ad604763bba82b88d5a689577c4084 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Wed, 4 Sep 2024 16:45:37 +0800 Subject: [PATCH 02/36] Update files/zh-cn/learn/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 1b67e6c54e2fcf..ea17ba57cdae2c 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -125,6 +125,6 @@ l10n: - [The Odin Project](https://www.theodinproject.com/) - : 特点是拥有免费和开源的全栈教学课程，课程涵盖从初级到高级。 - [MDN 博客](/en-US/blog/) - - : MDN 团队和访客作家为 MDN 博客编写与新的站点开发、HTML、CSS、JavaScript以及其它 Web 开发新闻相关的文章。 + - : MDN 团队和访客作家为 MDN 博客编写与新的站点开发、HTML、CSS、JavaScript 以及其它 Web 开发新闻相关的文章。 - [Mozilla 开发者新闻通讯](https://www.mozilla.org/zh-CN/newsletter/developer/) - : 我们为 Web 开发者编写的新闻报，对各水平开发者而言都是优秀的资源。 From 37813debf2742d80b955998469bbc4217bd2ee19 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Wed, 4 Sep 2024 16:46:15 +0800 Subject: [PATCH 03/36] Update files/zh-cn/learn/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- files/zh-cn/learn/index.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index ea17ba57cdae2c..266fb05ca8d2e2 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -62,8 +62,8 @@ l10n: 在 MDN 的学习 Web 开发章节中，为你准备了许多自包含的任务和评估。有以下两个主要类型： -- “技能测试”任务，例如[在代码中做决策——条件](/en-US/docs/Learn/JavaScript/Building_blocks/conditionals#test_your_skills!). -- 在某些模块的最后包含深入一些的**评估**，例如[图像画廊](/en-US/docs/Learn/JavaScript/Building_blocks/Image_gallery). +- “技能测试”任务，例如[在代码中做决策——条件](/zh-CN/docs/Learn/JavaScript/Building_blocks/conditionals#test_your_skills!). +- 在某些模块的最后包含深入一些的**评估**，例如[图像画廊](/zh-CN/docs/Learn/JavaScript/Building_blocks/Image_gallery). 每个都有响应的评分指南和推荐的解决方案，帮助你评估你的工作。 容易一些地找到这些资源是有迹可循的，例如： From f1100059a886e3954a75fca2dc123bef6898e5ff Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Wed, 4 Sep 2024 16:47:10 +0800 Subject: [PATCH 04/36] Update files/zh-cn/learn/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- files/zh-cn/learn/index.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 266fb05ca8d2e2..979399e0576f04 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -51,8 +51,8 @@ l10n: - : 无障碍是让更多的人能够不受残疾、设备、地区等因素的限制访问 Web 内容的实践。该专题包含一切所需了解的信息。 - [Web 性能优化 —— 让网站更快做出响应](/zh-CN/docs/Learn/Performance) - : Web 性能是确保网络应用的快速下载并对用户操作进行快速响应的艺术，而无论用户的带宽大小、屏幕尺寸、网络状态好坏或是设备性能高低。 -- [MathML](/en-US/docs/Learn/MathML) - - : MathML 是用于在网页中书写数学公式的语言（使用分数、上下标、根号、矩阵、积分、级数，等等）。 该专题涵盖 MathML。 +- [MathML](/zh-CN/docs/Learn/MathML) + - : MathML 是用于在网页中书写数学公式的语言（使用分数、上下标、根号、矩阵、积分、级数，等等）。该专题涵盖 MathML。 - [工具和测试](/zh-CN/docs/Learn/Tools_and_testing) - : 该专题涵盖开发者用于提升效率的工具，如跨浏览器测试工具、代码检查工具、代码格式化工具、转换工具、版本控制系统、部署工具、客户端 JavaScript 框架等。 - [服务端网站编程](/zh-CN/docs/Learn/Server-side) From f155fb1a0d5d7d46a919e67cc301c15a28ab4a83 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Wed, 4 Sep 2024 17:34:55 +0800 Subject: [PATCH 05/36] Update files/zh-cn/learn/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 979399e0576f04..6e32625020a4c3 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -16,7 +16,7 @@ l10n: 如果你不是想要深入学习 Web 开发，而是想从尝试环节开始，建议你从[ Web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web)指南开始。除此之外，你应该先学习下面的主题。 - HTML 和 CSS - - : HTML 为 Web 内容提供结构，而 CSS 为内容的样式和布局提供指导。参见 [介绍 HTML](/zh-CN/docs/Learn/HTML/Introduction_to_HTML) 和[ CSS 第一步](/zh-CN/docs/Learn/CSS/First_steps)获取基本的入门信息。 + - : HTML 为 Web 内容提供结构，而 CSS 为内容的样式和布局提供指导。参见 [介绍 HTML](/zh-CN/docs/Learn/HTML/Introduction_to_HTML) 和[CSS 第一步](/zh-CN/docs/Learn/CSS/First_steps)获取基本的入门信息。 - JavaScript - : JavaScript 能让你编写网站上的交互功能。从 [JavaScript 第一步](/zh-CN/docs/Learn/JavaScript/First_steps)开始。 - 框架和工具 From 99a3ef7e6abed4500ccf973066c5e5bab239ea60 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Wed, 4 Sep 2024 17:35:09 +0800 Subject: [PATCH 06/36] Update files/zh-cn/learn/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 6e32625020a4c3..2f62bae3781755 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -13,7 +13,7 @@ l10n: ## 学习起点 -如果你不是想要深入学习 Web 开发，而是想从尝试环节开始，建议你从[ Web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web)指南开始。除此之外，你应该先学习下面的主题。 +如果你不是想要深入学习 Web 开发，而是想从尝试环节开始，建议你从[Web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web)指南开始。除此之外，你应该先学习下面的主题。 - HTML 和 CSS - : HTML 为 Web 内容提供结构，而 CSS 为内容的样式和布局提供指导。参见 [介绍 HTML](/zh-CN/docs/Learn/HTML/Introduction_to_HTML) 和[CSS 第一步](/zh-CN/docs/Learn/CSS/First_steps)获取基本的入门信息。 From 7a8ee62e709bf16ff1078058d2f686518f0436ec Mon Sep 17 00:00:00 2001 From: familyboat <2015301110129@whu.edu.cn> Date: Fri, 6 Sep 2024 15:26:49 +0800 Subject: [PATCH 07/36] update --- files/zh-cn/learn/index.md | 94 +++++++++++++++++++------------------- 1 file changed, 47 insertions(+), 47 deletions(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 1b67e6c54e2fcf..843f7c23a41463 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -7,94 +7,94 @@ l10n: {{LearnSidebar}} -欢迎来到 MDN 学习区。本系列文章的目的是为 Web 开发的纯新手提供编写网站的基本技巧。虽然无法让你从“新手”到“专家”，但能让你从“新手”到“适应”。之后，你就能以你自己的方式学习 [MDN 的其它内容](/zh-CN/)和其它需要大量前置知识的中高级资源。 +欢迎来到 MDN 学习区。本系列文章意在为 Web 开发的纯新手提供编码网站的基本技巧，而非意在让你从“新手”变成“专家”，但能让你从“新手”变得“适应”。从那之后，你就能开始以你自己的方式学习 [MDN 的剩余部分](/zh-CN)，和其他需要大量前置知识的中高级资源。 -如果你是纯新手，Web 开发将是个挑战——希望通过握住你的手和为你提供足够的细节，能让你能感到舒适和正确地学习各个专题。无论你是学习 Web 开发的学生（自学或在课堂上学）、寻找教课材料的老师、爱好者、又或是仅想多了解一些 Web 技术，希望你能在这有种宾至如归的感觉。 +Web 开发对纯新手是个挑战——我们将抓住你的手并为你提供足够的细节让你适应，让你正确地学习专题。无论你是学习 Web 开发的学生（自学或在课堂上学），还是寻找课堂材料的老师，还是爱好者，抑或是仅想多理解一些 Web 技术的工作原理，把这当成家。 ## 学习起点 -如果你不是想要深入学习 Web 开发，而是想从尝试环节开始，建议你从[ Web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web)指南开始。除此之外，你应该先学习下面的主题。 +你要是还不确定是否要深入地学习 Web 开发，仅想从体验环节开始，我们会建议你从 [Web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web)开始学习。除此之外，你应该从下面的专题开始学习。 - HTML 和 CSS - - : HTML 为 Web 内容提供结构，而 CSS 为内容的样式和布局提供指导。参见 [介绍 HTML](/zh-CN/docs/Learn/HTML/Introduction_to_HTML) 和[ CSS 第一步](/zh-CN/docs/Learn/CSS/First_steps)获取基本的入门信息。 + - : HTML 为 Web 内容提供结构，而 CSS 为 Web 内容添加样式和为 Web 内容进行布局。在[介绍 HTML](/zh-CN/docs/Learn/HTML/Introduction_to_HTML) 和 [CSS 第一步](/zh-CN/docs/Learn/CSS/First_steps)中学习基本的入门知识。 - JavaScript - - : JavaScript 能让你编写网站上的交互功能。从 [JavaScript 第一步](/zh-CN/docs/Learn/JavaScript/First_steps)开始。 + - : JavaScript 为网站提供交互功能。在 [JavaScript 第一步](/zh-CN/docs/Learn/JavaScript/First_steps)中开始学习。 - 框架和工具 - - : 在掌握原生 HTML、CSS、JavaScript 的基本知识后，你可以学习[客户端 Web 开发工具](/zh-CN/docs/Learn/Tools_and_testing/Understanding_client-side_tools)，接着深入学习 [客户端 JavaScript 框架](/zh-CN/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks)。你也可以学习[服务端网站编程](/zh-CN/docs/Learn/Server-side)的基础概念。 + - : 掌握原生 HTML、CSS 和 JavaScript 的基本知识之后，你应该学习[客户端 Web 开发工具](/zh-CN/docs/Learn/Tools_and_testing/Understanding_client-side_tools)，接着考虑钻研[客户端 JavaScript 框架](/zh-CN/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks)。你也应该考虑学习[服务器端网站编程](/zh-CN/docs/Learn/Server-side)的基础知识。 > [!NOTE] -> [术语表](/zh-CN/docs/Glossary)提供术语定义。此外，如果你有特定的和 Web 开发相关的问题，可以尝试在[常见问题](/zh-CN/docs/Learn/Common_questions)寻找答案。 +> 在[术语表](/zh-CN/docs/Glossary)中能找到术语定义。此外，要是有和 Web 开发相关的特定问题，[常见问题](/zh-CN/docs/Learn/Common_questions)中的内容也许会帮助到你。 > [!CALLOUT] > > #### 想成为一名前端 Web 开发者吗？ > -> 如果你想成为一名前端 Web 开发者而又不确定首先要学习什么，我们建议你使用 [MDN 教学课程](/en-US/curriculum/)来规划学习。它提供了结构化的学习路径，涵盖成为一名成功的前端开发者所需的基本技能与实践，以及推荐的学习资源。 +> 你要是想成为一名前端 Web 开发者，但不确定该从哪开始学习，我们会建议使用 [MDN 课程](/en-US/curriculum/)作为你的学习计划。它提供一个结构化的学习路径，包含：成为一名成功的前端开发者所需的基本技巧和练习，以及推荐学习资源。 > -> [**现在开始**](/en-US/curriculum/) +> [**开始**](/en-US/curriculum/) -## 涵盖的主题 +## 涵盖的专题 -以下列表包含了 MDN 学习区涵盖的所有专题： +下面列表包含 MDN 学习区全部的专题。 - [Web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web) - : 为纯新手提供实用的 Web 开发介绍。 -- [HTML 构建网站](/zh-CN/docs/Learn/HTML) - - : HTML 是用于构建网页的内容并定义其含义或目的的语言。该专题将详细讲解 HTML。 -- [CSS —— 风格化 Web](/zh-CN/docs/Learn/CSS) - - : CSS 是用于对网页内容进行设计、布局或添加动画等行为的语言。该专题对 CSS 进行了全面介绍。 -- [JavaScript —— 动态客户端脚本语言](/zh-CN/docs/Learn/JavaScript) - - : JavaScript 是用于向网页添加动态功能的脚本语言。该专题涵盖有关编写和理解 JavaScript 代码所需的所有重点。 -- [Web 表单 —— 操作用户数据](/zh-CN/docs/Learn/Forms) - - : Web 表单是用于进行用户交互的强大工具——其常用于收集用户数据和控制用户界面。该专题将对 Web 表单的结构、样式、交互要点进行介绍。 -- [无障碍 —— 让每个人都能畅游网络](/zh-CN/docs/Learn/Accessibility) - - : 无障碍是让更多的人能够不受残疾、设备、地区等因素的限制访问 Web 内容的实践。该专题包含一切所需了解的信息。 -- [Web 性能优化 —— 让网站更快做出响应](/zh-CN/docs/Learn/Performance) +- [HTML——为 Web 提供结构](/zh-CN/docs/Learn/HTML) + - : HTML 是用于为 Web 内容的不同部分提供结构并定义结构的含义的语言。该专题详细地讲解 HTML。 +- [CSS——为 Web 提供样式](/zh-CN/docs/Learn/CSS) + - : CSS 是用于为 Web 内容添加样式、为 Web 内容进行布局、添加诸如动画的行为的语言。该专题对 CSS 做了全面的覆盖。 +- [JavaScript——动态客户端脚本语言](/zh-CN/docs/Learn/JavaScript) + - : JavaScript 是用于为 Web 页面添加动态功能的脚本语言。该专题涵盖有关编写和理解 JavaScript 代码所需的全部重点。 +- [Web 表单——操作用户数据](/zh-CN/docs/Learn/Forms) + - : Web 表单是用于和用户交互的强大工具——其常用于收集用户数据和控制用户界面。该专题涵盖 Web 表单的结构、样式和交互相关的全部要点。 +- [无障碍——让每个人都能使用网络](/zh-CN/docs/Learn/Accessibility) + - : 无障碍是让更多的人不受残疾、设备、地区等因素的限制都能访问 Web 内容的实践。该专题包含一切所需了解的信息。 +- [Web 性能优化——让网站更快做出响应](/zh-CN/docs/Learn/Performance) - : Web 性能是确保网络应用的快速下载并对用户操作进行快速响应的艺术，而无论用户的带宽大小、屏幕尺寸、网络状态好坏或是设备性能高低。 - [MathML](/en-US/docs/Learn/MathML) - - : MathML 是用于在网页中书写数学公式的语言（使用分数、上下标、根号、矩阵、积分、级数，等等）。 该专题涵盖 MathML。 + - : MathML 是用于在网页中书写数学公式的语言（使用分数、上下标、根号、矩阵、积分、级数，等等）。 该专题讲解 MathML。 - [工具和测试](/zh-CN/docs/Learn/Tools_and_testing) - - : 该专题涵盖开发者用于提升效率的工具，如跨浏览器测试工具、代码检查工具、代码格式化工具、转换工具、版本控制系统、部署工具、客户端 JavaScript 框架等。 + - : 该专题涵盖的是开发者用于提升效率的工具，如跨浏览器测试工具、代码检查工具、代码格式化工具、转换工具、版本控制系统、部署工具、客户端 JavaScript 框架等。 - [服务端网站编程](/zh-CN/docs/Learn/Server-side) - - : 尽管你专注于客户端 Web 开发，但是了解服务器和服务端代码的运行机制仍是有用的。该专题对服务端的运作机制进行了通用介绍，以及包含使用 Django（Python）和 Express（node.js）两个流行框架构建服务器端应用的详细教程。 + - : 尽管你专注于客户端 Web 开发，但了解服务器和服务器端代码的运行机制仍是有用的。该专题对服务端的运作机制进行了通用介绍，以及包含使用 Django（Python）和 Express（node.js）两个流行框架构建服务器端应用的详细教程。 ## 任务和评估 -在 MDN 的学习 Web 开发章节中，为你准备了许多自包含的任务和评估。有以下两个主要类型： +在 MDN 的学习 Web 开发部分，有许多独立的任务和评估，等待你完成。有两种主要类型： -- “技能测试”任务，例如[在代码中做决策——条件](/en-US/docs/Learn/JavaScript/Building_blocks/conditionals#test_your_skills!). -- 在某些模块的最后包含深入一些的**评估**，例如[图像画廊](/en-US/docs/Learn/JavaScript/Building_blocks/Image_gallery). +- “技能测试”任务，例如，在[代码中做决定——条件语句](/zh-CN/docs/Learn/JavaScript/Building_blocks/conditionals#技能测试！)。 +- 在某些模块的结尾处，包含更深入的**评估**，例如，[图片库](/zh-CN/docs/Learn/JavaScript/Building_blocks/Image_gallery)。 -每个都有响应的评分指南和推荐的解决方案，帮助你评估你的工作。 -容易一些地找到这些资源是有迹可循的，例如： +每个类型都有相应的评分指南和推荐解决方案可用，帮助你评估你的工作。 +有些方式能让你更容易地找到这些资源，例如： -- 上面的**技能测试**任务的示例的评分指南和资源在 能找到。 -- 上面的**评估**示例的评分指南和资源在 能找到。 +- 上面的**技能测试**任务示例的评分指南和资源位于 。 +- 上面的**评估**示例的评分指南和资源位于 。 > [!NOTE] -> 任务和评估中的评分指南和其它资源大多数在 [MDN 学习区示例中文版](https://github.com/roy-tian/learning-area/)能找到，还有一些在 [`mdn/css-examples`](https://github.com/mdn/css-examples/tree/main/learn)。 +> 任务和评估中的评分指南及其它资源大多数位于 [MDN 学习区示例中文版](https://github.com/roy-tian/learning-area/)，还有一些位于 [`mdn/css-examples`](https://github.com/mdn/css-examples/tree/main/learn)。 ## 获取代码示例 -学习区的所有代码示例都可以在 GitHub 上的 [MDN 学习区示例中文版](https://github.com/roy-tian/learning-area/)上寻得。如果你想把获取所有代码示例的副本，直接 [下载包含最新 master 分支内容的压缩文件](https://github.com/roy-tian/learning-area/archive/master.zip) 即可。 +学习区的所有代码示例都[位于 Github](https://github.com/roy-tian/learning-area/)。如果你想将代码示例都复制到你的电脑，最简单的方式就是 [下载包含最新 master 分支内容的压缩文件](https://github.com/roy-tian/learning-area/archive/master.zip)。 -如果你希望以更灵活的方式复制代码仓库并随时更新本地副本，可参考下列复杂一点的步骤： +如果你更喜欢以一种更灵活的方式（允许自动更新）复制仓库，你可以参考下面复杂一点的指导： -1. 在电脑上安装 [Git](https://git-scm.com/downloads)。它是 Github 底层使用的版本控制系统 +1. 在电脑上安装 [Git](https://git-scm.com/downloads)。它是 Github 底层使用的版本控制系统。 -2. 打开计算机的 [命令提示符](https://www.lifewire.com/how-to-open-command-prompt-2618089) (Windows) 或终端 ([Linux](https://help.ubuntu.com/community/UsingTheTerminal), [macOS](https://blog.teamtreehouse.com/introduction-to-the-mac-os-x-command-line)). +2. 打开电脑的 [命令提示符](https://www.lifewire.com/how-to-open-command-prompt-2618089)（Windows）或终端（[Linux](https://help.ubuntu.com/community/UsingTheTerminal)，[macOS](https://blog.teamtreehouse.com/introduction-to-the-mac-os-x-command-line)）。 -3. 在命令提示符 / 终端中输入下列命令，即可将 `roy-tian/learning-area` 仓库拷贝到本地的 `learning-area` 文件夹： +3. 要将学习区仓库复制到名为 learning-area 的目录（learning-area 目录将位于命令提示符 / 终端指向的当前目录中），使用下面的命令： ```bash git clone https://github.com/roy-tian/learning-area ``` -4. 然后即可使用访达（macOS）、文件资源管理器（Windows/Linux）或 [`cd` 命令]()) 进入该目录，查找所需文件。 +4. 现在，你能进入目录并寻找你想要的文件（要么使用访达 / 文件资源管理器，要么使用 [`cd` 命令]()）。 -你可以随时对本地 `learning-area` 目录与 GitHub 仓库中的主版本进行同步，具体步骤如下： +你可以更新 `learning-area` 仓库与 GitHub 上的主版本的任意改动保持同步，步骤如下： -1. 在命令提示符 / 终端中使用 `cd` 命令进入 `learning-area` 文件夹。例如，假设你在父目录中： +1. 在命令提示符 / 终端中使用 `cd` 命令进入 `learning-area` 目录。假设你在 `learning-area` 目录的父目录中，例如： ```bash cd learning-area @@ -108,16 +108,16 @@ l10n: ## 联系我们 -如果你想就任何事宜联系我们，请使用[通讯频道](/zh-CN/docs/MDN/Community/Communication_channels)。如果你认为网站上有任何错误或遗漏、想请求新的学习主题、针对不理解的部分想请求帮助、或想提出任何其他问题，我们愿意倾听你的声音。 +如果你因事想与我们取得联系，请使用[沟通渠道](/zh-CN/docs/MDN/Community/Communication_channels)。如果你认为网站上有任何错误或遗漏、想请求新的学习主题、针对不理解的部分想请求帮助、或想提出任何其他问题，我们愿意倾听你的声音。 -如果你有兴趣帮助我们开发或改进社区内容，请阅读[如何做出贡献](/zh-CN/docs/MDN/Community/Contributing)部分并联系我们！无论你是学习者、老师、有经验的 Web 开发者、还是其他有兴趣通过帮助我们以提升自学经验的人，我们都不胜荣幸！ +如果你对帮助开发或改进内容感兴趣，请阅读[如何做出贡献](/zh-CN/docs/MDN/Community/Contributing)并联系我们！无论你是学习者、还是老师、还是有经验的 Web 开发者、抑或是其他对帮助改善学习体验感兴趣的人，我们都非常愿意与之交谈！ ## 参见 -- [前端开发者职业道路](https://v2.scrimba.com/the-frontend-developer-career-path-c0j?via=mdn) **MDN 教学课程伙伴** - - : [Scrimba's](https://scrimba.com?via=mdn) **前端开发者职业道路**教授成为合格的前端 Web 开发者所需的知识，这里有有趣的交互式的课程和挑战，有学识的老师和提供帮助的社区。让你从零到获得第一份前端工作！许多课程部分有单独的免费版本。 +- [前端开发者职业道路](https://v2.scrimba.com/the-frontend-developer-career-path-c0j?via=mdn) **MDN 课程伙伴** + - : [Scrimba's](https://scrimba.com?via=mdn) **前端开发者职业道路**教授成为合格的前端 Web 开发者所需的知识，这里有有趣的交互式课程和挑战，有学识的老师以及提供帮助的社区。让你从零到获得第一份前端工作！许多课程有单独的免费版本。 - [学习 JavaScript](https://learnjavascript.online/) - - : 为有进取心的 Web 开发人员准备的优秀资源——在交互式环境中学习 JavaScript，其包含由自动评估系统提供指引的简短课程和交互式测试。前 40 节课为免费课程，而想要购买完整的付费课程只需一次性支付少量费用。 + - : 为有进取心的 Web 开发人员准备的优秀资源——在交互式环境中学习 JavaScript，包含简短的课程和自动评估的交互式测试。前 40 节课为免费课程，而完整的课程仅需一次性支付少量费用。 - [Codecademy](https://www.codecademy.com/) - : 优秀的交互式网站——从零学习编程语言。 - [freeCodeCamp.org](https://www.freecodecamp.org/) @@ -127,4 +127,4 @@ l10n: - [MDN 博客](/en-US/blog/) - : MDN 团队和访客作家为 MDN 博客编写与新的站点开发、HTML、CSS、JavaScript以及其它 Web 开发新闻相关的文章。 - [Mozilla 开发者新闻通讯](https://www.mozilla.org/zh-CN/newsletter/developer/) - - : 我们为 Web 开发者编写的新闻报，对各水平开发者而言都是优秀的资源。 + - : 为 Web 开发者编写的新闻报，对各水平开发者而言都是优秀的资源。 From df47c69117192ca7bc41a0b46afd1efdcf2242da Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Fri, 6 Sep 2024 16:15:30 +0800 Subject: [PATCH 08/36] Update files/zh-cn/learn/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- files/zh-cn/learn/index.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index e9825dc01702a1..40c31ac8dedf8a 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -51,8 +51,8 @@ Web 开发对纯新手是个挑战——我们将抓住你的手并为你提供 - : 无障碍是让更多的人不受残疾、设备、地区等因素的限制都能访问 Web 内容的实践。该专题包含一切所需了解的信息。 - [Web 性能优化——让网站更快做出响应](/zh-CN/docs/Learn/Performance) - : Web 性能是确保 Web 应用的快速下载并对用户操作进行快速响应的艺术，而无论用户的带宽大小、屏幕尺寸、网络状态好坏或是设备性能高低。 -- [MathML](/en-US/docs/Learn/MathML) - - : MathML 是用于在 Web 页面中书写数学公式的语言（使用分数、上下标、根号、矩阵、积分、级数，等等）。 该专题讲解 MathML。 +- [MathML](/zh-CN/docs/Learn/MathML) + - : MathML 是用于在 Web 页面中书写数学公式的语言（使用分数、上下标、根号、矩阵、积分、级数，等等）。该专题讲解 MathML。 - [工具和测试](/zh-CN/docs/Learn/Tools_and_testing) - : 该专题涵盖的是开发者用于提升效率的工具，如跨浏览器测试工具、代码检查工具、代码格式化工具、转换工具、版本控制系统、部署工具、客户端 JavaScript 框架等。 - [服务端网站编程](/zh-CN/docs/Learn/Server-side) From de2022f7a0aa5dabb5876146a70d8140065d5b05 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Fri, 6 Sep 2024 21:47:40 +0800 Subject: [PATCH 09/36] Update index.md --- files/zh-cn/learn/index.md | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 40c31ac8dedf8a..dbc64391ab3100 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -55,8 +55,8 @@ Web 开发对纯新手是个挑战——我们将抓住你的手并为你提供 - : MathML 是用于在 Web 页面中书写数学公式的语言（使用分数、上下标、根号、矩阵、积分、级数，等等）。该专题讲解 MathML。 - [工具和测试](/zh-CN/docs/Learn/Tools_and_testing) - : 该专题涵盖的是开发者用于提升效率的工具，如跨浏览器测试工具、代码检查工具、代码格式化工具、转换工具、版本控制系统、部署工具、客户端 JavaScript 框架等。 -- [服务端网站编程](/zh-CN/docs/Learn/Server-side) - - : 尽管你专注于客户端 Web 开发，但了解服务器和服务器端代码的运行机制仍是有用的。该专题对服务端的运作机制进行了通用介绍，以及包含使用 Django（Python）和 Express（node.js）两个流行框架构建服务器端应用的详细教程。 +- [服务器端网站编程](/zh-CN/docs/Learn/Server-side) + - : 尽管你专注于客户端 Web 开发，但了解服务器和服务器端代码的运行机制仍是有用的。该专题对服务器端的运作机制进行了通用介绍，以及包含使用 Django（Python）和 Express（node.js）两个流行框架构建服务器端应用的详细教程。 ## 任务和评估 @@ -76,25 +76,25 @@ Web 开发对纯新手是个挑战——我们将抓住你的手并为你提供 ## 获取代码示例 -学习区的所有代码示例都[位于 Github](https://github.com/roy-tian/learning-area/)。如果你想将代码示例都复制到你的电脑，最简单的方式就是 [下载包含最新 master 分支内容的压缩文件](https://github.com/roy-tian/learning-area/archive/master.zip)。 +学习区的所有代码示例都[位于 Github](https://github.com/roy-tian/learning-area/)。如果你想将代码示例都复制到你的电脑，最简单的方式就是[下载包含最新 master 分支内容的压缩文件](https://github.com/roy-tian/learning-area/archive/master.zip)。 如果你更喜欢以一种更灵活的方式（允许自动更新）复制仓库，你可以参考下面复杂一点的指导： 1. 在电脑上安装 [Git](https://git-scm.com/downloads)。它是 Github 底层使用的版本控制系统。 -2. 打开电脑的 [命令提示符](https://www.lifewire.com/how-to-open-command-prompt-2618089)（Windows）或终端（[Linux](https://help.ubuntu.com/community/UsingTheTerminal)，[macOS](https://blog.teamtreehouse.com/introduction-to-the-mac-os-x-command-line)）。 +2. 打开电脑的[命令提示符](https://www.lifewire.com/how-to-open-command-prompt-2618089)（Windows）或终端（[Linux](https://help.ubuntu.com/community/UsingTheTerminal)，[macOS](https://blog.teamtreehouse.com/introduction-to-the-mac-os-x-command-line)）。 -3. 要将学习区仓库复制到名为 learning-area 的目录（learning-area 目录将位于命令提示符 / 终端指向的当前目录中），使用下面的命令： +3. 要将学习区仓库复制到名为 learning-area 的目录（learning-area 目录将位于命令提示符/终端指向的当前目录中），使用下面的命令： ```bash git clone https://github.com/roy-tian/learning-area ``` -4. 现在，你能进入目录并寻找你想要的文件（要么使用访达 / 文件资源管理器，要么使用 [`cd` 命令]()）。 +4. 现在，你能进入目录并寻找你想要的文件（要么使用访达/文件资源管理器，要么使用 [`cd` 命令]()）。 你可以更新 `learning-area` 仓库与 GitHub 上的主版本的任意改动保持同步，步骤如下： -1. 在命令提示符 / 终端中使用 `cd` 命令进入 `learning-area` 目录。假设你在 `learning-area` 目录的父目录中，例如： +1. 在命令提示符/终端中使用 `cd` 命令进入 `learning-area` 目录。假设你在 `learning-area` 目录的父目录中，例如： ```bash cd learning-area @@ -123,8 +123,8 @@ Web 开发对纯新手是个挑战——我们将抓住你的手并为你提供 - [freeCodeCamp.org](https://www.freecodecamp.org/) - : 通过教程和项目学习 Web 开发的交互式网站。 - [The Odin Project](https://www.theodinproject.com/) - - : 特点是拥有免费和开源的全栈教学课程，课程涵盖从初级到高级。 + - : 特点是拥有免费和开源的全栈教学课程，课程涵盖初级到高级。 - [MDN 博客](/en-US/blog/) - - : MDN 团队和访客作家为 MDN 博客编写与新的站点开发、HTML、CSS、JavaScript 以及其它 Web 开发新闻相关的文章。 + - : MDN 团队和访客作家为 MDN 博客编写的与新的站点开发、HTML、CSS、JavaScript 以及其它 Web 开发新闻相关的文章。 - [Mozilla 开发者新闻通讯](https://www.mozilla.org/zh-CN/newsletter/developer/) - : 为 Web 开发者编写的新闻报，对各水平开发者而言都是优秀的资源。 From f757c82aad7f6e103ac62597618427df47cba324 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sat, 7 Sep 2024 23:07:22 +0800 Subject: [PATCH 10/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index dbc64391ab3100..f8bcadb176c01e 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -115,7 +115,7 @@ Web 开发对纯新手是个挑战——我们将抓住你的手并为你提供 ## 参见 - [前端开发者职业道路](https://v2.scrimba.com/the-frontend-developer-career-path-c0j?via=mdn) **MDN 课程伙伴** - - : [Scrimba's](https://scrimba.com?via=mdn) **前端开发者职业道路**教授成为合格的前端 Web 开发者所需的知识，这里有有趣的交互式课程和挑战，有学识的老师以及提供帮助的社区。让你从零到获得第一份前端工作！许多课程有单独的免费版本。 + - : [Scrimba](https://scrimba.com?via=mdn) 的*前端开发者职业道路*教授成为合格的前端 Web 开发者所需的知识，这里有有趣的交互式课程和挑战、有学识的老师以及提供帮助的社区。让你从零到获得第一份前端工作！许多课程有单独的免费版本。 - [学习 JavaScript](https://learnjavascript.online/) - : 为有进取心的 Web 开发人员准备的优秀资源——在交互式环境中学习 JavaScript，包含简短的课程和自动评估的交互式测试。前 40 节课为免费课程，而完整的课程仅需一次性支付少量费用。 - [Codecademy](https://www.codecademy.com/) From 0158162e1ef30f935a64448d13a11915cca1f7f3 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sat, 7 Sep 2024 23:13:51 +0800 Subject: [PATCH 11/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index f8bcadb176c01e..2894deee018653 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -127,4 +127,4 @@ Web 开发对纯新手是个挑战——我们将抓住你的手并为你提供 - [MDN 博客](/en-US/blog/) - : MDN 团队和访客作家为 MDN 博客编写的与新的站点开发、HTML、CSS、JavaScript 以及其它 Web 开发新闻相关的文章。 - [Mozilla 开发者新闻通讯](https://www.mozilla.org/zh-CN/newsletter/developer/) - - : 为 Web 开发者编写的新闻报，对各水平开发者而言都是优秀的资源。 + - : 面向 Web 开发者的时事通讯，对各水平开发者而言都是优秀的资源。 From 7897f9ab6d9d38c88ecfbbdebf6f2cb62ba09a67 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:24:52 +0800 Subject: [PATCH 12/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 2894deee018653..59d0632af06495 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -7,7 +7,7 @@ l10n: {{LearnSidebar}} -欢迎来到 MDN 学习区。本系列文章意在为 Web 开发的纯新手提供编码网站的基本技巧，而非意在让你从“新手”变成“专家”，但能让你从“新手”变得“适应”。从那之后，你就能开始以你自己的方式学习 [MDN 的剩余部分](/zh-CN)，和其他需要大量前置知识的中高级资源。 +欢迎来到 MDN 学习区。本系列文章意在为 Web 开发的纯新手提供编写网站的基本技巧，而非意在让你从“新手”变成“专家”，但能让你从“新手”变得“熟练”。从那之后，你就能开始以你自己的方式学习 [MDN 的其余部分](/zh-CN)，和其他需要大量前置知识的中高级资源。 Web 开发对纯新手是个挑战——我们将抓住你的手并为你提供足够的细节让你适应，让你正确地学习专题。无论你是学习 Web 开发的学生（自学或在课堂上学），还是寻找课堂材料的老师，还是爱好者，抑或是仅想多理解一些 Web 技术的工作原理，把这当成家。 From 0407433e420c7671847ae9a06077f2d808a2d15b Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:25:51 +0800 Subject: [PATCH 13/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 59d0632af06495..2c72907a52a565 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -9,7 +9,7 @@ l10n: 欢迎来到 MDN 学习区。本系列文章意在为 Web 开发的纯新手提供编写网站的基本技巧，而非意在让你从“新手”变成“专家”，但能让你从“新手”变得“熟练”。从那之后，你就能开始以你自己的方式学习 [MDN 的其余部分](/zh-CN)，和其他需要大量前置知识的中高级资源。 -Web 开发对纯新手是个挑战——我们将抓住你的手并为你提供足够的细节让你适应，让你正确地学习专题。无论你是学习 Web 开发的学生（自学或在课堂上学），还是寻找课堂材料的老师，还是爱好者，抑或是仅想多理解一些 Web 技术的工作原理，把这当成家。 +从零开始学习 Web 开发极具挑战性，该教程将为你提供详细的资料，手把手帮助你轻松愉快地学习。无论你是正在学习 Web 开发的学生（自学或参与课程）、寻找材料的老师、编程爱好者，抑或是仅想进一步了解 Web 技术的工作原理，我们都希望你能感到宾至如归。 ## 学习起点 From 5f03c90faa2e4f9ff200448a15e76882ee76e227 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:26:12 +0800 Subject: [PATCH 14/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 2c72907a52a565..cd3d08aca8e7c1 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -13,7 +13,7 @@ l10n: ## 学习起点 -你要是还不确定是否要深入地学习 Web 开发，仅想从体验环节开始，我们会建议你从 [Web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web)开始学习。除此之外，你应该从下面的专题开始学习。 +你要是还不确定是否要深入地学习 Web 开发，仅想从体验环节开始，我们会建议你从 [Web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web)指南开始学习。除此之外，你应该从下面的专题开始学习。 - HTML 和 CSS - : HTML 为 Web 内容提供结构，而 CSS 为 Web 内容添加样式和为 Web 内容进行布局。在[介绍 HTML](/zh-CN/docs/Learn/HTML/Introduction_to_HTML) 和 [CSS 第一步](/zh-CN/docs/Learn/CSS/First_steps)中学习基本的入门知识。 From e04cde4ae1e27b85fc2ac2e136fdfc4300667379 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:26:40 +0800 Subject: [PATCH 15/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index cd3d08aca8e7c1..fa13c28bfcd996 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -16,7 +16,7 @@ l10n: 你要是还不确定是否要深入地学习 Web 开发，仅想从体验环节开始，我们会建议你从 [Web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web)指南开始学习。除此之外，你应该从下面的专题开始学习。 - HTML 和 CSS - - : HTML 为 Web 内容提供结构，而 CSS 为 Web 内容添加样式和为 Web 内容进行布局。在[介绍 HTML](/zh-CN/docs/Learn/HTML/Introduction_to_HTML) 和 [CSS 第一步](/zh-CN/docs/Learn/CSS/First_steps)中学习基本的入门知识。 + - : HTML 为 Web 内容提供结构，而 CSS 为 Web 内容添加样式并对 Web 内容进行布局。在[介绍 HTML](/zh-CN/docs/Learn/HTML/Introduction_to_HTML) 和 [CSS 第一步](/zh-CN/docs/Learn/CSS/First_steps)中学习基本的入门知识。 - JavaScript - : JavaScript 为网站提供交互功能。在 [JavaScript 第一步](/zh-CN/docs/Learn/JavaScript/First_steps)中开始学习。 - 框架和工具 From 1106b809b4d90bcd12daa479b75a34112b870b85 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:26:58 +0800 Subject: [PATCH 16/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index fa13c28bfcd996..9ca8650d6ed5dc 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -18,7 +18,7 @@ l10n: - HTML 和 CSS - : HTML 为 Web 内容提供结构，而 CSS 为 Web 内容添加样式并对 Web 内容进行布局。在[介绍 HTML](/zh-CN/docs/Learn/HTML/Introduction_to_HTML) 和 [CSS 第一步](/zh-CN/docs/Learn/CSS/First_steps)中学习基本的入门知识。 - JavaScript - - : JavaScript 为网站提供交互功能。在 [JavaScript 第一步](/zh-CN/docs/Learn/JavaScript/First_steps)中开始学习。 + - : JavaScript 为网站提供交互功能。从 [JavaScript 第一步](/zh-CN/docs/Learn/JavaScript/First_steps)开始学习。 - 框架和工具 - : 掌握原生 HTML、CSS 和 JavaScript 的基本知识之后，你应该学习[客户端 Web 开发工具](/zh-CN/docs/Learn/Tools_and_testing/Understanding_client-side_tools)，接着考虑钻研[客户端 JavaScript 框架](/zh-CN/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks)。你也应该考虑学习[服务器端网站编程](/zh-CN/docs/Learn/Server-side)的基础知识。 From b7bec37d61df4d6fa0d7f249e8c7419b89a16294 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:27:26 +0800 Subject: [PATCH 17/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 9ca8650d6ed5dc..9ccecd515485de 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -114,7 +114,7 @@ l10n: ## 参见 -- [前端开发者职业道路](https://v2.scrimba.com/the-frontend-developer-career-path-c0j?via=mdn) **MDN 课程伙伴** +- [前端开发者职业道路](https://v2.scrimba.com/the-frontend-developer-career-path-c0j?via=mdn) _MDN 课程合作伙伴_ - : [Scrimba](https://scrimba.com?via=mdn) 的*前端开发者职业道路*教授成为合格的前端 Web 开发者所需的知识，这里有有趣的交互式课程和挑战、有学识的老师以及提供帮助的社区。让你从零到获得第一份前端工作！许多课程有单独的免费版本。 - [学习 JavaScript](https://learnjavascript.online/) - : 为有进取心的 Web 开发人员准备的优秀资源——在交互式环境中学习 JavaScript，包含简短的课程和自动评估的交互式测试。前 40 节课为免费课程，而完整的课程仅需一次性支付少量费用。 From a061b00b1c0f01d16b59b81f9ba36ac8e479b9b7 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:27:48 +0800 Subject: [PATCH 18/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 9ccecd515485de..846b103f48d3f8 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -125,6 +125,6 @@ l10n: - [The Odin Project](https://www.theodinproject.com/) - : 特点是拥有免费和开源的全栈教学课程，课程涵盖初级到高级。 - [MDN 博客](/en-US/blog/) - - : MDN 团队和访客作家为 MDN 博客编写的与新的站点开发、HTML、CSS、JavaScript 以及其它 Web 开发新闻相关的文章。 + - : MDN 团队和客座作者为 MDN 博客编写的与新的站点开发、HTML、CSS、JavaScript 以及其它 Web 开发新闻相关的文章。 - [Mozilla 开发者新闻通讯](https://www.mozilla.org/zh-CN/newsletter/developer/) - : 面向 Web 开发者的时事通讯，对各水平开发者而言都是优秀的资源。 From a57dc77736923a88f34b3594e4eba209d8600cc5 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:29:28 +0800 Subject: [PATCH 19/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 846b103f48d3f8..98f6249a8b8684 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -126,5 +126,5 @@ l10n: - : 特点是拥有免费和开源的全栈教学课程，课程涵盖初级到高级。 - [MDN 博客](/en-US/blog/) - : MDN 团队和客座作者为 MDN 博客编写的与新的站点开发、HTML、CSS、JavaScript 以及其它 Web 开发新闻相关的文章。 -- [Mozilla 开发者新闻通讯](https://www.mozilla.org/zh-CN/newsletter/developer/) +- [Mozilla 开发者时事通讯](https://www.mozilla.org/zh-CN/newsletter/developer/) - : 面向 Web 开发者的时事通讯，对各水平开发者而言都是优秀的资源。 From 3e9b556d9686be92743d0be17f4e9eca84ad20e7 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:32:21 +0800 Subject: [PATCH 20/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 98f6249a8b8684..782609a2edd85d 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -31,7 +31,7 @@ l10n: > > 你要是想成为一名前端 Web 开发者，但不确定该从哪开始学习，我们会建议使用 [MDN 课程](/en-US/curriculum/)作为你的学习计划。它提供一个结构化的学习路径，包含：成为一名成功的前端开发者所需的基本技巧和练习，以及推荐学习资源。 > -> [**开始**](/en-US/curriculum/) +> [**现在开始**](/en-US/curriculum/) ## 涵盖的专题 From 8f6566b6bcdceffe5d36be41476da51ea1986708 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:33:20 +0800 Subject: [PATCH 21/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 782609a2edd85d..ed54af5879c06e 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -40,7 +40,7 @@ l10n: - [Web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web) - : 为纯新手提供实用的 Web 开发介绍。 - [HTML——为 Web 提供结构](/zh-CN/docs/Learn/HTML) - - : HTML 是用于为 Web 内容的不同部分提供结构并定义结构的含义的语言。该专题详细地讲解 HTML。 + - : HTML 是用于构建内容的不同部分并定义其含义或目的的语言。该专题将详细讲解 HTML。 - [CSS——为 Web 提供样式](/zh-CN/docs/Learn/CSS) - : CSS 是用于为 Web 内容添加样式、为 Web 内容进行布局、添加诸如动画的行为的语言。该专题对 CSS 做了全面的覆盖。 - [JavaScript——动态客户端脚本语言](/zh-CN/docs/Learn/JavaScript) From 65131f4bb7ed295d03ecc2a63306994f116ea94d Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:34:01 +0800 Subject: [PATCH 22/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index ed54af5879c06e..a4f346a76e64f7 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -42,7 +42,7 @@ l10n: - [HTML——为 Web 提供结构](/zh-CN/docs/Learn/HTML) - : HTML 是用于构建内容的不同部分并定义其含义或目的的语言。该专题将详细讲解 HTML。 - [CSS——为 Web 提供样式](/zh-CN/docs/Learn/CSS) - - : CSS 是用于为 Web 内容添加样式、为 Web 内容进行布局、添加诸如动画的行为的语言。该专题对 CSS 做了全面的覆盖。 + - : CSS 是用于为 Web 内容添加样式、对 Web 内容进行布局、添加诸如动画的行为的语言。该专题对 CSS 做了全面的覆盖。 - [JavaScript——动态客户端脚本语言](/zh-CN/docs/Learn/JavaScript) - : JavaScript 是用于为 Web 页面添加动态功能的脚本语言。该专题涵盖有关编写和理解 JavaScript 代码所需的全部重点。 - [Web 表单——操作用户数据](/zh-CN/docs/Learn/Forms) From f6a764319db368ab52976108e96db442372483c7 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:34:31 +0800 Subject: [PATCH 23/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index a4f346a76e64f7..6f7450572690c7 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -47,7 +47,7 @@ l10n: - : JavaScript 是用于为 Web 页面添加动态功能的脚本语言。该专题涵盖有关编写和理解 JavaScript 代码所需的全部重点。 - [Web 表单——操作用户数据](/zh-CN/docs/Learn/Forms) - : Web 表单是用于和用户交互的强大工具——其常用于收集用户数据和控制用户界面。该专题涵盖 Web 表单的结构、样式和交互相关的全部要点。 -- [无障碍——让每个人都能使用网络](/zh-CN/docs/Learn/Accessibility) +- [无障碍——让每个人都能使用 Web](/zh-CN/docs/Learn/Accessibility) - : 无障碍是让更多的人不受残疾、设备、地区等因素的限制都能访问 Web 内容的实践。该专题包含一切所需了解的信息。 - [Web 性能优化——让网站更快做出响应](/zh-CN/docs/Learn/Performance) - : Web 性能是确保 Web 应用的快速下载并对用户操作进行快速响应的艺术，而无论用户的带宽大小、屏幕尺寸、网络状态好坏或是设备性能高低。 From b7a649b5893f81cdd3d39e7469d39f848a4218e7 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:35:27 +0800 Subject: [PATCH 24/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 6f7450572690c7..fc5c1715cc4bee 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -65,8 +65,7 @@ l10n: - “技能测试”任务，例如，在[代码中做决定——条件语句](/zh-CN/docs/Learn/JavaScript/Building_blocks/conditionals#技能测试！)。 - 在某些模块的结尾处，包含更深入的**评估**，例如，[图片库](/zh-CN/docs/Learn/JavaScript/Building_blocks/Image_gallery)。 -每个类型都有相应的评分指南和推荐解决方案可用，帮助你评估你的工作。 -某些模式能让你更容易地找到这些资源，例如： +每个类型都有相应的评分指南和推荐解决方案，可用于帮助你评估你的工作。某些模式能让你更容易地找到这些资源，例如： - 上面的**技能测试**任务示例的评分指南和资源位于 。 - 上面的**评估**示例的评分指南和资源位于 。 From c7273fa3fb9e01b24857361c308f463304316ac0 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:35:58 +0800 Subject: [PATCH 25/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index fc5c1715cc4bee..2dd8a08fcdb3ec 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -67,8 +67,8 @@ l10n: 每个类型都有相应的评分指南和推荐解决方案，可用于帮助你评估你的工作。某些模式能让你更容易地找到这些资源，例如： -- 上面的**技能测试**任务示例的评分指南和资源位于 。 -- 上面的**评估**示例的评分指南和资源位于 。 +- 上面的**技能测试**任务示例的评分指南和资源位于 。 +- 上面的**评估**示例的评分指南和资源位于 。 > [!NOTE] > 任务和评估中的评分指南及其它资源大多数位于 [MDN 学习区示例中文版](https://github.com/roy-tian/learning-area/)，还有一些位于 [`mdn/css-examples`](https://github.com/mdn/css-examples/tree/main/learn)。 From 596a8608d25a93790ea0e30d935108c35fc39060 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:36:42 +0800 Subject: [PATCH 26/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 2dd8a08fcdb3ec..265ffa72997493 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -75,7 +75,7 @@ l10n: ## 获取代码示例 -学习区的所有代码示例都[位于 Github](https://github.com/roy-tian/learning-area/)。如果你想将代码示例都复制到你的电脑，最简单的方式就是[下载包含最新 master 分支内容的压缩文件](https://github.com/roy-tian/learning-area/archive/master.zip)。 +学习区的所有代码示例都[可以在 Github 上找到](https://github.com/roy-tian/learning-area/)。如果你想将代码示例都复制到你的电脑，最简单的方式就是[下载包含最新 main 分支内容的压缩文件](https://codeload.github.com/mdn/learning-area/zip/main)。 如果你更喜欢以一种更灵活的方式（允许自动更新）复制仓库，你可以参考下面复杂一点的指导： From f3cf1ad28a9b3565a46a07ec06c95e8120b68592 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:37:12 +0800 Subject: [PATCH 27/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 265ffa72997493..06f12f27e2e878 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -81,7 +81,7 @@ l10n: 1. 在电脑上安装 [Git](https://git-scm.com/downloads)。它是 Github 底层使用的版本控制系统。 -2. 打开电脑的[命令提示符](https://www.lifewire.com/how-to-open-command-prompt-2618089)（Windows）或终端（[Linux](https://help.ubuntu.com/community/UsingTheTerminal)，[macOS](https://blog.teamtreehouse.com/introduction-to-the-mac-os-x-command-line)）。 +2. 打开电脑的[命令提示符](https://www.lifewire.com/how-to-open-command-prompt-2618089)（Windows）或终端（[Linux](https://help.ubuntu.com/community/UsingTheTerminal)、[macOS](https://blog.teamtreehouse.com/introduction-to-the-mac-os-x-command-line)）。 3. 要将学习区仓库复制到名为 learning-area 的目录（learning-area 目录将位于命令提示符/终端指向的当前目录中），使用下面的命令： From 656d4e07c004bca594d02eb6d676d95c44d66485 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:37:39 +0800 Subject: [PATCH 28/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 06f12f27e2e878..c2a97be1124c52 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -86,7 +86,7 @@ l10n: 3. 要将学习区仓库复制到名为 learning-area 的目录（learning-area 目录将位于命令提示符/终端指向的当前目录中），使用下面的命令： ```bash - git clone https://github.com/roy-tian/learning-area + git clone https://github.com/mdn/learning-area ``` 4. 现在，你能进入目录并寻找你想要的文件（要么使用访达/文件资源管理器，要么使用 [`cd` 命令]()）。 From f075980262fd0e5c3495663de8d06748b6731bdf Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:38:29 +0800 Subject: [PATCH 29/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index c2a97be1124c52..9ef449a2f45eb2 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -71,7 +71,7 @@ l10n: - 上面的**评估**示例的评分指南和资源位于 。 > [!NOTE] -> 任务和评估中的评分指南及其它资源大多数位于 [MDN 学习区示例中文版](https://github.com/roy-tian/learning-area/)，还有一些位于 [`mdn/css-examples`](https://github.com/mdn/css-examples/tree/main/learn)。 +> 任务和评估中的评分指南及其它资源大多数位于 [`mdn/learning-area`](https://github.com/mdn/learning-area/)，还有一些位于 [`mdn/css-examples`](https://github.com/mdn/css-examples/tree/main/learn)。 ## 获取代码示例 From eedd8ccb9532bfbd64110944e00acc25bbafa310 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:39:12 +0800 Subject: [PATCH 30/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 9ef449a2f45eb2..c73c0d35a2c728 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -89,7 +89,7 @@ l10n: git clone https://github.com/mdn/learning-area ``` -4. 现在，你能进入目录并寻找你想要的文件（要么使用访达/文件资源管理器，要么使用 [`cd` 命令]()）。 +4. 现在，你能通过访达/文件资源管理器或 [`cd` 命令]()进入目录并寻找你想要的文件。 你可以更新 `learning-area` 仓库与 GitHub 上的主版本的任意改动保持同步，步骤如下： From 8780111d92aa57be9b875a91e8b27972537ea543 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:39:48 +0800 Subject: [PATCH 31/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index c73c0d35a2c728..81e05b8fbe27c9 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -93,7 +93,7 @@ l10n: 你可以更新 `learning-area` 仓库与 GitHub 上的主版本的任意改动保持同步，步骤如下： -1. 在命令提示符/终端中使用 `cd` 命令进入 `learning-area` 目录。假设你在 `learning-area` 目录的父目录中，例如： +1. 在命令提示符/终端中使用 `cd` 命令进入 `learning-area` 目录。例如，假设你在 `learning-area` 目录的父目录中： ```bash cd learning-area From a756e2def86350edfdb7b0f40b2b67a057b35172 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:40:14 +0800 Subject: [PATCH 32/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 81e05b8fbe27c9..a198ada872e1a1 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -91,7 +91,7 @@ l10n: 4. 现在，你能通过访达/文件资源管理器或 [`cd` 命令]()进入目录并寻找你想要的文件。 -你可以更新 `learning-area` 仓库与 GitHub 上的主版本的任意改动保持同步，步骤如下： +你可以将 GitHub 上的主版本的任意改动更新到本地 `learning-area` 仓库，步骤如下： 1. 在命令提示符/终端中使用 `cd` 命令进入 `learning-area` 目录。例如，假设你在 `learning-area` 目录的父目录中： From 6a72308e4294a7485078448893f70188e48ce49c Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:40:45 +0800 Subject: [PATCH 33/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index a198ada872e1a1..6c18abe8c1c37b 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -107,7 +107,7 @@ l10n: ## 联系我们 -如果你因事想与我们取得联系，请使用[沟通渠道](/zh-CN/docs/MDN/Community/Communication_channels)。如果你认为网站上有任何错误或遗漏、想请求新的学习主题、针对不理解的部分想请求帮助、或想提出任何其他问题，我们愿意倾听你的声音。 +如果你因事想与我们取得联系，请使用[沟通渠道](/zh-CN/docs/MDN/Community/Communication_channels)。如果你认为网站上有任何错误或遗漏、想请求新的学习主题、针对不理解的部分想请求帮助，或想提出任何其他问题，我们愿意倾听你的声音。 如果你对帮助开发或改进内容感兴趣，请阅读[如何做出贡献](/zh-CN/docs/MDN/Community/Contributing)并联系我们！无论你是学习者、还是老师、还是有经验的 Web 开发者、抑或是其他对帮助改善学习体验感兴趣的人，我们都非常愿意与之交谈！ From 11d4abdef2a0b4446cdbf2956dbc75159ac79765 Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 00:41:36 +0800 Subject: [PATCH 34/36] Update files/zh-cn/learn/index.md Co-authored-by: A1lo --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 6c18abe8c1c37b..d8782d208b1ce1 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -109,7 +109,7 @@ l10n: 如果你因事想与我们取得联系，请使用[沟通渠道](/zh-CN/docs/MDN/Community/Communication_channels)。如果你认为网站上有任何错误或遗漏、想请求新的学习主题、针对不理解的部分想请求帮助，或想提出任何其他问题，我们愿意倾听你的声音。 -如果你对帮助开发或改进内容感兴趣，请阅读[如何做出贡献](/zh-CN/docs/MDN/Community/Contributing)并联系我们！无论你是学习者、还是老师、还是有经验的 Web 开发者、抑或是其他对帮助改善学习体验感兴趣的人，我们都非常愿意与之交谈！ +如果你对帮助开发或改进内容感兴趣，请阅读[如何做出贡献](/zh-CN/docs/MDN/Community/Contributing)并联系我们！无论你是学习者、老师，还是有经验的 Web 开发者，抑或是其他对帮助改善学习体验感兴趣的人，我们都不胜荣幸！ ## 参见 From e213b4d64cef09a24b3698fd3ef549bfce80dc7d Mon Sep 17 00:00:00 2001 From: familyboat <84062528+familyboat@users.noreply.github.com> Date: Sun, 8 Sep 2024 01:03:16 +0800 Subject: [PATCH 35/36] Update index.md --- files/zh-cn/learn/index.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index d8782d208b1ce1..210ac0d8941f98 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -29,7 +29,7 @@ l10n: > > #### 想成为一名前端 Web 开发者吗？ > -> 你要是想成为一名前端 Web 开发者，但不确定该从哪开始学习，我们会建议使用 [MDN 课程](/en-US/curriculum/)作为你的学习计划。它提供一个结构化的学习路径，包含：成为一名成功的前端开发者所需的基本技巧和练习，以及推荐学习资源。 +> 你要是想成为一名前端 Web 开发者，但不确定该从哪开始学习，我们会建议使用 [MDN 合作课程](/en-US/curriculum/)作为你的学习计划。它提供一个结构化的学习路径，包含：成为一名成功的前端开发者所需的基本技巧和练习，以及推荐学习资源。 > > [**现在开始**](/en-US/curriculum/) @@ -75,7 +75,7 @@ l10n: ## 获取代码示例 -学习区的所有代码示例都[可以在 Github 上找到](https://github.com/roy-tian/learning-area/)。如果你想将代码示例都复制到你的电脑，最简单的方式就是[下载包含最新 main 分支内容的压缩文件](https://codeload.github.com/mdn/learning-area/zip/main)。 +学习区的所有代码示例都[可以在 Github 上找到](https://github.com/mdn/learning-area/)。如果你想将代码示例都复制到你的电脑，最简单的方式就是[下载包含最新 main 分支内容的压缩文件](https://codeload.github.com/mdn/learning-area/zip/main)。 如果你更喜欢以一种更灵活的方式（允许自动更新）复制仓库，你可以参考下面复杂一点的指导： From 0784076b1819be38dfd9799a3f011aef1fc0a782 Mon Sep 17 00:00:00 2001 From: A1lo Date: Sun, 8 Sep 2024 09:11:49 +0800 Subject: [PATCH 36/36] Update files/zh-cn/learn/index.md --- files/zh-cn/learn/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/index.md b/files/zh-cn/learn/index.md index 210ac0d8941f98..4a034f032cf040 100644 --- a/files/zh-cn/learn/index.md +++ b/files/zh-cn/learn/index.md @@ -2,7 +2,7 @@ title: 学习 Web 开发 slug: Learn l10n: - sourceCommit: 33d92d501901ca505f1d33f914531753ca289f2e + sourceCommit: 3ab7947b53ae1a8ba41111b29c34585a188718ae --- {{LearnSidebar}}