怎么学习前端开发？求推荐学习路线？

时间：2023-10-24 15:00:01 | 来源：网站运营

时间：2023-10-24 15:00:01 来源：网站运营

怎么学习前端开发？求推荐学习路线？：

授人以鱼不如授人以渔，来看我的这篇文章就够了。

写文之前，按照国际惯例，先来喊一遍slogan：“人在前端路，先听土哥讲”(喊得不齐，再来一遍~
)。嗯嗯，如果有新来的朋友还不认识我，我可以简单介绍下：


你好，我是码农土哥，高中学的是文科，大学报的专业却是计算机，人生就是这么矛盾。

毕业之后稀里糊涂在前端路上一走就走了8年，现在还是一家互联网公司的前端leader（我也不知道自己是怎么当上的）。






这几年一路走来略有心得，从了编程，也不能荒废了文科生的手艺，所以平时有空会写点文章，关于自己的职场、人生经验之谈。


若不是生活所迫，谁会把自己弄的一身才华。[ 手动滑稽 ]


好了，自我介绍的部分就到此结束，如果你喜欢我，我以后再慢慢跟你讲我的故事。

今天，土哥准备分享一些关于应届生学前端的话题，如果戳中你的内心，请含泪读完。愿你读前有耐心，读完有信心。

土哥根据平时接触到的一些应届生粉丝来信，总结了几点，后面会展开叙述，中间可能会穿插一些我的入行经历。咱们先看问题：

1. 学的比较浅，什么都会点，但都不深入。

2. 不会利用搜索引擎。

3. 都2019年了，投简历还上赶集网和58同城

4. 不懂得输出个人项目。

5. 培训还是自学，有点纠结

6. 学习路线不清楚，比较迷茫








1.

“学的比较浅，什么都会点，但都不深入”

这是粉丝来信中提到最多的一个问题了，学的比较泛泛，看似学会了很多东西，其实都不扎实。其中一位应届生童鞋学前端的经历就充分展示了这方面的“才华”，我说下你听听，他的身上有没有你的影子？

“入前端这个坑完全是由于个人兴趣(在此之前，我的兴趣一直是如何成为一名糕点师...)

在 15 年左右暑期，闲来无事学习PS期间，对前端起了点兴趣，当时主要是看到别人ps里有个生成css的功能，当时感觉css好像很厉害的样子（目前为止，关于前端的确是css最难.....），然后就点开了W3c，开始了html+css的旅程，当时反正偶尔学学，直到能写一些简陋的静态页面的地步，之后由于沉迷游戏就没有怎么碰前端相关内容。






然后到了 16 年初，当时想着自己作为一个有为青年，不能沉迷游戏，于是想起了曾经学过的 html+css ，于是又开始鼓捣，当时 html5+css3 正火，于是去学习了一遍，然后发现 js 是绕不过去的，于是开始入了 js 的坑，从此难以自拔。

初学 js 时，学的红红火火恍恍惚惚，在有道云笔记上写了上百页的相关笔记，并且也学习了 jq。花了个把月把 ES5 相关内容都过了好几遍后，就开始试着使用 bootstrap 等，一些常用的，大家推荐的 ui 框架，写了一些页面啥的。

之后由于经常逛本站，以及其他一些站点，突然发现好像自己赶不上潮流了，有个什么叫 node 的很火，当时对 node 还没什么印象，于是开始的 node 的学习之旅，由原生，转战至 express 框架（目前使用 koa2 ），也写了一些个人项目，例如仿微博啥的，学习 node 期间还把 mongodb 学习了一遍，并且把 python 教程过了一遍。

之后有段时间突然对爬虫挺感兴趣，于是就试着用 node 写了一些爬虫(博客园，本站)

js 也学会了， node 也会写了，感觉好像世界完整了，然而逛逛 github ，突然发现别人的 js 为啥和我的 js 不太一样。它妹的，原来是是啥子叫做 ES6 的,还有 webpack ，以及 babel....于是开始入了 es6 的坑，不得不说， es6 相关语法 Class 和其他的，以及 es7 提供的 async 函数与对象解构真是好用... es6 也大概会了，然后顺其自然的就遇到了 MVVM 框架

起初学习 react ，跟着教程走了一遍，自己也写了些小 demo ，但 jsx 写着不太舒服

