FIELD SIGNAL / CONNECTING
循序渐进 · 从零到交付
从 Web 原理、HTML、CSS 与 JavaScript 起步，逐步深入 React、服务端、API、数据库、登录、安全与部署。
14 节课 · 321 分钟参考学习时间
你的进度0/14
可先匿名学习；GitHub 登录后同步进度。
画出保存笔记的完整请求链路，并标明每一步发生在浏览器、服务端还是数据库。
25 分钟 · 阅读 / 实践 / 测验
记录一次页面请求的方法、地址、状态码和响应类型，为四种失败写出用户提示。
做一个可用键盘提交的笔记表单，检查标签、焦点、错误提示和标题层级。
制作从 320px 到桌面都不横向溢出的两栏页面，并用长标题和空列表测试。
写一个接收 unknown 的标题校验函数，测试数字、空字符串、超长输入和正常输入。
实现可取消搜索，模拟慢响应与断网，确保旧结果不会覆盖当前搜索条件。
把笔记界面拆为列表、搜索和编辑器，标明每个状态的拥有者和数据流方向。
把加载、成功、空数据、失败与恢复设计成明确状态。
16 分钟 · 阅读 / 实践 / 测验
标记一个课程页的组件边界，解释正文、进度按钮、密钥和数据库查询应放在哪里。
让客户端和服务端通过明确输入、输出与错误协作。
18 分钟 · 阅读 / 实践 / 测验
从实体、关系、约束和迁移理解数据库设计。
19 分钟 · 阅读 / 实践 / 测验
画出 GitHub 登录到进度同步的流程，列出未登录、回调失败和越权查询的预期结果。
为笔记应用列出六个自动化测试，并记录一个性能基线与可回滚的优化方案。
用类型、测试、可访问性、性能与观测守住上线质量。
FINAL EXAM / 02
当前 0/14 节课程已完成。考试需 GitHub 登录，答对 6 题中的至少 5 题通过；通过记录会保存在账户中。