web前端课程

我教了三年web前端课，端课最深的端课感触是：这门课教到最后，教的端课不是代码，是端课审美和逻辑的打架。

第一节课我总让学生做一件事——打开浏览器，端课按F12，端课随便找个网站，端课把CSS全删了。端课一瞬间，端课精心设计的端课页面变成一坨左对齐的文字堆，图片像砖头一样砸下来。端课学生哇一声，端课原来“好看”是端课代码撑起来的。这个瞬间比讲十遍盒模型都有用。端课

前端不像后端，端课你写个接口，返回JSON，没人管你代码长啥样。前端是戴着镣铐跳舞——同样的功能，你写出来的页面丑，用户转身就走。有个学生做过一个电商页面，功能全对，购物车能加能减，结算按钮跳转正常。我让他自己盯着屏幕看十秒，他脸红了：“这配色像我家十年前的老式热水器。”
我说对了，前端的第一课不是JavaScript，是羞耻感。你得先觉得丑，才谈得上改。

课程安排上，我故意把HTML和CSS压缩到两周讲完，语法那点东西，背一背就会了。真正花时间的是布局训练——浮动、flex、grid，每种方案都有脾气。浮动像老一辈的固执，得用clear来哄；flex像个好说话的朋友，大部分时候都行；grid是控制狂，但真能精确到像素。学生一开始总爱用flex，因为上手快。等做到复杂后台界面，才发现grid能省一半代码。这种顿悟没法教，只能碰壁后自己摸出来。

JavaScript部分，我不急着讲ES6的箭头函数和Promise。先让他们用原生DOM操作写一个待办清单。这个练习能暴露所有问题：变量命名乱、函数堆成一坨、事件绑定绑了又解。有个学生写了三百行代码，实现的功能其实五十行就能搞定。我让他自己读一遍，他读到一半就笑了：“这写的什么鬼。”
这就对了。代码是写给人看的，顺便给机器执行。你连自己都看不懂，凭什么指望别人维护？

课程后半段，我让他们做小组项目，模拟真实开发流程。有个组做了个音乐播放器，界面好看，交互流畅，但代码里硬编码了一个音频链接。我故意没提醒，等他们演示时断网，页面瞬间变哑巴。那组学生愣在原地，台下有人笑。后来他们自己加了错误处理和加载状态。这种教训比任何理论都深刻——前端不是画皮，你得处理真实世界的烂事：网速慢、接口挂了、用户乱点。

最后一周我不讲技术，拿几个真实网站当案例拆解。比如某个知名博客，排版极简，但滚动时细节动效非常顺滑。学生问：“这难吗？”我说：“难的不是动效，是克制。你会做一百种动画，但只用了三种，其他九十七种删了。”
前端课到最后，教的其实是做减法。删掉多余的装饰，删掉花哨的过渡，删掉那些“我学了所以要用”的炫技。剩下的才是真正的界面——清晰、直接、有呼吸感。

有个学生结课后给我发消息，说他去面试，对方问：“你觉得自己前端学得怎么样？”他说：“我做的页面能看，代码能维护，遇到坑知道怎么查。”
面试官笑了，当场给了offer。
我回他：“这就对了。前端不是魔法，是手艺活。手艺活靠的是练，不是背。”