Merge branch 'main' into fix-design-responsivo

files/zh-cn/learn/tools_and_testing/index.md

@@ -1,28 +1,34 @@
 ---
 title: 工具和测试
 slug: Learn/Tools_and_testing
+l10n:
+  sourceCommit: 11a08e7da75bfb0b3e606eb26a9a0ad9301a1be5
 ---
 
 {{LearnSidebar}}
 
-一旦你开始使用 web 的核心技术（如 HTML,CSS 和 Javascript）进行编程，并且开始获得更多的体验，读更多的资料，学习更多的提示和技巧，你就会遇到各种工具，从优化的 CSS 和 Javascript 到测试和自动化应用，再到其他更多的领域。当你的 web 项目变得更大更复杂，如果你希望利用一些工具为你的代码做出可靠的测试计划。本节教程旨在帮助你开始并做出明智的选择。
+一旦你开始熟悉使用核心 Web 技术（如 HTML、CSS 和 JavaScript）进行编程，并且开始获得更多经验，阅读更多资源，学习更多技巧和窍门，你就会开始接触到各种各样的工具，从 JavaScript 框架到测试和自动化工具，以及其他更多工具。随着你的 Web 项目变得更大更复杂，你将希望开始利用其中一些工具，构建一个可靠的工具链，为你的开发过程赋予超能力。
 
-web 行业是个让人兴奋的地方，但它也有并发症。现在我们用来构建网站的核心技术是相当稳定的，但是新的特性一直不断地加进来，还有建立在这些技术之上的能够方便我们工作的新的工具，都在不断出现。在此之前，我们仍然需要保持前台的跨浏览器支持，并且保证我们的代码遵循最佳实践以允许我们的项目可以工作在不同的浏览器和设备上，让我们的用户能够正常浏览我们的网页，还要保证对残障人士可用。
+除此之外，我们仍然需要将跨浏览器支持放在首要位置，并确保我们的代码遵循使我们的项目能够在用户用来浏览 Web 的不同浏览器和设备上运行并可供残障人士使用的最佳实践。
 
-找出你应该用什么样的工具是个困难的过程，所以我们这系列文章来告诉你哪些工具是可用的，它们能为你做什么，和如何利用行业的热门工具。
+确定你应该使用哪些工具可能是一个困难的过程，因此我们编写了这一系列文章，以告知你有哪些类型的工具可用，它们能为你做什么，以及如何利用当前行业中的热门工具。
 
 > [!NOTE]
-> 因为一直以来都是新的工具出现伴随着旧的工具过时，所以我们有意将材料写得尽可能地中立—我们想优先关注那些能够帮你完成通用类型任务的工具，而不是一些特殊工具。我们显然需要展示某些工具的用途来演示特殊的技术，但是要清楚我们并不是把它们作为最好的或者唯一的工具进行推荐—大多数情况下有很多其他的方式可以备选，我们只是想提供给你一个清晰的可用的方法。
+> 我们在本主题中引用了许多工具，并不是因为我们推荐它们或认为它们是最好的，而是因为我们知道它们有效并且有良好的行业支持。在大多数情况下，还有其他工具可用；旧的工具会过时，新的工具无疑会出现。
 
-## 学习途径
+## 前提
 
-尝试详细地使用这些工具之前，你首先应该学习 [HTML](/zh-CN/docs/Learn/HTML), [CSS](/zh-CN/docs/Learn/CSS)，和 [JavaScript](/zh-CN/docs/Learn/JavaScript) 的基础知识。比如，在你开始调试复杂 web 代码之前，你需要知道这些语言的基础知识，或者能有效地使用 Javascript 库，或者能够使用测试工具为你的代码编写和运行测试等等。
+在尝试使用这里详细介绍的许多工具之前，你真的应该首先学习核心 [HTML](/zh-CN/docs/Learn/HTML)、[CSS](/zh-CN/docs/Learn/CSS) 和 [JavaScript](/zh-CN/docs/Learn/JavaScript) 语言的基础知识。例如，在开始调试复杂的 Web 代码、有效使用 JavaScript 框架或使用测试运行器编写测试并针对你的代码运行测试之前，你需要了解这些语言的基础知识。
 
-首先你需要一个扎实的基础。
+此外，你应该从本主题的第一个模块开始，其提供了该领域的有用概述。
 
 ## 模块
 
-- 真实世界 web 开发工具 (TBD)
-  - : 在这个模块中，我们探索各种可用的 web 开发工具。这包括审查你不得不解决的最基本的任务，如何让它们在一个工作流中协调配合以及目前能够完成这些任务的最好的工具。
+- [理解客户端 Web 开发工具](/zh-CN/docs/Learn/Tools_and_testing/Understanding_client-side_tools)
+  - : 客户端工具可能令人望而生畏，但这一系列文章旨在说明一些最常见的客户端工具类型的用途，解释你可以将哪些工具链在一起，如何使用包管理器安装它们，以及如何使用命令行控制它们。我们最后提供了一个完整的展示如何提高生产力的工具链示例。
+- [理解客户端 JavaScript 框架](/zh-CN/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks)
+  - : JavaScript 框架是现代前端 Web 开发的重要组成部分，为开发人员提供了经过验证的用于构建可扩展、交互式的 Web 应用程序的工具。许多现代公司将框架作为其工具的标准部分，因此许多前端开发工作现在需要框架经验。这个模块为你提供了一些关于客户端框架如何工作以及它们如何适应你的工具集的基本背景知识，然后继续涵盖一些当今最流行的框架的教程系列。
+- [Git 和 GitHub](/zh-CN/docs/Learn/Tools_and_testing/GitHub)
+  - : 所有开发人员都会使用某种**版本控制系统**（**VCS**），这是一种允许他们在一个项目上与其他开发人员协作，而不会覆盖彼此的工作，并在发现问题后回滚到代码库的先前版本的工具。最流行的 VCS（至少在 Web 开发人员中）是 **Git**，以及 **GitHub**（一个为你的仓库提供托管和多种工具的网站）。这个模块旨在教你关于这两者的知识。
 - [跨浏览器测试](/zh-CN/docs/Learn/Tools_and_testing/Cross_browser_testing)
-  - : 这个模块在测试 web 项目跨不同浏览器的领域看起来很特别。我们要识别你的目标受众（比如，你最担心的是哪些用户、浏览器和设备？），如何做测试，主要的问题是你将面临不同类型的代码和如何修复它们，有什么有用的工具能够帮助你测试和修复问题，如何通过自动化来增加测试效率。
+  - : 这个模块专门研究跨不同浏览器测试 Web 项目的领域。在这里，我们看看如何识别你的目标受众（例如，你需要最担心哪些用户、浏览器和设备？），如何进行测试，不同类型的代码面临的主要问题以及如何修复/减轻这些问题，哪些工具在帮助你测试和解决问题方面最有用，以及如何使用自动化来加快测试速度。