diff --git a/class/2017-frontend/0302-class-3.md b/class/2017-frontend/0302-class-3.md
new file mode 100644
index 0000000..01ad007
--- /dev/null
+++ b/class/2017-frontend/0302-class-3.md
@@ -0,0 +1,23 @@
+# 第三课
+
+## 更多 HTML／CSS
+
+- 超链接 <a>
+- 字体 font-family
+- Google Fonts
+
+## JavaScript 语言基础
+
+- Chrome DevTools Console
+- 运算符
+- 变量声明、数据类型
+- 对象、函数
+
+## 文档对象模型（DOM）
+
+- window 对象、document 对象、全局变量
+- 传统方法：`getElementById()`、`getElementsByTagName()`、`getElementsByClassName()`、`addEventListener()`
+- 现代方法：`querySelector()`、`querySelectorAll()`
+- jQuery：`$()`
+- 事件绑定：`addEventListener()`、`$().on()`
+- 事件冒泡机制