教师
目标
具有 HTML 和 CSS 基本知识的学生可以使用 AMP 创建功能齐全的交互式网站。因此,这些材料非常适合在 HTML 和 CSS 之后,JavaScript 之前的课程中使用。
这些课程为教授现代网站开发模式提供了一种极佳的方式。它们既适合初学者,也适合希望创建性能更高的网站的经验丰富的 Web 开发人员。
课程大纲和文本以 Google 文档的形式提供。它还附带完整的幻灯片,以 Google 幻灯片的形式提供。所有材料也可以下载为 PDF 格式。
你可以在这里找到起始的 Glitch 代码库。
课程材料
本课程由一系列实践项目组成,其中大多数项目会逐步指导你创建一个虚构商店的 AMP 网页。更高级的 Codelabs 基于早期 Codelabs 中介绍的基础知识。但更有经验的学生可能希望跳过第一门课程。
先决条件
- HTML 和 CSS 的基本知识
- 对于高级课程,需要 JavaScript 表达式和简单的 JSON 知识
要求
-
互联网连接
-
最好使用 Chrome 浏览器,以便可以使用 AMP 验证器扩展程序
-
本课程使用在线编辑器 Glitch。无需 IDE 或本地 Web 服务器!
与我们交流
你正在使用这些课程吗?你是否想告诉我们你的体验?或者你是否有关于如何改进这些课程的想法?你是否想与社区分享你自己的课程版本?给我们反馈!