自学前端，现在非常迷茫，求前辈指点；

[achv]

背景：非 985，非 211，一本，工科，非科班，年龄 28.之前在汽车行业，转行的两个原因：1、酒量实在不好，疲于应酬； 2、晋升困难，不当领导待遇上不去，看不到钱途。（这是最主要的两个原因，其他的就不多说了。可能有人会说，都没看到你说喜欢 IT，不喜欢是很难做好的。我个人看法是，我做这件事，然后给我带来了的收益——自我满足、金钱、地位、他人的尊重等，那么这件事我做得有意思。大家都是成年人了，压力大得一批，要说喜欢做的事很多啊，但能给我很多钱吗？）

现状：html、css、js 都看了一遍，一般静态页面没问题，简单点的特效勉强能写出来。jQuery，Ajax，HTTP，webpack，npm，Node，Vue 都看过（主要是基础常用知识，看某培训视频加一些博客，自己动手演练过），当时学的时候知道是怎么回事，学完叫我去做点什么，不会。自己觉得是，学的时候大致理解了，也知道怎么用了（不知其所以然），但是记不住（总是在往后赶，想多学点，结果学得都不牢靠。但是要记的东西真的好多啊，随便一个点带出来的都是一堆，比如说数组，那后面跟着的可就是十来个方法（如果不花时间去记，就是看几遍，反正我是真心记不住啊！！）

遇到的问题：1，跟着视频学的时候，遇到不懂的或者明明是同样的操作，就是会有有 bug 的时候，会百度会谷歌，可是真的耽误好多时间好吗？可能随便一个小问题，查上两个小时太正常了，因为不知道出错的原因，所以也不知道网上的答案是否正确，所以会试好久；查出来了还好，花了好久还是不知道怎么解决的时候，真的超级沮丧，然后我自制力又不是很好，遇到这种问题就不想学了，又会自我怀疑两天。2，去培训班的话，一是我现在没那 5 个月，而且也还不知道培训之后是否又浪费时间浪费钱。

所以现在非常痛苦和纠结，真的希望有个前辈指点下，我到底该怎么学，万分感谢！！！

另外，我觉得我的硬件因该能及格吧：高中物理很好，基本能拿接近满分的水平，英语六级（虽然忘光了，但想看懂靠着翻译软件勉强能活），记忆力现在不咋的了；

因前些天才注册 V2 账号，V2 貌似有个规则：14 天之内的账号单独回复的条数有限制；就不在评论中给大家回复了，在此集中给个回复，同时感谢大家的看法、建议、鼓励等，真的谢谢。

1，因自己涉及转行，也有不少人收藏了本文，因此先写一点我自己关于转行的见解，希望给处于迷茫、张望的同志们一些启发也好。A 各行各不易，如果高薪的同时还不需要很辛苦，一般都是在啃老本或红利（个人老本或者行业红利），走下坡路的概率比较大。B 如果本职工作与你自身特质没有特别冲突的地方（比如说我原来的工作应酬很多，喝酒很多，而且很难通过别的方面来避免这种情况，这就与我本身特质冲突了），或者有但是能通过方法弥补、改善等，不建议转行。人要是行，干一行，行一行……这句话有一定的适用性。C 如果决定了，那么不要磨叽，趁早行动；

2，我所描述的自学遇到的种种，似乎很多人都是这么过来的，所以是熬过来就好了是吗？再次谢谢大家的鼓励。我决定还是自学，不报培训班，争取早日找到实习或者正式工作，如果有能帮忙推荐的那真是太好了；

3，对于评论里各位大佬的建议，归纳起来就是动手多写代码，想办法撸出完整项目，这是我后面学习的方向，后面如果遇到问题，也会再来 V2 请教各位大佬；

4，我评论说的，如果有前辈有空余时间带带我，愿意付一定的酬劳，当然是真的。但是——如果是想挣外快的话，那还是算了，因为我可能付不起你的酬劳。我的本意可能没描述清楚，如果有前辈有这个时间，并且乐意稍微辅导下，我掏个千把块钱算请吃个饭，就这么个意思。（本身房贷、房租、待业，压力很大，望理解）；

感谢 all。

[achv]

我有一个这样的想法：如果有前辈有空余时间，是否可以指导一下学习，比如说安排学习目标，有什么不懂的可以解答，我本人是比较自觉地，会先自己思考，百度的。我可以提供一定的酬劳，感谢！

[s5s5]

差不多了，可以找个要求低前端的工作了，然后在岗位中不断边干边学，再跳槽。循环

[wu67]

去找个实习整点经验呗

[Priest]

不要急功近利，不要怀疑自己

你得明白，自学就是这样

[VoidChen]

