Udacity 課程

漸進式網頁應用程式簡介

本課程將引導您開始進行首次的漸進式 網頁應用程式 - 可以運用許多原生功能的網頁應用程式 也都愛不釋手我們也將帶來更豐富的經驗 透過 Service Worker 離線運作的網頁應用程式。最後,您要為 應用程式可透過 Web App 資訊清單檔案安裝使用者主畫面。

此為免費課程, Udacity

參加課程

網頁無障礙功能

在本課程中,您將獲得建構網頁應用程式的實作經驗 方便存取您就能瞭解使用者需使用無障礙功能的時機和原因。接著 將說明「操作方法」:如何搭配螢幕閱讀器使用網頁 以及管理輸入焦點 (例如按 Tab 鍵切換各個字元時,所看到醒目顯示的部分) form.)您將瞭解「語意」和「語意標記」對網頁的影響 網頁並新增 ARIA 標記,以便使用一系列 輔助裝置。最後,你將學習樣式設計技巧 ,瀏覽網頁時 可輕鬆又可靠地瀏覽。

此為免費課程, Udacity

參加課程

瀏覽器轉譯最佳化

效能對使用者來說非常重要,網頁程式開發人員必須建構 快速流暢轉譯Google 成效大師 Paul Lewis 隆重登場 可協助您刪除卡頓,並建構網頁應用程式,每影格最多 60 個影格 第二種效能完成本課程後,您需要使用各項工具 分析應用程式,並找出卡頓的原因。您將探索瀏覽器的 以及發掘能簡化建構程序的模式 高效能應用程式

此為免費課程, Udacity

參加課程

回應式網頁設計

本課程將介紹回應式網頁設計的基礎知識,包括 Google 的 Pete LePage!你將自行製作能正常運作的回應式網頁 無論是手機、平板電腦、桌上型電腦或任何其他裝置

我們會先瞭解網站回應式設計是什麼? 回應式設計模式能在各種裝置上運作。接著 您會學到如何透過可視區域自行建立回應式版面配置 標記和 CSS 媒體查詢遊戲過程中,您會多嘗試 以及小中斷點和最佳化文字,方便閱讀

此為免費課程, Udacity

參加課程

關鍵轉譯路徑

深入瞭解如何提升網站速度,以便提升網站速度 詳細說明行動版和電腦版瀏覽器如何轉譯網頁。

您將瞭解「關鍵轉譯路徑」 瀏覽器將 HTML、CSS 和 JavaScript 轉換為 例如生活、呼吸網站然後您會開始探索 嘗試使用工具來評估成效及製定簡易策略 盡快將第一個像素放送在畫面上。學習目標 如何深入瞭解 PageSpeed Insights 和時間軸的建議 Google Chrome 開發人員工具並找出您所需的資料 成效立即隨之提升!

此為免費課程, Udacity

參加課程

回應式圖片

您知道嗎?圖片的平均位元組大小超過 60% 需要載入網頁?

本課程將說明如何在新世代網路上處理圖片 確保圖片在任何裝置上都能美觀且快速載入。

你將學習一系列技能和技巧,確保學習過程順利 將回應式圖片整合至開發工作流程。結束時間 本課程會使用經過適當調整的圖片 不同的可視區域大小和使用情境

此為免費課程, Udacity

參加課程

離線網頁應用程式

本課程將著重於使用者體驗, 開發人員如何以離線優先考量 應用程式在所有情況下都能發揮最佳效能,而不只是理想情況。您 學會辨識良好、不良、間歇 中斷使用者的連線能力,以及如何將應用程式 以便輕鬆因應這些狀況

運用您在本課程中學到的技巧,建立最終的 線上和離線都能正常運作,且會在載入新資料時載入新資料 。您的網頁應用程式會與 就像原生應用程式一樣這有助於改善使用者體驗 即使是在傳統挑戰的情境下,例如受困於 火車隧道,必須仰賴過於擁擠的會議 Wi-Fi 或 來到行動網路「死路!」

此為免費課程, Udacity

參加課程

網路工具和自動化

本課程將說明如何設定開發作業、 避免自己和網站運作 自動最佳化,節省大量的時間和精力 和自動化最後,您將瞭解如何兼顧自我與自信 您的程式碼會在現實世界的多種裝置上執行

此為免費課程, Udacity

參加課程

打造高轉換率網路表單

任何有意義的網路體驗都有表單,這是否為 文字方塊、切換鈕、按鈕、核取方塊或可觸控的小工具、網站 開發人員必須提供清楚明確的表單,讓使用者滿意, 增加轉換次數

這堂課程將說明現代表單的最佳做法。您 透過幾個自主專案練習技能 包括電子商務結帳功能和活動規劃應用程式!

在此特別節目,你也會觀看一系列和 Luke 的訪談 Google 產品總監暨「網頁表單設計」作者 Wroblewski 探討當代網路互動方式的點點滴滴

此為免費課程, Udacity

參加課程