打开B站，端开搜索“web前端”，教程排在前面的视频是各种“从零基础到就业”的教程合集。我点开过几个，自学播放量动辄几十万。免费但真正看完的端开人有多少？评论区最常见的留言是“收藏了，等于会了”。教程这事挺有意思——免费资源泛滥，视频反而成了学习的自学障碍。

我自己带过几个转行的免费朋友，他们无一例外都栽在同一个坑里：教程太全了。端开HTML标签背了二十个，教程CSS属性记了五十条，视频JavaScript看到数组方法就卡住。自学然后开始怀疑自己是免费不是太笨。其实不是。免费教程的痛点从来不是质量，而是没有筛选。你看那个讲CSS的UP主，光讲flex布局就用了三小时，从理论到实战，细致到让人想睡觉。可你需要的可能只是“怎么让三个盒子水平居中”这一句话。

换个思路。别把免费教程当系统课，当字典用。遇到问题查一下，解决了就关掉。我认识一个做前端的姑娘，她学flex布局只花了十分钟——因为她在做一个导航栏时发现对齐有问题，搜到某个视频的第十五分钟，正好讲justify-content: space-between，看完立刻解决，然后继续写代码。她说：“我从来没完整看过任何一套教程。”这话听着反常识，但她现在月薪两万。

那免费教程到底怎么选？给你一个判断标准：看视频的时长。超过四十分钟的，基本是录屏加配音，适合当背景音，不适合专注学习。真正好的免费内容，往往是那些UP主自己踩过坑后总结出来的“十五分钟速成”系列。比如有个叫“前端老张”的，他讲闭包只用了十二分钟，全程在画图，一句废话没有。这种内容才是宝藏。别迷信“完整体系”，前端这行更新快得吓人，你学完一套旧体系，框架都换两轮了。

我建议你换个姿势学习。别坐在电脑前正襟危坐地看视频，那太像上班了。躺着，用手机看，遇到想动手的地方就暂停，打开编辑器敲几行。敲不出来就回放，回放还不行就截图，然后去百度。百度搜不到就换关键词再搜。这个过程比看十集教程都管用。有个真实案例：一个学机械的哥们儿，靠这个方法三个月做了个个人博客，后来被外包公司看中，直接转行。他跟我说：“我从来没觉得在看教程，我觉得我在打游戏——卡关了就看攻略，过了就继续闯。”

最后说点得罪人的。很多免费教程的评论区里，UP主会回复“不懂的可以私信我”。别信。他一个视频几十万播放，私信早被塞满了，你发的消息大概率石沉大海。与其等回复，不如去Stack Overflow搜英文答案，或者去GitHub上找开源项目的issue区——那里面的讨论比教程评论区实在多了。你可能会说英文看不懂，但前端代码本身就是英文，你早晚得适应。别怕，用翻译插件硬看，看多了就熟了。

免费资源永远都在，但学会筛选和使用，比找到“最好的教程”重要一万倍。工具是死的，你是活的。别让那些进度条绑架了你。