谁有空无偿教你啊，你现在就是缺经验才找 bug 慢，找工作去学吧，这行又不是靠死记硬背

[66beta]

这个年纪，没相关工作经验很难跳了，现阶段前端的招聘要求明显高于后端。debug 的过程无聊，但能让你印象深刻

建议不要想太多，就空手开始克隆一个网站吧

另外，做码农并不能解决晋升的问题，地位、尊重也不会有的，钱或许会多一些，压力也是成倍增加的

[g190875565]

跟我当初一样啊...

[LeungV2]

“总是在往后赶，想多学点”
比较浮躁，学会了 试着举一反三吧，然后网上再看看

“学的时候大致理解了，也知道怎么用了”
敲的少

[anmie]

@achv 可以联系我，给你提供啥大体的思路什么的

[yuthelloworld]

作为过来人，可以分享点经验。1. 别去培训班。2. 跟着视频学的过程中肯定会学到后面忘了前面，没关系，你缺的是实战。你这个状况最需要的是一份可以入行前端的工作。小公司或者外包，工资低点都没关系。另外英语捡起来还是有好处的。不好找工作，可以先做做开源的项目练练手。

[achv]

@66beta 明白，我只是想表达所谓喜欢也可能是因为一些外在因素，至于晋身什么的，其实没有那么在乎，现阶段最缺的是钱，如果钱给够了，当小喽啰也没关系（不过一般都是越往上走工资越高哈），另外想问下前辈：空手克隆一个网站，是指前端、后台什么的都自己搞出来是吗？

[Hilong]

@achv 就仿静态网站 html css 做出来

[achv]

谢谢各位大佬，各位前辈 @all
现在实习的工作也不好找，更多的偏向科班应届的；像我这种是不是就是单纯去学习的。。。别人会要吗？

[achv]

这个问题不大啊，但是搞定了并不能找到工作啊

[jadec0der]

1，跟着视频学的时候，遇到不懂的或者明明是同样的操作，就是会有有 bug 的时候，会百度会谷歌，可是真的耽误好多时间好吗？可能随便一个小问题，查上两个小时太正常了，因为不知道出错的原因，所以也不知道网上的答案是否正确，所以会试好久；

学编程遇到这种问题很正常的，每次钻研深一点，多了解一下原理，时间长了就能掌握了

[dongsuo]

我也是自学前端的，自学是会碰上这种迷茫的情况的，很正常，不要自我怀疑。给你几个建议：
1. 不要太着急，慢慢来，基础比较重要，尤其是 JavaScript 的基础学好比较重要，基础学好后面更容易融会贯通，但是这里的基础不是数组方法这种 api 层面的，而是语言特性层面的，比如作用域、闭包、异步、原型等等，建议红宝书或者犀牛书读过之后，可以零零散散读一下《你不知道的 JavaScript 》系列。
2. jQuery 其实可以略过，入门前端 webpack 不要花太长时间，Vue 可以看完文档后实战中一边做一边巩固。
3. debug 很难是因为你可能关键字都不知道是啥，这很正常，不用怀疑自己，慢慢就上手了，这跟经验也有很大关系的
4. 很多东西不用刻意去记，用得多了自然就记住了，像数组的那些方法，工作中用到得少的很可能就记不住，只有面试的时候才需要去刻意记一下
其实你的很多问题都需要通过实战和项目来解决，建议做几个项目练练手，但不是做特效这种，而是正儿八经的网站，我记得 cnode 提供了几个 api，可以试着模仿一下。
也欢迎你加我微信交个朋友。

[achv]

@anmie 好的好的

[toma77]

现在对初级前端的要求也不低了，建议楼主先不要在意工资，找一个小公司先干着，最好有人带，实战和平时练习还是差的比较多的

[a4854857]

典型的看得多写得少..我以前刚开始也这样.就是写的少了..

[jydeng]

先找个公司工作一段时间

[Shook]

建议：不要去外包公司，除非那个公司做的产品真的不错。

[achv]

@dongsuo 好的，话说 v2 没有私信功能是吗？要怎么联系才能不导致隐私泄露啊，尬

[ryougifujino]

https://github.com/kamranahmedse/developer-roadmap
可以参考一下这个 roadmap，按图索骥。
靠视频入门可以，但还是多看看官网的 Guide 然后写 demo （这个很重要，检验你有没有彻底搞懂，只是看了没去操作的话和没学差不多），印象会比较深刻，忘了再回顾就是。
有问题的时候查 stackoveflow 的高票答案也花不了多少时间，或者加几个 QQ 群问一下。
前端东西确实多，靠背肯定是不行的，还是得多写写，自己想个项目，写个博客啥的都是不错的选择。
还有就是 css 和 js 等等基础的东西，这个只能靠积累和看书了，慢慢来。

