漸進式網路應用程式簡介
在本課程中，您將開始使用第一個漸進式網路應用程式，這款網路應用程式能利用原生應用程式的眾多功能。此外，您也可以打造使用服務工作站離線運作的網路應用程式。最後，您將使用網路應用程式資訊清單檔案，讓您的應用程式可安裝到使用者的主畫面。
這是免費的 Udacity
參加課程網頁無障礙工具
本課程將提供實作網路應用程式的實作經驗。讓您瞭解使用者需要無障礙功能的時機和原因。接著，您將深入探討「如何」：使用正確的頁面讓螢幕閱讀器正常運作，以及管理輸入焦點 (例如，您在使用表單時使用分頁時的醒目顯示)。您將會瞭解網頁的「語意」和「語意標記」是什麼意思，並新增 ARIA 標記，讓您透過各種輔助裝置瀏覽介面。最後，您將學會一些樣式技巧，能協助某些視障使用者輕鬆可靠地瀏覽您的網頁。
這是免費的 Udacity
參加課程瀏覽器轉譯最佳化
效能對使用者而言至關重要。網頁程式開發人員必須打造能夠快速回應，並順暢呈現的應用程式。Google 效能達人 Paul Lewis 可協助您刪除 jank 並建構網路應用程式，每秒每秒維持 60 個影格的效能。本課程將介紹各種實用工具，協助您分析應用程式及找出資源浪費情形。您將探索瀏覽器的轉譯管道，並探索能夠輕鬆建構高效能應用程式的模式。
這是免費的 Udacity
參加課程回應式網頁設計
本課程將介紹 Google 的 Pete LePage 提供的回應式網頁設計基礎知識！您可以自行建立回應式網頁，在各種裝置上 (手機、平板電腦、桌上型電腦或兩者皆可) 都能順利運作。
首先，請探討網站採用回應式設計的原因，以及常見的回應式設計模式在各種裝置上的運作方式。接下來，您會瞭解如何使用可視區域標記和 CSS 媒體查詢來建立自己的回應式版面配置。繼續操作時，您可以測試主要和次要的中斷點，並針對文字進行最佳化調整。
這是免費的 Udacity
參加課程關鍵轉譯路徑
您將深入探討行動裝置和電腦瀏覽器轉譯網頁的方式，藉此瞭解如何最佳化網站。
您將會瞭解關鍵轉譯路徑，或瀏覽器需要將 HTML、CSS 和 JavaScript 轉換成 充滿活力的呼吸網站所需要的步驟。接下來，您將開始探索並實驗各種工具，以評估成效並利用簡單的策略，盡早將第一個像素呈現在畫面上。您將瞭解如何分析 PageSpeed Insights 提供的建議以及 Google Chrome 開發人員工具的時間軸檢視畫面，找出能夠立即提升效能所需的資料！
這是免費的 Udacity
參加課程回應式圖片
您知道嗎？圖片在網路載入網頁時，平均需要超過 60% 的位元組。
在本課程中，您將學習如何使用新世代網路的圖片，讓圖片在任何裝置上都能快速載入和載入。
在此過程中，您可以學習各種技能和技巧，將回應式圖片順暢地整合至您的開發工作流程中。完成本課程後，您將使用可回應及回應不同可視區域大小和使用情境的圖片。
這是免費的 Udacity
參加課程離線網路應用程式
本課程著重於以使用者體驗為主，並希望讓開發人員瞭解，「離線優先」的思維是確保應用程式在所有情境中的最佳選擇，而不僅是理想。您將瞭解如何分辨使用者良好、不佳、間斷性及連線中斷的情形，以及如何讓應用程式輕鬆瀏覽這些條件。
使用您在本課程中學到的技巧後，您就能建構能同時運作的線上和離線應用程式，並盡可能載入新資料。如同使用原生應用程式，您的網路應用程式會與網路互動，這有助於提供更優異的使用者體驗，即使遇到傳統挑戰的連線環境，例如卡在火車隧道中、必須仰賴過量擁擠的會議 Wi-Fi，或是透過行動網路「死區！」也能順利使用。
這是免費的 Udacity
參加課程
