从标签、元素与文档结构开始，亲手完成一个清晰易读的个人主页骨架。

掌握常用选择器、字号和行高设置，让刚写好的页面拥有舒服的阅读节奏。

用几个常见布局案例拆解盒模型，告别元素尺寸总和预期不一致的问题。

通过真实页面练习主轴、对齐和换行，快速搭出适配不同内容的横向布局。

从断点选择到细节调整，逐步把桌面页面变成适合单手浏览的移动端界面。

从浏览器控制台开始认识代码，写几个小表达式理解变量如何保存信息。

用输入、处理和返回值理解函数，并通过作用域示意图看清变量的可见范围。

拿一组视频数据做练习，比较常用数组方法的差异，写出更清楚的列表处理逻辑。

制作一个可展开的内容面板，练习选取元素、监听事件和更新页面反馈。

整理输入校验时机与提示文案，让用户知道哪里需要修改，而不是只看到报错。

用公开接口获取数据，认识异步流程，并给加载中、失败和空结果分别安排状态。

把页面结构、响应式卡片和简单交互串在一起，边做边复习前面学过的知识。

从检查元素到断点调试，学习快速定位样式覆盖和脚本报错的具体位置。

回看基础阶段的关键概念，整理下一步练习路线与常见的自学误区。