作品集 · Selected Work

做过的东西,都放在这里

两个纯前端的小项目,和三段英语教学案例。都是自己从零动手做的, 代码尽量不依赖框架,教学尽量不依赖死记硬背。

2前端项目
3教学案例
0外部依赖
IELTS 7.0听力 8.5
01

前端项目

Web Projects
在线可玩 · WebGL

3D 贪吃蛇 Neon Snake · Three.js

把经典的网格玩法搬进三维空间,用霓虹光效、动态相机和实时阴影重新演绎。 支持方向键与 WASD 操作、空格暂停,手机上也能直接玩;自动演示模式会自己寻路并重开。

Three.jsWebGLES Module触屏适配
玩法
方向键 / WASD 控制 · 空格暂停
特性
3D 立体棋盘 · 霓虹光效 · 动态相机
平台
桌面与移动端浏览器
在线可访问 · 静态站点
家常菜 · 小炒 · 汤煲
拾光幸福小馆
  • 01当日现采食材
  • 02大厨明档现炒
  • 03像回家一样吃饭

拾光幸福小馆 Shiguang Bistro · Restaurant Page

为一家餐饮店做的展示页:顶部一句话点明「每天现买现做」的主张,中间用三张卡片 讲清食材、明档现炒与就餐氛围,底部集中放电话订座、地址、营业时间与邮箱。

原生 HTML5CSS3单文件零依赖响应式
设计
简约现代 · 暖白与陶土红 · 衬线中文标题
适配
三栏卡片自适应堆叠 · 手机端优先
细节
电话 / 邮箱可直接点击
02

教学案例

Teaching Cases
一对一 · 国际学校
01
MAP Prep

国际学校五年级英语与 MAP 备考 Grade 5 · Beijing

针对学生英语基础与国际学校学习需求安排辅导,把课程内容、词汇语法与句型练习结合起来。 通过情景对话、英文动画和互动游戏调动兴趣,让基础知识在具体语境里得到练习。

北京五年级课程同步情景对话
方式
课程同步 + 情景对话 + 动画辅助
思路
先建立兴趣,再补基础
分学段 · 考试准备
02
KET Prep

小学英语基础与 KET 备考 Grade 3–5 · Beijing / Urumqi

三年级侧重自然拼读与基础语法;乌鲁木齐五年级学生侧重词汇、语法练习与校内英语巩固。 为北京五年级学生提供 KET 备考辅导,按学生所处阶段安排内容,基础与考试准备并重。

北京 · 乌鲁木齐三年级至五年级自然拼读KET
方式
分学段设计内容
思路
基础巩固与考试准备并行推进
一对一 · 基础提高
03
Grade 8

初中英语基础巩固与提高 Grade 8 · Urumqi

围绕初二学生的英语学习需求开展一对一辅导,教学内容由基础巩固逐步延伸到提高训练, 兼顾知识理解与运用,帮助学生在语法和句型上建立清晰的框架。

乌鲁木齐初二学生一对一语法框架
方式
由基础到提高的阶梯式推进
思路
强调理解与运用

我的教学思路

How I Teach

先判断学生卡在哪一步,再决定讲什么:基础不牢就先补拼读与句型,基础可以就上难度和运用。 课上尽量让学生自己开口、自己纠错,课后留能独立完成的任务,而不是靠堆题量。

先诊断再安排

看过学生的作业和课堂反应之后再定内容,不照搬现成进度表。

课上多开口

把话说出来才算学会,句型在对话里练熟,而不是只做选择题。

课后可自查

留能独立完成的任务,下次课先回顾,确认真的记住了再往下走。