前端，我是自学的，突然想写篇文章记录下自学的经历，留个纪念。或者高尚一点，给恰巧看到的有缘人一点点经验总结和鼓励吧。
反正，我的简书也没人看。
-1- 背景
在决定自学之前，我还有一份收入算是可以的工作，当时对于一个毕业一年多的我来说，知足了。但是，人无远虑，必有近忧。天生我就是个不习惯满于现状，并且追求个人长期发展，更希望有长远的规划和空间的人。所以，当有个念头萌生的时候，离我做出最后决定，只差一杯啤酒的距离。
于是，在我完成了工作的阶段任务后，果断辞职，在北京我的出租房里开始了漫长又迷茫的自学之路。其中的酸甜苦辣，只有我自己知道，我也无法让看到的人感同身受，最接近的状态类似于考研吧...
-2- 过程
第一阶段：信心满满 斗志昂扬
往往在刚开始做一件事的时候，我们的精力是最充沛的，就好像你新买了一本心仪的笔记本决定要坚持每天写日记的心情一样，新鲜好奇迫不及待。我准备好书、视频、笔记本甚至是每天的食材，布置好我的学习环境，尽可能的舒适，提升学习的幸福感，不幸的是，我租的房子冬天地暖不热，又是阴面，在北京的冬天，外面刮大风，屋里刮小风，整个冬天在屋里我是穿着羽绒服，搂着热宝，披着毛毯过来的。鬼知道我经历了什么。
不管环境怎么样，都无法动摇我的决定，尽可能的与外界断了联系，因为不想被打扰也不想花时间解释，所以知道的人很少。就这样干脆的开始了自学之路，并且有条不紊的进行了一个多星期。
第二阶段：问题重重 遇到瓶颈
开始的内容比较简单，没有遇到什么棘手的问题，到了第三个星期的时候，我的进度开始慢了下来，如果只是单纯的进度慢是正常的，但是紧接着就出现难以发现的问题，解决问题花费的时间也难以把控，一个小时到半天不等，时间越久，耐心就开始下降，焦虑开始上升，终于在学到一个比较难的点的时候，焦虑和痛苦感爆发。
我思考了很久，决定放弃了。并没有完全放弃，而是选择了给自己留的后路——学习产品，学了一个星期，这一个星期虽然东西不难，也很好学，但是没有一点成就感，心里总是有一个念头没有完全抹去，在某一天的夜里，我用整晚的失眠换回一个道理：如果你想做成一件事，请不要给自己留后路！
找回初心的日子才着实让人踏实...
和一些前辈聊过天，给自己增加了不少信心，总结之前的学习误区，重新继续开始。
第三阶段：路线模糊 目标不定
过了有一个半月的样子，我发现我学完了很多内容，量化的程度完全超乎了我的预期，但是质变却迟迟不肯到来，实际上手做，我竟然无从下手。开始怀疑自己的学习方法出了问题，事实证明确实如此，干说不练假把式，练习少让我吃了大亏。然后开始找资源整合学习路线，不得不说，网络上铺天盖地的信息，给了我们便利的同时也要求我们要具备取精华弃糟粕的能力，信息多，选择广导致我学习路线开始弯曲打转，同时干扰了自己的阶段目标。那段时间走了一些弯路，但所有的坑都是一种教训，即遇到则解决。
第四阶段：潜入佳境 准备面试
不知道从什么时候开始，实现了学以致用，用到再学的模式，效率提升了不少，每天的进步也显而易见，整体的学习路线也接近尾声，开始筹备后续的面试，其实面试要比学习压力大的多。往往最后验收的时候才是最关键的一步。
-3- 学习路线
【视频+书】前期CSS、js基础、JQuery主要以视频为主，网上的视频来源太多，切记不可都看乱看，一定要选择一个系列的课程的视频，我当时是看的黑马官网的视频，有些视频是不完整的，可以从黑马的客服要资源，但是很多也是不完整或时间太久的，还需要自己甄选一下。我的习惯是边看边记笔记，现在已经记了快3个本子了，总觉的好记性不如烂笔头，不好的习惯是我看视频学习的时候不愿意动手练习。这个坏习惯直接影响了后面的进度。书这方面，我倒是买了不少本，从CSS世界、红宝书到犀牛书，再到你所不知道的js（上、中）、http协议等(还有很多产品书和一本人格心理学)，但是真正起作用的还是《DOM的编程艺术》这本看起来就很友善的书，不厚，内容通俗易懂，对于初学者来说简直的一剂良药。我几乎完整的跟着书上的内容手敲了一遍代码，一通下来受益匪浅，对后期频繁的DOM操作打下了比较坚实的基础。
【练习】当学到js原型和闭包那里看视频有些吃不消了，主要还是沉淀不够，不能学完基础就直接学习较深的内容，当时也吃到了练习少的亏，其中有一段时间专门停下进度开始做demo，先后做了修真院官网的任务和freecodecamp上的前端和算法部分，过程中遇到了很多基础的问题，这里要敲下黑板，实践中的问题一定要记录下来，最好自己开通一个博客，记录自己踩过的坑，时间久了你会受到好处。多做一些实例才能证明有些东西到底掌握到什么程度，也多亏了当时做了很多网站的demo，现在CSS包括CSS3的东西掌握的还算可以，相比来说js就练的少了，到现在有些方法还是总记不住。
【文档】当通过前两个流程下来，相信差不多知道了要重点学习哪些，难点是哪些了，当然其间还要勤快的活跃在一些技术网站之间，多在知乎简书这种平台提问搜索不懂的，提升自己对前端五花八门技术的熟悉程度，有很多技术是不需要你会但是要你知道的，当有需要的时候你知道要学的就是它就好。恰巧这个时候你应该接触了很多技术文档，就像刚开始跟着W3C学习一样，这里大家都提倡阅读英文文档，刚开始确实很恶心，但是硬着头皮去做只要你想你肯定能做到，并且带给你的是长期的效益，最后你会感觉看英文的文档理解的更深刻，我也是用我半斤八两的英文水准初步尝到点甜头。通过文档学习的优点还是比较明显的，第一，速度比看视频快很多，可以自己跟着文档目录有顺序的学习。第二，随看随练，文档中的demo就是最好的模版。第三，官方，相对来说官网的解释还是比较正规的，不会夹杂着其他人的理解再传播出去，但是也不排除有中文文档翻译时候的偏差。
【工具+框架】编辑器这里，用过sublime，webstorm和VScode，现在使用的是VScode，工具用啥都一样。git是一定要学的，我是跟着廖雪峰老师的官网学的，理解原理，掌握git工作流，记住常用的命令就算是入门了。Ajax、JSON也必学，常用的不能再常用了。CSS预处理工具Sass和Less学一些也可以，我学了Less，除了感觉写样式会少写很多行代码外暂时还没感受到其太大的作用。webpack包管理工具和使用npm安装依赖也需要掌握，我也是在后期学习VUE的时候用到才学的。既然提到的VUE，就不得不说前端三大框架：Angular、React、Vue，这三个建议优先学习后两个吧，我也是看别人建议的多，因为自己经验不够，就不做评价了。我选的是VUE，再结合ES6进行学习，开启对前端认识的另一扇门，这里还要感谢小皮咖对我学习的巨大帮助，很多次下班回来开着远程帮我解决问题到半夜，有个前辈指导帮忙解决问题，学习效率会翻番～现在在公司用的是React native也会接触React，进公司后才开始学的，学了RN忘了VUE不是说说而已，反正现在脑子里只有RN...
从辞职开始，到找到工作，一共106天，其中包括过年也在学习，简历真实无造假，坐标北京，目前工资不高，拉低码农平均工资了...
不过，路还长，总有一天我会凭真正实力拿到理想工资。
······前端小白变黑记······
网友评论