在 2014 年 Chrome 開發人員高峰會中，雖然有許多主題和品牌都在討論新 API 的細節，但並不是所有都充滿全新和閃亮之處。
如果您是新手網頁程式開發人員，或經驗豐富的開發人員想著手探索新的 API，可能會透過以下三個步驟進行：學習、建構和疊代。
Matt Gaunt 說明 Chrome 開發人員平台團隊持續努力解決這些問題。
學習
網站基礎知識是一組用途專屬說明文件，涵蓋各種主題。核心目標是協助開發人員快速實作最佳做法，完全不需要或完全不知從何著手。
網站基礎知識的主要目標之一，是確定某個主題是新手，指引盡可能減少「選擇癱瘓者」的選擇。Addy Osmani 在糕點盒中，將這些內容完美融合。
如果您發現網站或內容有任何問題，或希望「Web Fundamentals」(網站基礎知識) 介紹特定主題，歡迎您在 GitHub 上提交意見回饋。
建立模型
為協助您推出新的網路專案，我們打造了 Web Starter Kit。它具備您所需的一切功能：
- 完善的建構程序
- 樣板 HTML
- 風格指南
建構程序
如果您剛開始建構程序，最簡單的方法就是以程式的形式檢視，該程式會取用一組檔案並執行特定工作，並在不同位置輸出新版本。這項工作會最佳化檔案以縮短載入時間、檢查可能的錯誤，或是處理可自動執行的工作。
Web Starter Kit 的工作流程如下：
我們會壓縮並串連 CSS 和 JavaScript，讓瀏覽器能快速擷取檔案，同時也透過 JSHint 執行 JavaScript，以檢查 JavaScript 最佳做法和常見的程式設計錯誤。系統會使用 imagemin 縮減圖片，因此使用這個元件可大幅縮減檔案大小。我們也有建立樣式指南 CSS 的程序。
多裝置 HTML 的樣板
您為新網頁編寫的第一組 HTML 是相當枯燥的標準，很有可能讓您快速建立在多種裝置和螢幕大小上都能順暢運作的 HTML 檔案庫檔案。
在 Web Starter Kit 中，我們希望新增對平台與網站之間經過模糊處理的所有功能的支援，因此針對 Android、Windows Phone、iOS 和 Opera Coast 裝置新增了新增至主畫面的功能和啟動畫面。
風格指南
網頁入門套件的最後一部分是「樣式指南」。
這樣新專案就能提供一組絕佳的預設樣式和元件，鼓勵他們進行樣式導向開發作業。您可以修改元素現有的樣式 並自行加入樣式
在明年初推出的下一版 WSK 中，我們致力於簡化樣式指南如何相輔相成，並改用 Material Design 的外觀和風格。Matt已初步模擬 Chrome 開發人員高峰會的發展，您可以看到下列範例。
疊代
開始實際運用新知識後，建議您使用開發人員工具來偵錯、改善及維護工作。
開發人員工具已導入幾項大型新功能，Matt 開始研究了下列新功能。
裝置模式
「裝置模式」是開發人員工具中的新部分，可讓您快速瞭解網站在不同行動裝置上的運作方式，同時在 CSS 中查看媒體查詢。
裝置模式的其中一項實用功能是限制網路速度，可讓您模擬使用者在 GPRS、EDGE、3G、DSL 或 Wi-Fi 連線上的體驗。
繪製分析器
如果您曾開啟「時間軸」分頁並按下記錄按鈕，應該會看到某些繪製事件發生在刊登序列中。一般而言，這個方塊會顯示一個黑方塊，而且您不知道瀏覽器的原因或運作方式。
顏料分析器不會提供瀏覽器在那幅繪製期間 實際執行的動作。
撤銷追蹤
開發人員工具現在會說明繪製或版面配置在可能出現的原因，這對於瞭解時間軸、瀏覽器行為的人非常實用，並可讓您最佳化程式碼，避免發生效能問題。
火焰圖檢視
這是查看時間軸中可用資訊的一種截然不同。如此就能更容易瞭解工作之間的重疊情形，以及瀏覽器因為其他工作而發生的行為。
影格檢視器
在火焰圖檢視中，您可以選取特定頁框，然後在此檢視頁面中，您將能查看網頁中有哪些元素已升級為複合圖層，以及這些元素被宣傳的原因。
學習、建置、疊代
Chrome 團隊所做的努力，可協助開發人員快速開發網頁，因此請務必查看「網頁基礎知識」、「網路入門套件」和 Chrome 開發人員工具的新功能。