工具和测试

一旦你开始对核心 Web 技术(如 HTML、CSS 和 JavaScript)的编程感到舒适,并且开始积累更多经验,阅读更多资源,学习更多技巧和窍门,你就会开始遇到各种各样的工具,从 JavaScript 框架到测试和自动化工具,以及更多其他工具。随着你的 Web 项目变得越来越大、越来越复杂,你将希望开始利用其中一些工具,制定一个可靠的工具链,为你的开发流程赋予超能力。

最重要的是,我们仍然需要将跨浏览器支持放在首位,并确保我们的代码遵循最佳实践,使我们的项目能够在用户用来浏览 Web 的不同浏览器和设备上运行,并且能够被残疾人使用。

确定应该使用哪些工具可能是一个困难的过程,因此我们编写了这套文章来告诉你有哪些类型的工具可用、它们可以为你做什么以及如何使用当前业界最受欢迎的工具。

注意:我们在本主题中引用了许多工具,并不是因为我们认可它们或认为它们是最好的,而是因为我们知道它们有效并且有良好的行业支持。在大多数情况下,还有其他工具可用,旧的工具会过时,毫无疑问,新的工具也会出现。

先决条件

在尝试使用此处详细介绍的许多工具之前,你应该先学习核心 HTMLCSSJavaScript 语言的基础知识。例如,你需要了解这些语言的基础知识,然后才能开始调试复杂 Web 代码中的问题、有效地使用 JavaScript 框架或编写测试并在使用测试运行器针对你的代码运行它们。

此外,你应该从本主题中的第一个模块开始,该模块提供了对该一般领域的有用概述。

模块

了解客户端 Web 开发工具

客户端工具可能令人生畏,但本系列文章旨在说明一些最常见的客户端工具类型的用途,解释你可以链接在一起的工具、如何使用包管理器安装它们以及如何使用命令行控制它们。最后,我们提供了一个完整的工具链示例,向你展示如何提高工作效率。

了解客户端 JavaScript 框架

JavaScript 框架是现代前端 Web 开发的重要组成部分,为开发人员提供了经过验证的工具,用于构建可扩展的交互式 Web 应用程序。许多现代公司将框架用作其工具的标准部分,因此许多前端开发工作现在都需要框架经验。本模块为你提供了一些关于客户端框架如何工作以及它们如何融入你的工具集的基本背景知识,然后继续介绍涵盖当今一些最流行框架的教程系列。

Git 和 GitHub

所有开发人员都会使用某种版本控制系统VCS),这是一种允许他们与其他开发人员协作处理项目而无需担心彼此覆盖工作以及在稍后发现问题时回滚到代码库先前版本的工具。最流行的 VCS(至少在 Web 开发人员中)是Git,以及GitHub,这是一个为你的存储库提供托管和多个用于处理它们的工具的网站。本模块旨在教你你需要了解的关于它们两者的知识。

跨浏览器测试

本模块专门介绍跨不同浏览器测试 Web 项目的领域。在这里,我们了解如何识别你的目标受众(例如,你最需要担心哪些用户、浏览器和设备?)、如何进行测试、不同类型的代码将面临的主要问题以及如何修复/缓解这些问题、哪些工具最有助于你测试和修复问题,以及如何使用自动化来加速测试。