跳到正文
Coding 101

入门免费27 课

Coding 101

从零认识代码，用书包清单学会 JSON，再一步步看懂如何调用 AI API。不需要编程基础。

开始第一课

课程目录

01看懂一个网站

  1. 1.1前端、后端、数据库分别做什么
  2. 1.2框架、组件库、API 是什么
  3. 1.3Git 与 GitHub：记录、比较和恢复修改
  4. 1.4跑起项目，让 AI 带你认识目录

02前端：搭出导航站

  1. 2.1拆解页面，写清技术需求
  2. 2.2用 Tailwind CSS 完成布局与手机适配
  3. 2.3用组件库组装卡片、筛选器和弹窗
  4. 2.4用结构化数据驱动列表、搜索和详情

03后端：处理用户请求

  1. 3.1从一次提交认识 HTTP、API 和 JSON
  2. 3.2用 Next.js 编写资源提交接口
  3. 3.3校验输入，处理成功与失败
  4. 3.4环境变量与密钥放在哪里

04数据库：保存与管理资源

  1. 4.1设计资源、分类和投稿的数据关系
  2. 4.2将本地内容迁入数据库
  3. 4.3完成新增、查询、修改和删除
  4. 4.4加入管理员登录、权限与审核

05把网站交付出去

  1. 5.1根据截图、日志和网络请求定位问题
  2. 5.2用 Playwright 验证关键流程
  3. 5.3部署网站，配置域名和环境变量
  4. 5.4用 Git 分支完成一次功能迭代

06拓展：做成自己的产品

  1. 6.1换一个领域，制作自己的导航站
  2. 6.2增加收藏与个人空间
  3. 6.3用 AI 辅助生成资源简介与分类
  4. 6.4增加多语言或模型榜单

07补充阅读

  1. 7.100 JSON 是什么？从一张书包清单开始
  2. 7.201 用 JSON 调用 AI API：给 AI 寄一张任务单
  3. 7.302 让 AI 做出动效，先把名字报对