P01
我的怪物
设计你自己的怪物,并把它做成一个真实的网页!你将使用编程助手(Claude Code 或 Codex)来构建它,把怪物发布到 project.foryouth.net,然后学习用 GitHub 来保存和分享你的作品。
不需要会写代码就能开始——你的任务是描述你想要什么,编程助手会帮你把它变成现实。
每周教学计划
第 01 已完成
编程助手入门
认识编程助手——能帮你写代码的 AI 工具。我们用 Claude Code 和/或 Codex 设计了一只怪物,并把它发布到了 project.foryouth.net。你学会了如何用清晰的描述告诉助手你想要什么,并看着你的想法变成一个网页。
第 02 已完成
GitHub 入门
本周我们学习 GitHub——程序员用来保存代码、记录每一次修改、以及与他人协作的地方。你会了解什么是仓库(repository)、提交(commit),以及如何把你的怪物项目安全地保存到云端。
第 03 本周
让你的怪物动起来:SVG + GSAP
本周让你的怪物活起来!你将认识 SVG——一种用代码绘制形状(圆形、眼睛、牙齿)的方法,无论放大多少都依然清晰——以及 GSAP,一个流行的动画工具,能让你的怪物上下浮动、眨眼、挥手。
你还不会 GSAP——而这正是重点。你会第一次认识 技能(skills):一份交给编程助手的专家说明书,让它清楚知道如何使用像 GSAP 这样的新工具。先给助手加上 GSAP 技能,然后只要用自己的话描述想要的动作(比如"让眼睛每隔几秒眨一次"),剩下的就交给助手。