之后遇到了 vue2 ，框架精简，入手快，作者大大非常活跃并且是我们中国人，于是就入坑了。”

以上就是粉丝学前端的经历，所学内容几乎涵盖了前端的所有内容，但是他在描述的过程当中，有一个词使用频率很高，“过了一遍”。这样的后果就是，自己看着什么都懂，但是让你动手写个项目，还是有点费劲，关键是没有养成编程思维。






对于这个问题，土哥的建议：不要淹没在前端庞大的知识体系里，首先要看清楚，前端三板斧，无非是html、css、javascript，先把这三样学懂学会学明白了，基础打扎实，然后才是框架的学习，或者说工具的应用。

其他的知识内容，无非是这三样的衍生、延伸。可能一开始会走得慢，但是每一步都走的稳，这样一步一个脚印走下来，你会发现，后面的路，你会越走越快，越来越驾轻就熟。这就是底子打得好，带来的好处。


2.

“不会利用搜索引擎”

都2019年了，如果你还想入前端的坑，必须要学会利用搜索引擎。俗话说，内事不决问百度，外事不决问google。在给我来信的应届生童鞋里面，我发现好几个人都是不太会利用搜索引擎来帮助自己学习前端、找前端的学习资源。

说实话，这个问题我之前也有，有点像照镜子。当初我在学校的时候，我们老师给我什么资料、视频教程，我就看什么，根本没想到要利用百度去找前端资源，有点认知局限了。后来我们老师说，这些资源网上都能找得到，就看你会不会找了。

对于这个问题，土哥的建议：经常去一些技术类社区、论坛、贴吧，甚至是博客，都会找到一些适合自己的学习资源，大家应该都懂，只不过你没往这方面想而已。

比如你打开百度，输入关键词“前端开发 学习路线” 等等，关键词一定要以空格隔开，这样搜索出来的内容可能就会比较符合你的预期了。

但是可能你也知道，百度在国内的搜索引擎市场属于一家独大，搞了一套竞价排名的赚钱路子，可能你输入关键词之后，出来的第一页都是培训机构的广告链接，但是没关系，你可以翻到第二页，甚至是之后的页数，总能找到你想要的干货资源。

如果百度满足不了你的胃口，当然你也可以试着用google搜索，谷歌搜索真香，按照自然排名，干货也比较多（当然，如果你能fan的了qiang）。


3.

“都2019年了，投简历还上赶集网和58同城”

自己找工作的话 像web前端这样的工作，就不要去 赶集网和58同城了，这两个网站已经被中介给腐蚀了，百分之80多的招聘信息不是培训就是中介。

以前boss直聘也可以，但是招聘实习生的比较少，而且现在网上爆料，传销比较多，不安全。我推荐拉勾网比较好一点。

如果拉勾网还不和你的胃口，你也可以选择智联招聘、中华英才网、大街网以及猎聘网。如果这些正常的路子，都不足以让你得到一个面试的机会。那么下面我要讲的这个话题，你就要认真听了。


4.

“不懂得输出个人项目”

投简历的渠道固然重要，但是简历上是否有干货更重要。HR和面试官更看重的是你的能力，项目输出。到现在，还有好多应届生童鞋应聘的时候，拿着一份精美的简历，和一个存储着个人作品的U盘。U盘无非是些html/css静态页面，还有一些js、jq写的动态效果，前两年是仿站，仿一些大型电商网站的首页，PC端的。最近两年，无非是从PC端仿到了移动端 APP上，仿的内容还是一些声名在外的APP的首页及二级页面。稍微做的好一点的，也就是子页面做的比较多，看着像一个项目。

像这些个人作品，面试官是看不上的。一个是因为你里面用的还是传统的那一套，像构建工具、脚手架、流行的框架，以及一些流行的语言，你在作品里都没有体现。第二个是因为你的这些作品不是线上的项目，现在很多面试官面试，都是问你有没有线上的项目。不得不说，现在前端的门槛提高了。


所以，土哥建议平时不光要多学习，多敲代码，还要懂得输出、打磨自己的个人线上项目。平时有空可以研究下域名、服务器等层面的东西，将自己的项目放到网上，应聘的时候可以自信的让面试官看自己一手搭建的网站。