最后分享几个东西：
尤雨溪推荐的 vue 学习路线（个人觉得很有参考价值
https://zhuanlan.zhihu.com/p/23134551

https://github.com/gothinkster/vue-realworld-example-app
一个 vue+vuex 的项目，很规范且有参考意义，很多拿不准的细节都可以在里面得到答案，（ realword 这个系列感觉都不错：）

我写的 demos （不过这个还是推荐你自己写）
https://github.com/ryougifujino/vue-demos
https://github.com/ryougifujino/vue-router-demos
https://github.com/ryougifujino/vuex-demos
webpack 的 demo
https://github.com/ryougifujino/webpack-demos
从零手工结合 webpack 和 vue 的 sfc
https://github.com/ryougifujino/vue-webpack-simple

[ASpiral]

怎么感觉跟当初的我差不多…
双非一本机电专业，毕业后去日企汽配厂做了几年后转行程序员，当时还好有朋友带我入门…

[hereIsChen]

可以不用去培训，但是可以去网上找找实战课程，付费的也不算贵，做个几个差不多就能掌握一些基本的技能还有开发是需要考虑的内容了，然后就是找个工作慢慢来了

[Yiki]

现在真的是什么人都可以转前端了，前端真是好入门
- -。
就是感慨下，没恶意

[qiutianaimeili]

这种东西要自己去钻研，各种看，从一切可以获取知识的地方去获取，顺便推荐下我的博客：
http://www.qiutianaimeili.com
学习任何东西刚开始都是比较痛苦的， 静下心，总能啃下来。

[dongsuo]

@achv 哈，其实我有放在网上，https://blog.islasher.com/about/

[melvin]

找个小公司先干着，不要在乎钱，成长最重要

[crackhopper]

@achv 跟我交流吧，比较喜欢教；不过时间比较忙，估计也就每晚给你答疑。可以知乎搜我昵称，私信我；另外不会写代码建议每次实现功能之前先写步骤 1,2,3 ；如果最终是查别人的做法，那么就总结出步骤 1,2,3，用语言描述。

[Forviler]

1,你自学已经到这个程度是没有必要去培训班的,去了基本也是浪费时间,你缺的就是实战经验,说白还是代码敲得不够多
2,你说的那 数组的方法一大堆记不住,这东西是不用记得啊,那么多谁记得住, 你看过知道有这么个东西就好了,不用记住怎么写的,怎么用的,等用到这些的时候,百度啊,谷歌啊,mdn 上那么清楚的写着那,前边一位大佬说的好, 你需要记住的从来就不是 api 层面的，而是语言特性层面的，比如作用域、闭包、异步、原型等;

[charlesx]

这么说吧 不要纠结于学了就一定要记住 很多学过的东西是记不住的

尤其写代码 很多关键字 方法 框架 一些作者自定义的东西 你还有可能记混

你在学习的过程中 会用 就可以了 记住的办法就是多用 多用自然就记住了

看你的描述 你可以出去找工作了

大胆地说出自己的实际情况 会有愿意接收你的

有很多问题 工作的时候你才会知道 自学是学不出来的

还有 刚入门不要要求太高的工资 后面慢慢会涨上去的 不要急于求成

[dr2009]

多写代码...
我一开始 chrome debug 都没有人和我说...肉眼找 bug..一找一下午.

[Forviler]

补一下 前边的 找工作的话 建议 尽量不要去外包吧,目前外包行情好像也不咋地, 而且外包公司 你不好养成良好的代码风格 , 外包的代码都是烂七八糟的 , 毫无美感; 其他公司一般都会要求你的代码规范,多写注释; 毕竟铁打的项目 流水的前端; 如果找工作没底的话; 多去克隆几个网站吧, 移动端 , pc 端搞点

[vampuke]

我之前和你的情况几乎一模一样
我个人觉得光学是没有用的
还是得写代码
仿站也是没有意义的
面试的时候别人没兴趣看
自己想个小项目做点有意义的东西
然后就可以拿去面试了
先从小公司开始慢慢学吧

[itfun]

楼主现在是在职业余学的吗

[akakidz]

@vampuke 想问一下什么样的东西算是有意义呢？（无恶意，请教一下）

[TsuiiusT]

物理不错的话应该还算聪明，网上入门教程一大把，准备准备，先找个初级岗，闭门造车不是办法

[pythondean]

考个公务员不必码农舒服多了?????

[vampuke]

@akakidz #37
写一个提高自己效率的小项目，比如记账，to do list 之类的
或者自己写一个博客，网页简历，都可以
只要是有自己的想法，不 ctrl+c，ctrl+v，我觉得都是有意义的

[sondernyc]

