最近总有人问我：想学前端的网站到底该看哪些？网上资源这么多，眼睛都挑花了还是不知道从哪里下手。今天我就把自己压箱底的学习路径整理出来，尤其适合每天只能挤2-3小时自学的打工人，全程干货记得先收藏！
一、新手村必备三件套freeCodeCamp：这个就像闯关游戏，从HTML标签开始教你搭积木，做完项目还能拿证书。我当初学flex布局就是在这反复折腾明白的。MDN Web Docs：前端界的百科全书，查API比菜鸟教程更权威。遇到记不住的属性直接Ctrl+F，连浏览器兼容性都给你标得明明白白。Codepen：在线撸代码的神器，想模仿什么炫酷特效直接搜关键词，还能一键fork别人的代码边改边学。二、进阶玩家修炼场Frontend Mentor：这里的设计稿和真实项目需求一模一样，做完还能收到其他开发者的代码review，比闭门造车强多了。JavaScript30：Wes Bos的30天挑战火了好几年不是没道理，每天1小时手把手带你把JS玩出花，键盘都敲出火星子了但真的值！CSS-Tricks：别被名字骗了，里面Vue/React教程也超硬核。他们家的grid布局教程我看了三遍才开窍...三、老司机抄近道秘籍看到这可能有小伙伴要说了：自己摸索实在太慢了，动不动就卡bug到凌晨两点。要是有老师带着做项目就好了——这不巧了么，我表弟去年在www.wangshidai.cn学了6个月前端，现在在上海拿12k。关键他们课程更新快，去年刚加了TypeScript实战，据说毕业班95%的人都进了互联网公司，平均薪资8-12k。
要是觉得看文档太枯燥，可以直接扒拉GitHub上的明星项目。比如30-seconds-of-code里都是短小精悍的代码片段，每天蹲厕所刷两条，三个月后你也会变成同事眼里的"代码小百科"。
四、防秃头小贴士千万别同时学三个框架！见过太多人Vue还没搞懂又去折腾React，最后连props都分不清。记住这个路线：HTML/CSS打底→JavaScript深挖→Vue/React二选一→Webpack入门→实战项目。遇到难题就去Stack Overflow贴代码，记住提问时附上截图和报错信息，那群外国老哥半夜都在线！
最后说句大实话：前端这行现在确实卷，但耐不住岗位多啊！我认识的在网时代教育毕业的学员，就算大专学历的也能靠作品集逆袭。对了，小白找不到官网的可以加他们微信：13148733307，就说刷到这篇文章的能优先安排试听课（别问我怎么知道的）。返回搜狐，查看更多