前端入坑是自学还是培训，如何学扎实技术，听听过来人怎么说？

今天是2020年03月05日星期四，这两天工作比较忙，因为这周六项目要正式上线，而我负责的模块还有很多需要添加和修改的地方，我们称之为BUG。当然造成BUG的原因并非全是因为技术不行或者代码错误，我们把不符合当前设计、设想的东西统称为BUG。难得今天任务完成得不错不用加班，所以应IMTI（英泰移动高端IT教育）就业部王艳君老师之邀写下这篇感悟，希望对抱有迷茫的同学们有所帮助。

如何入门？自学or培训班

2019年11月31日踏足上海，12月3日正式开始工作，12月17日正式签署劳动合同，距离今天上班已经两个多月了，薪资待遇也还可以，现在在上海的生活还算滋润。2020年春节也没回家，疫情这段时间也没闲着，一直都在上班。在这期间也在网上接触了很多自学前端的人，他们大多都是来找我问问题和请教经验。

我很庆幸自己选择了培训，为什么这么说呢，明明人家公司都不要培训班出来的啊？（笨蛋，你不说谁知道？）相比较自学的来说，通过培训班学习进入的误区更少，对知识和代码的理解更为系统，而且，时间更短。在这里肯定有很多人持反对意见：IMTI（英泰移动高端IT教育）就教几个代码，我倒着都能背过，自己学十几个，岂不是更快？zui开始我也这么认为。但是后面发现我大错特错。

自学的途径无非是慕课网，网易云课堂，网上搜的各种视频和文档资料。但是我所接触到的那些自学前端的人他们往往都是自学了两三个星期，有的自学一个多月了，遇到了瓶颈学不下去了，或者感觉学习没有效果。一问啥都知道，啥都学过，但是啥东西都写不出来。明明代码都认识，可就是写不出东西。因为他们的学习方法无非也是对着视频敲着练习，一旦不看视频或者没有相应的例子立马蒙逼。但是在IMTI（英泰移动高端IT教育）不同，老师讲一个代码，往往举一反三，会讲到代码的特性，应用场景以及跟这个代码相关的经验和原理，课后更可以跟周围的人讨论这个代码的可用性。包括你错了都可以找老师和同学去问，往往有些同学会有一些不一样的理解，这样几个代码，四个月坚持学下来，你的代码量就已经极为可观了，重点是，每一个代码你都非常了解，毕竟有作业给你做，这样的环境是很可贵的。

自己学往往是对着视频练习一遍，然而效果出来了完全不知道为什么出来了，下次自己写，依然蒙逼，即使出错了，下次依然会错，自己也完全不知道，即使有恍然大悟也都过去很久了，时间更贵。北邮的老师们都是有过实际代码经验的人，他们的经验才是zui值钱的东西，而不是每天上课教的那几个代码。

综上所述，培训班实际上比自学更靠谱，更扎实，当然不包括那些身边有相关经验可以给出指导的人。如果你身边有能够不厌其烦的给你指导的人还看这个干吗？赶紧抱大腿去啊！但是，有相关经验的人不是在培训班里当讲师就是在上班要不就是转行退休了，没有任何人会愿意不厌其烦的去教你，除了收过费的和想要追你的人。相比后者，前者更容易获得吧。也有些大牛在不靠别人指导的情况下自学前端成功的，我打听了一下，他们大都是学过其他计算机语言的人。所以，如果你是零基础想以前端作为谋生手段，又恰好没有太多时间想要速成的，我的建议是，报个班。

如果你只是想学着玩玩儿，你还是回家看视频自己练练就好了，毕竟又不是太难的东西。在我看来每个来这里的人都想要找到一份好工作，这是一个很质朴很庸俗很现实但是又很有追求的想法，这里的每个人都是这个想法。其实对于大多数人来说，自学就是三天打鱼两天晒网，这样四个月过去，你啥都不会，别说工作了。

怎么学好前端设计

1.上课一定得有个笔记本，老师讲过的代码一定要自己亲手抄一遍，并在后面写上注释标明这个代码的特性和作用，一定要写下这个代码的例子（不写例子一个星期保准你见到他的注释你都不明白他是怎么生效的）；24班有个大神开始上课没有笔记本还是个近视，作品展示的时候看着挺酷炫的，大家都叫好觉得这个人挺牛逼的，但实际情况是离开插件他啥都写不出来；

