工具與測試

當你開始對網路核心技術(如 HTML、CSS、JavaScript)感到熟悉、累積經驗、閱讀更多資源、學到更多技巧和竅門時,你會碰上一大堆的工具,從 CSS 與 JavaScript 開始,到測試並自動化程式、還有一堆眉眉角角。等到你網路專案變得龐大而複雜時,你可能會想要用上某些工具、並針對你的程式碼,撰寫些可信賴的測試計劃。學習專區的這一區,旨在給你做出明智抉擇的所需。

網路產業的職場令人興奮,但也並非全無弊病。當今用於建置網站的核心技術已相當成熟,然新功能日益漸增、而方便使用,並由那些技術為基礎的新工具也不斷問世。最重要的是,我們還要把跨瀏覽器支援銘記於心,並確保我們的程式碼遵循專案的最佳做法,以確保它們能在不同用戶使用的瀏覽器和設備上運行,身心障礙人士亦可使用。

決定該用什麼工具可能是個困難的過程,因此我們寫了這幾篇文章,來告訴你可以使用什麼樣的工具、它們能為你做什麼,以及如何針對產業的偏好利用之。

備註: 因為隨時都會有新工具問世、舊工具退出,我們刻意把內容寫得盡可能中立:我們希望先關注這些工具所能完成,最重要的一般類型的任務,並最小化特定工具。很明顯,我們要示範工具使用,以展示具體技術,但請注意我們不一定推薦這些工具為最佳或唯一辦法:大多數情況下其實有其他方法,但我們希望為你提供一個清晰的工作方法論。

學習途徑

在使用文章所述的工具前,你應該確實理解 HTMLCSSJavaScript 核心語言的基本。比方說,在你開始處理複雜的程式碼錯誤前,要知道這些語言的基本原理、如何活用 JavaScript 函式庫、或是使用 test runner 給你的程式碼寫測試……等等。

最少,你需要扎實的基礎。

模組

現實世界的網路開發工具(TBD)

在此模組,我們會探索許多可用的網路開發工具。這包括檢查想解決的最常見任務類型,它們如何合併到工作流程中,以及目前可用於執行這些任務的最佳工具。

跨瀏覽器測試

此模組專注於測試網路專案的跨瀏覽器領域。在此,我們會辨認你的目標閱聽者(例如你最該對什麼樣的用戶、瀏覽器、還有設備操心?)如何做測試、不同類型的程式碼會碰上的主要問題、如何解決/減輕這些問題、哪些工具最能幫你測試和修復問題、還有如何用自動化加速測試。