
这门课是给完全不懂代码的人准备的,思路是「只动口、不动手」:你把需求讲清楚,AI 把代码写出来,你负责跑起来、交出去。
前半段先解决环境。Node.js、VSCode、Git 一个个装,装完上 Claude Code,再用 cc-switch 接智谱的模型。每一步都给了下载入口、验证命令和截图作业,装没装上当场能看出来。
中间是 6 个案例:个人简历网站、中英文单词消消乐、多国货币转换器、番茄计时器,最后把几个小工具合成一个导航站。每个案例都从需求描述开始,走到代码生成、跑通、截图交作业。作品做完用 EdgeOne Pages 部署,微信扫码注册就能上传,域名和预览是现成的。
结尾拆一个真实商单:学生期末作业那类需求,从读需求文档、建项目文件夹、把需求丢给 Claude Code,到成品验收走一遍。
适合的人群写得挺直白:完全不懂代码但想入局的、想靠 AI 接单做副业的、要快速做网页工具的学生和职场人、想压低开发成本的创业者和自媒体人。
课程目录
一、AI编程没你想的那么神秘
给小白的定心丸
学习核心原则:首问AI!首问AI!首问AI!
二、最适合小白的路线图
环境工具安装 → 随便做个垃圾 → 不停地做出更多垃圾 → 熟能生巧
三、前置准备工作(1d)
科普:命令提示符(Windows)与终端(Mac)的概念
视频教程:[1_Windows环境安装.mp4]
安装Node.js(下载链接+验证命令)
安装VSCode(下载链接+注意事项)
安装Git(下载+图文安装步骤)
第一次作业:提交Node.js安装与验证截图、VSCode安装截图
安装Claude Code(Windows/Mac命令+验证)
配置模型:安装cc-switch(下载链接+配置教程)
购买模型:注册智谱账号+获取API Key+订阅套餐
接入模型:cc-switch配置智谱模型+验证接入成功
第二次作业:提交Claude Code安装截图、cc-switch配置截图、与Claude对话截图
四、Claude Code如何用(1d)
VsCode插件模式(安装官方Claude Code插件+配置开关)
文字交互模式(Plan mode / Bypass permissions / Ask before edits / Edit automatically详解)
图片交互模式(直接复制粘贴图片)
五、案例实战(6d)
个人简历网站(视频:[2_个人简历网站2x.mp4])
第三次作业:提交作品截图
中英文单词消消乐网页版(视频:[3_中英文单词消消乐网页版_2x.mp4])
第四次作业:提交作品截图
多国货币转换器小工具网页版(视频:[4_货币转换工具.mp4])
第五次作业:提交作品截图
番茄计时器工具网页版(视频:[5_番茄钟.mp4])
第六次作业:提交作品截图
工具集合站(把四个网站合并成一个导航站)(视频:[6_工具集合站.mp4])
第七次作业:提交作品截图
六、发布网站(1d)
视频教程:[7_部署.mp4]
EdgeOne Pages介绍(国内站/国际站+主要优势)
准备工作(项目文件结构要求)
注册账号(微信扫码注册)
发布网站步骤(登录→直接上传→创建项目→部署→预览)
项目设置(修改名称+自定义域名)
更新网站(新建部署+重新上传)
第八次作业:发布任意作品上线,提交域名和网站截图
七、商单实战案例
真实案例:学生期末作业需求拆解
完整需求文档(HTML5语义化标签+CSS外部样式表+500行代码+响应式布局等要求)
实操步骤:
1. 新建项目文件夹
2. VSCode打开文件夹
3. 复制需求给Claude Code
4. AI自动生成完整网站
5. 成品展示(首页+详情页+导航+图文混排)
商单案例展示:两个H5页面链接
八、结语:干就完了
持续学习的重要性
AI时代的机遇
鼓励语:动起来就超过大部分人

