漸進式網頁應用程式簡介
![](https://developers.google.cn/static/web/shows/udacity/img/ud811.jpg?hl=zh-tw)
本課程將引導您開始進行首次的漸進式 網頁應用程式 - 可以運用許多原生功能的網頁應用程式 也都愛不釋手我們也將帶來更豐富的經驗 透過 Service Worker 離線運作的網頁應用程式。最後,您要為 應用程式可透過 Web App 資訊清單檔案安裝使用者主畫面。
此為免費課程, Udacity
參加課程網頁無障礙功能
![](https://developers.google.cn/static/web/shows/udacity/img/ud891.jpg?hl=zh-tw)
在本課程中,您將獲得建構網頁應用程式的實作經驗 方便存取您就能瞭解使用者需使用無障礙功能的時機和原因。接著 將說明「操作方法」:如何搭配螢幕閱讀器使用網頁 以及管理輸入焦點 (例如按 Tab 鍵切換各個字元時,所看到醒目顯示的部分) form.)您將瞭解「語意」和「語意標記」對網頁的影響 網頁並新增 ARIA 標記,以便使用一系列 輔助裝置。最後,你將學習樣式設計技巧 ,瀏覽網頁時 可輕鬆又可靠地瀏覽。
此為免費課程, Udacity
參加課程瀏覽器轉譯最佳化
![](https://developers.google.cn/static/web/shows/udacity/img/ud860.jpg?hl=zh-tw)
效能對使用者來說非常重要,網頁程式開發人員必須建構 快速流暢轉譯Google 成效大師 Paul Lewis 隆重登場 可協助您刪除卡頓,並建構網頁應用程式,每影格最多 60 個影格 第二種效能完成本課程後,您需要使用各項工具 分析應用程式,並找出卡頓的原因。您將探索瀏覽器的 以及發掘能簡化建構程序的模式 高效能應用程式
此為免費課程, Udacity
參加課程回應式網頁設計
![](https://developers.google.cn/static/web/shows/udacity/img/ud893.jpg?hl=zh-tw)
本課程將介紹回應式網頁設計的基礎知識,包括 Google 的 Pete LePage!你將自行製作能正常運作的回應式網頁 無論是手機、平板電腦、桌上型電腦或任何其他裝置
我們會先瞭解網站回應式設計是什麼? 回應式設計模式能在各種裝置上運作。接著 您會學到如何透過可視區域自行建立回應式版面配置 標記和 CSS 媒體查詢遊戲過程中,您會多嘗試 以及小中斷點和最佳化文字,方便閱讀
此為免費課程, Udacity
參加課程關鍵轉譯路徑
![](https://developers.google.cn/static/web/shows/udacity/img/ud884.jpg?hl=zh-tw)
深入瞭解如何提升網站速度,以便提升網站速度 詳細說明行動版和電腦版瀏覽器如何轉譯網頁。
您將瞭解「關鍵轉譯路徑」 瀏覽器將 HTML、CSS 和 JavaScript 轉換為 例如生活、呼吸網站然後您會開始探索 嘗試使用工具來評估成效及製定簡易策略 盡快將第一個像素放送在畫面上。學習目標 如何深入瞭解 PageSpeed Insights 和時間軸的建議 Google Chrome 開發人員工具並找出您所需的資料 成效立即隨之提升!
此為免費課程, Udacity
參加課程回應式圖片
![](https://developers.google.cn/static/web/shows/udacity/img/ud882.png?hl=zh-tw)
您知道嗎?圖片的平均位元組大小超過 60% 需要載入網頁?
本課程將說明如何在新世代網路上處理圖片 確保圖片在任何裝置上都能美觀且快速載入。
你將學習一系列技能和技巧,確保學習過程順利 將回應式圖片整合至開發工作流程。結束時間 本課程會使用經過適當調整的圖片 不同的可視區域大小和使用情境
此為免費課程, Udacity
參加課程離線網頁應用程式
![](https://developers.google.cn/static/web/shows/udacity/img/ud899.png?hl=zh-tw)
本課程將著重於使用者體驗, 開發人員如何以離線優先考量 應用程式在所有情況下都能發揮最佳效能,而不只是理想情況。您 學會辨識良好、不良、間歇 中斷使用者的連線能力,以及如何將應用程式 以便輕鬆因應這些狀況
運用您在本課程中學到的技巧,建立最終的 線上和離線都能正常運作,且會在載入新資料時載入新資料 。您的網頁應用程式會與 就像原生應用程式一樣這有助於改善使用者體驗 即使是在傳統挑戰的情境下,例如受困於 火車隧道,必須仰賴過於擁擠的會議 Wi-Fi 或 來到行動網路「死路!」
此為免費課程, Udacity
參加課程