2.每一个学过的代码都必须要在电脑上敲一遍，并且要跟之前的代码结合使用，并用你所知道的代码写出尽可能比较酷炫的作品，并且不要百度。搜索引擎用多了你会发现自己思维能力下降严重。就一个词：折腾，就这么一点东西看你能折腾出啥。这样做时间久了之后你会发现你的基础相当扎实，并且思路清晰。

3.每学过一个阶段老师会布置作业，这个时候就是你提高的时候了，老师布置的作业是让你做一个比较完善的作品，可以适当的用一下搜索引擎。比如，怎么去掉input的边框？聚焦的时候不让边框有蓝色的光圈？让搜索引擎为你的思路服务！切勿不可抄袭人家原网页的布局，自己去想办法利用标签特性布局。我diyi次做腾讯搜索框和导航栏的时候用了三天时间，这三天除了吃饭睡觉觉就没离开过电脑，而且每天晚上基本都是半夜两三点睡觉，当然，第二天都是10点多起来。到现在我们公司那个有一年工作经验还是本科计算机专业毕业的家伙，如果不用框架，页面的图标和文字都对不齐。zui初写这些作品的时候很痛苦，很难受，各种不会，各种小问题。但不断的去尝试，只要有思路就一定能写出来，一旦你写出来了，你的水平就比其他人提高了一个档次。因为容易的事情大家都会做，只有困难的事情才能显示出你的不一样。我现在不使用任何框架和模版的情况下加上切图写一个腾讯首页顶多四小时，还是自适应的。

4.作业完成了之后会让你们做项目，做项目的时候别挑简单的，也别挑太过酷炫的，挑那种布局比较难的，页面操作逻辑比较强的，不要图漂亮，面试官不鸟那些的。他们重视的是功能和逻辑体验以及动画效果。动画效果要自然看起来舒服，酷炫的动画其实很容易写，但是你写个过渡自然优美的试试？不要使用插件，可以适当抄袭原网页的css样式，但不要复制。也不要有重复多余的代码，要求简洁可阅读性高。

5.前端要求必须掌握js。js就已经开始涉及到编程范畴了，Java程序员称前端为“画界面的”。原生js必须要掌握好，只有原生的javascript掌握和理解的足够深刻才能够在后面的工作和学习中游刃有余。总结一下学习js的时候的难点、重点以及必须要理解的的东西：

u 对象（json）：一定要理解对象是什么东西，以及怎么操作，多看书，多百度，多动手敲一敲，绝大多数情况下对象存在的形式为json键值对，包括函数原型链；

u 数组：本身也是个对象，单独提出来是因为这家伙用的比较多。对数组的操作以及控制必须要非常熟练，关于数组的函数很多，能记下多少就记下多少；

u 对字符串操作，往往和操作数组分不开，其中包括正则（这个必须要会，而且写练习作品的时候不要百度，虽然我现在在公司里面基本都不写正则全是百度，因为我理解）；

u 文档（DOM或HTML）模型以及操作：这个学好了可以做出很多漂亮的动画效果以及交互效果，用的zui多；

u 浏览器对象（BOM）模型以及操作：学好了可以控制浏览器做很多事情，如页面跳转，全屏滚动，包括网站拦截等；

u js闭包：这个学的如果不好，写出的js看起来会很幼稚很繁琐；

u 面向对象的编程模式：这个是上面的这些全部理解的比较透彻并且js写到一定程度，非常熟练的时候用的玩意儿，我们公司现在都是这种编程模式。

6.框架的学习，js学习完毕之后会学习jQuery，如果js比较扎实，这个多找些例子一写就没问题了。除了js至少得学会一个MVVM框架，如angurl或者avalon，我个人tuijianavalon2，比较简单实用，angurl略显累赘。这些框架是用来绑数据用的一般都离不开jQuery中封装的Ajax方法；

7.到这里就没有什么有关学习方面的东西可说了，就一点，不要请ja。我记得有一周周末补课我偷懒就请ja没去上课，结果那堂课教的是Ajax巩固。如果那天我在上课，我的工资还会比现在高很多。切记一点：不要落下任何一堂课。课后一定要多多练习，多写，记住那句话，偷过的懒，只有自己知道。