作为过来人，可以加我 ig：NSonder

[ningbo16]

先去小公司或是外包公司吧

[Anshi]

这个过程仿佛看到了以前的自己
你就是练的少了，你说的这些都是基础不扎实的体验，好好补充
js 高程，精通 css 都看了吗?

[zz656565]

膜拜大佬物理接近满分。有志者事竟成，你会成功的！

[sucai]

直接找个后台管理系统的设计图，尝试做一下项目，接口就用 easy-mock 就好

[qinyechao]

得做，做就完事儿了，做的过程中看那些不会的，再学，慢慢就会了，很多东西也不那么常用，有点印象就行，基础的东西掌握好，做的过程中慢慢去体会，就完事儿了

[Creabine]

我就是自学入行，现在三年经验。一开始肯定都有这个过程，啥都不会，屁大点儿问题折腾半天，都很正常。
我当时也觉得有人指指路能少走很多弯路，可惜后来也没有，只能自己慢慢摸索出来。
楼主愿意掏点钱的话倒是可以分享些经验和资料啥的，嘻嘻

[crazybug]

既然物理不错，可以做高中课外辅导啊，收入比搞代码高。

[huangkjlemon]

楼主想过你做前端能干几年吗

[birdrally]

前端门槛低，都觉得容易，入门之后要学的东西又杂又乱，且 js 这种语言本身就是坑

[qiaobeier]

当年我就自学了半个月，只会写静态页面就去应聘了。

[linliqun]

会写静态页面,那就去做静态佬,先入职,后面在公司里学总比自己琢磨强

[wuhongwei]

先找工作吧， 收入低一点没事， 进入公司之后， 公司的同事， 所遇到的的人或事， 都会让你慢慢成长的， 还有一个问题是： 没有人是会靠死记硬背哪些 split、join、push 的方法的，要记住的就数组的特性或者说是可以干啥， 比如说我知道数组是一个集合， 可以存储大量的数据， 可以新增、删除、排序 …… 之类的基础功能， 之后在遇到实际问题的时候， 去 google: js 数组如何新增 item, 时间长了就记住了， 面向搜索引擎编程， 时间一长， 一些常用的就自动记住了， 工作其实就是基础的功能加上自己的思维逻辑就可以了

[leafre]

我虽然不是前端，但前端也要做一些，我觉得你是基础不够，很多原理没搞清，还有就是看的多写得少

[kidlj]

就是写得少了。

推荐参考这个项目 https://segmentfault.com/a/1190000014267516
自己看懂了撸一遍代码，涉及到 Vue 全家桶，axios，webpack，Node.js ，Express，Mongo 这些常用技术。

这样一来代码量有提升，不知不觉间就会让你对编程又了感觉，程序也不过顺序，选择，循环三种结构嘛，没什么复杂的。这种感觉的产生很重要。

另外一点做这个项目会让你对前后端请求 /响应的过程形成一个闭环，今后工作了也知道角色的划分。

你学到这个程度了，不建议去培训班。多写代码，写出来就可以找工作的，没那么难。

-- 来自一个自学 Python （放弃）-> 自学前端 -> 自学 Node.js -> 自学 Go 的非科班非 985/211 前运维的过来人的建议。

[MMZZ]

说真的，没什么兴趣不兴趣的，大部分人做的都是自己不感兴趣的工作，如果你想好了，就开始找工作，我当时就是自学，肯定能找到，加油

[jin5354]

现在零基础转行的不好找工作咯

[nyaapass]

把百度改成谷歌，搜索关键词从中文改成英文，（对于大部分前端问题）就不会查上两个小时了

[bdnet]

没有兴趣确实难些 但也不是不可能

我的方法是 多动手 多思考 了解原理 死记硬背肯定是不行的

[xuhaodong66]

https://github.com/FatDong1/blog/issues/1

[xuhaodong66]

楼主建个群聊吧，很乐意帮助你

[botian]

我 30 岁，大专，学的 PHP，刚上班 1 个月，自学其实要看个人的学习能力，没有很强的自制力和学习计划比较难，看你的状态感觉学的很痛苦，纠结，建议你还是培训班吧，你这个现状自学有点浪费时间。

[H0H]

我 IT、CT、数通都懂，我不担心同龄人会超过我，也不担心年轻人会超过我（并不是说我是最强的）。因为要学这么多技术需要的是真实的工作经历，只有边工作边解决真实问题才能真正掌握相关技术。而工作经历显然又与历史进程、公司所在行业地位、自己拿到的岗位强相关，不是谁想学就能靠一点视频或培训班自学掌握的，也不是找个 IT 公司就能学到的。

所以建议很简单，先找公司干着，一年就入门了三年常见的都会做了。