AMP

教師

目標

具備 HTML 和 CSS 基本知識的學生可以使用 AMP 建立功能完整、互動性高的網站。因此,這些教材非常適合放在 HTML 和 CSS 之後、JavaScript 之前的課程中。

這些課程提供教授現代網站開發模式的絕佳方式。它們既適合初學者,也適合希望建立效能更佳網站的經驗豐富的網頁開發人員。

課程大綱和文字內容以 Google 文件形式提供。它還附帶完整的投影片組,以 Google 簡報形式提供。所有材料也可以 PDF 格式下載。

取得課程

你可以在這裡找到起始的 Glitch 儲存庫。

課程材料

本課程包含一系列實作專案,其中大多數專案會逐步引導你完成為虛構商店建立 AMP 網頁的過程。更進階的程式碼實驗室建立在早期程式碼實驗室涵蓋的基礎知識之上。但更有經驗的學生可能希望跳過第一門課程。

先修條件

  • HTML 和 CSS 的基本知識
  • 對於進階課程,需要 JavaScript 表達式和簡單 JSON

需求

  • 網路連線

  • 理想情況下使用 Chrome 瀏覽器,以便可以使用 AMP Validator 擴充功能

  • 本課程使用線上編輯器 Glitch。不需要 IDE 或本機網頁伺服器!

與我們交流

你正在使用這些課程嗎?你想告訴我們你的經驗嗎?或者你有關於如何改進它們的想法嗎?你想與社群分享你自己的課程版本嗎?給我們回饋!