从点击到响应
一张网站学习地图可以从一次请求开始：浏览器发起请求，服务端处理业务，必要时读取或写入数据库，随后返回结果，浏览器更新画面。页面能显示，不代表数据已经被持久保存。
要点
- 浏览器：显示与交互
- 服务端：业务处理
- 数据库：持久化数据
练习 以“新增一条笔记”为例，画出请求经过的节点，并标明每一步输入和输出。
页面的三个基础
HTML 表达内容结构，CSS 处理布局与表现，JavaScript 负责交互行为。把具体问题放回对应层，调试会更明确。
要点
- 结构是否表达正确？
- 布局是否在窄屏可读？
- 操作是否有明确结果？
练习 画一个笔记表单，分别列出结构、样式和行为需要完成的最小事项。
接口不是一根看不见的线
前后端协作需要约定输入字段、输出字段和失败状态。空标题、网络失败、重复提交应分别考虑，避免把“请求已发出”误当成“操作已完成”。
要点
- 请求提供哪些字段？
- 成功返回什么？
- 失败如何呈现与恢复？
练习 为新增笔记列一张接口说明表，只写字段与行为，不先选择框架。
学习路线以作品收尾
工具可以换，项目闭环与验证方式不应消失。每个阶段同时回答：能做什么、能解释什么、用什么验收。
要点
- 开发向：能完成的动作
- 概念向：能解释的机制
- 目标：能交付的成果
练习 用这三栏为自己制定下一阶段目标，删去暂时不能帮助交付的技术名词。