AMP

教师

目标

具有 HTML 和 CSS 基本知识的学生可以使用 AMP 创建功能齐全的交互式网站。因此,这些材料非常适合在 HTML 和 CSS 之后,JavaScript 之前的课程中使用。

这些课程为教授现代网站开发模式提供了一种极佳的方式。它们既适合初学者,也适合希望创建性能更高的网站的经验丰富的 Web 开发人员。

课程大纲和文本以 Google 文档的形式提供。它还附带完整的幻灯片,以 Google 幻灯片的形式提供。所有材料也可以下载为 PDF 格式。

获取课程

你可以在这里找到起始的 Glitch 代码库。

课程材料

本课程由一系列实践项目组成,其中大多数项目会逐步指导你创建一个虚构商店的 AMP 网页。更高级的 Codelabs 基于早期 Codelabs 中介绍的基础知识。但更有经验的学生可能希望跳过第一门课程。

先决条件

  • HTML 和 CSS 的基本知识
  • 对于高级课程,需要 JavaScript 表达式和简单的 JSON 知识

要求

  • 互联网连接

  • 最好使用 Chrome 浏览器,以便可以使用 AMP 验证器扩展程序

  • 本课程使用在线编辑器 Glitch。无需 IDE 或本地 Web 服务器!

与我们交流

你正在使用这些课程吗?你是否想告诉我们你的体验?或者你是否有关于如何改进这些课程的想法?你是否想与社区分享你自己的课程版本?给我们反馈!