或者有的童鞋不想折腾，也有办法。去github上面注册一个账号，然后将自己的项目代码传上去，这件事情在校期间就可以开始做了，每天学习，将自己的心得体会、页面代码都传上去，并且经常维护。等到你毕业面试的时候，就有一个属于自己的完整的线上项目了。


5.

“培训还是自学，有点纠结”

关于这个话题，土哥还是有一点发言权的。培训还是自学，这个要因人而异。我先说下培训和自学各自的特点。

培训的优点：有学习氛围，有老师指导带路，能迅速入门，也会有实战项目的练手的机会。

培训的缺点：学费贵，周期短，填鸭式培训，学完不一定能找到工作，培训机构包就业的话，千万不能信。

自学的优点：跟着自己的兴趣走，不用花太多钱，网上学习资源一大堆。

自学的缺点：耗时较长，有时候可能会走弯路，没有老师指点。

如果你自控能力较差，希望有人带，有项目实战练手，有就业指导，那么可以选择培训班学习。

如果你自制力良好，学习能力强，内心驱动力十足，还不想花太多的钱，可以考虑自学。

当然，不管你选择线下实体培训还是在家自学，还有一种选择，就是线上付费课程，比如慕课网的前端实战课程，如果你前端基础知识已经掌握，可以选择这类型的课程，相信你会学到很多干货内容。


6.

“学习路线不清楚，比较迷茫”

关于学习路线的这个话题，让我想起了我在自学前端时的画面。可能你们关注我这么久，还不知道我是怎么入门的吧！说实话，我一开始是看着一个叫李炎恢老师的课程入门的，他有一个个人的网站，叫飘城web俱乐部（http://www.ycku.com/），因为是入门导师，所以就直接贴出域名地址了。他录制的视频教程包括了很多内容，比如Dreamweaver、html5、JavaScript、jQuery、bootstrap等等，甚至还有后端的PHP的，一应具有。






我那会光看html css JavaScript的视频就看了不下七八遍，这是真事，都是跟着视频一行一行的敲代码，跟着敲完了里面的实战项目，感觉思路都理顺了，然后就开始脱离视频，自己写项目代码，就这样一步一步走过来的。（在此，感谢李炎恢老师带我入门）

当然，这是我的学习方式。不过给你们的建议，还是不要这么野生的好，毕竟前端已经过了野蛮生长的时期，现在都是精雕细琢，团队作业。所以，我给你们的建议，一定要是符合公司用人要求的。

学习路线的话：

第一，跟着w3school的html、css的文档过一遍，边看边动手练习demo；

第二，学习js的话，推荐你们跟着廖雪峰大神的JavaScript教程学习一遍，或者是跟着阮一峰老师的ecmascript6入门的教程学习一遍，这些你们百度就能查得到，我就不给你们贴地址了。学的过程中，不要求速度，一定要慢慢来，充分理解知识点，都动手写，每一行代码都认真思考，为什么要这么写。

第三，书籍的话，我推荐你们看《javascript DOM编程艺术》那本书，跟着书里面的例子一行一行手敲代码，等你跟着学完之后，你内心会有很大的成就感，燃起了你对学习js的热情和兴趣。




这本书看完的话，我才会推荐你看《javascript高级程序设计》。关于《JavaScript权威指南》这本淘宝团队出的书籍，我不建议前端新人去看，因为你内功还不够，首先那本书很厚，其实那本书像前端人的字典。如果你贸然去看的话，可能会打击你学习js乃至前端的自信心，以及编程兴趣。







看这本书的契机很重要，否则你千万不要碰。这是土哥作为过来人的一点建议。（不过我可能猜到了人性好奇的心理，越三令五申不让看的书，反而越想看～）

当然，等你走过了这些路子之后，你内心应该会有一股冲动劲，我该动手写点项目了～


以上，就是我对「应届生学前端的通病」的一个回复（纯属碎碎念）。


亲爱的应届生童鞋，我今天想到的可能就是这些，想到哪儿写哪儿，一不小心手敲了这么多行文字。希望我说的“只言片语”能帮助到你，也祝你在web前端的道路上，越走越远。如果你还有什么前端困惑，职业规划啥的，欢迎到下方留言区留下你的Question，我可能下篇文章就会回复你。