工具和测试

一旦你开始使用 web 的核心技术(如 HTML,CSS 和 Javascript)进行编程,并且开始获得更多的体验,读更多的资料,学习更多的提示和技巧,你就会遇到各种工具,从优化的 CSS 和 Javascript 到测试和自动化应用,再到其他更多的领域。当你的 web 项目变得更大更复杂,如果你希望利用一些工具为你的代码做出可靠的测试计划。本节教程旨在帮助你开始并做出明智的选择。

web 行业是个让人兴奋的地方,但它也有并发症。现在我们用来构建网站的核心技术是相当稳定的,但是新的特性一直不断地加进来,还有建立在这些技术之上的能够方便我们工作的新的工具,都在不断出现。在此之前,我们仍然需要保持前台的跨浏览器支持,并且保证我们的代码遵循最佳实践以允许我们的项目可以工作在不同的浏览器和设备上,让我们的用户能够正常浏览我们的网页,还要保证对残障人士可用。

找出你应该用什么样的工具是个困难的过程,所以我们这系列文章来告诉你哪些工具是可用的,它们能为你做什么,和如何利用行业的热门工具。

备注: 因为一直以来都是新的工具出现伴随着旧的工具过时,所以我们有意将材料写得尽可能地中立—我们想优先关注那些能够帮你完成通用类型任务的工具,而不是一些特殊工具。我们显然需要展示某些工具的用途来演示特殊的技术,但是要清楚我们并不是把它们作为最好的或者唯一的工具进行推荐—大多数情况下有很多其他的方式可以备选,我们只是想提供给你一个清晰的可用的方法。

学习途径

尝试详细地使用这些工具之前,你首先应该学习 HTML, CSS,和 JavaScript 的基础知识。比如,在你开始调试复杂 web 代码之前,你需要知道这些语言的基础知识,或者能有效地使用 Javascript 库,或者能够使用测试工具为你的代码编写和运行测试等等。

首先你需要一个扎实的基础。

模块

真实世界 web 开发工具 (TBD)

在这个模块中,我们探索各种可用的 web 开发工具。这包括审查你不得不解决的最基本的任务,如何让它们在一个工作流中协调配合以及目前能够完成这些任务的最好的工具。

跨浏览器测试

这个模块在测试 web 项目跨不同浏览器的领域看起来很特别。我们要识别你的目标受众(比如,你最担心的是哪些用户、浏览器和设备?),如何做测试,主要的问题是你将面临不同类型的代码和如何修复它们,有什么有用的工具能够帮助你测试和修复问题,如何通过自动化来增加测试效率。