Code Like a God

从零到上线,做出你的第一个网站

没有基础也没关系。你要做的不是“先学一年再动手”,而是从今天起, 一节一节地跟着走、一节一节地亲手做——先把工具备齐,再让 AI Agent 帮你把想法变成能打开的网页, 最后把它真正放到互联网上,让任何人都能访问。

怎么用这份教材

第零章 · 装备关

6 节

把工具、账号、网络一次性备齐,让后面每一步都不再卡在“装不上、连不上”。

0.1这门课怎么学 + 你会做出什么 0.2选定起步 Agent 工具 0.3Gate 0 · 科学上网 0.4Gate 1 · 安装(双轨) 0.5Gate 2 · 账号与付费 0.6Gate 3 · 第一次和 Agent 说话

第一章 · 静态网站

11 节

从一个空白页到一个真正能上线的个人网站,中途认识 VS Code、设计、Git、框架,最后把它发布出去。

1.1网页是什么 + 做你的个人主页 1.2打开你的项目:VS Code 1.3先想后做① 1.4指挥 Agent 造出第一版 1.5让它好看(一):设计基础 1.6让它好看(二):认识 skills 1.7为什么不一直用 HTML 1.8存档与后悔药:Git 1.9认识框架:React / Next.js 1.10上线 1.11第一章结束,承上启下

参考资料

16 张

不用背,随用随查:术语、命令、设计与 UX 的速查卡。

课程术语表 GitGit 最小命令卡 UXUX 定律与心理学 UXUX 流程与策略 UXUX 本土化与无障碍 UXUX AI 与趋势 设计 7 条真理 设计组件词汇表 设计深度打磨 设计层级与排版 设计模式 设计审查清单 设计系统 设计 Taste 适配 设计字体与色彩 设计视觉调研
Code Like a God · 一节一节地读,一节一节地做。