现在想转行学习前端，该怎么学才能最快入门

比眉伴天荒 2022-11-11 13:17 202阅读 0赞

做web工程师6年了，我对自己初期的学习经历进行了复盘，总结出来诀窍就是两个字：看、练。

对于一个专业知识非常强的专业，切记不要一个人蛮干，那样只会无限的让你走很多弯路，然后打击你的学习积极性，最后的结果就是不得不放弃，因为你实在学不下去了。

所以学习专业知识一定要跟专业的人进行请教和交流。就好比你生病一样，你不能自己看病，你只能去找医生，因为医生比你专业，学习也是一样的道理。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70]  
因为曾经自己自学web前端的时候走了不少的弯路，今天想做下总结：

弯路一：盲目的去学

当初我在对于web前端这个行业什么都不了解的情况下，比如：不知道未来发展趋势，不知道学习web前端应该注意哪些初始问题，不知道具体的学习规划学习路线等等，一味的买书看书，看视频，到了中期阶段萌生放弃的想法，和主要是因为觉得自己越学越迷茫，也知道自己这样学找不到工作，这是初学者最大的误区。

弯路二：孤军奋战

当初在学web前端的时候，从来都没有跟别人交流过，就感觉活在自己的世界里，总认为自己什么都可以搞定，而且很多知识不会了，直接就过去了，并没有深究，而这种学习态度也注定了我的学习是失败，学习前端一定要有讨论的过程，只有跟不同的交流才能了解到你自己不知道的东西。

弯路三：没人指点

web前端对于我来说是从来不了解的行业，而我当时从来没有想过找一个这个行业比较厉害的人去请教下，现在我终于认识到了一点什么叫“方法不对，努力白费”所有的前端大神都有自己的学习方法，而学web前端的学习也基本是一致，而对于一个什么都不懂的初学者根本不会知道怎么学，这也是造成失败的最直接原因。所以学web前端一定要有人指点，

弯路四：盲目看书

对于新手来说，学习一个技能肯定是买书看书，但是后来我才实践的证明，对于一个啥都不懂的初学者来说看书基本可以成为无用的，因为这样的结果就势必会造成大多数人的情况：能看懂，但是永远不会写，这就是我最初出现的问题，非常烦人，所以建议初学者少看书，多动手，必须弄清楚web前端的效率学习方法。

弯路五：到处搜集视频

好像大家都有一个毛病，就是到处搜集资源，云盘里有很多东西，但是基本是从来都不看，所以说视频在精不在于多，我当时自学前端的时候也搜集了各种视频，这里看看，那里看看，学的一点都不系统，而且学了之后也找不到工作，视频一定要最新的，前端更新的快，旧的是不可以的，如果没有可以加我上面的web前端交流裙下载，找管理要就可以。

学习方法

1.有规划的学习是学成web前端并且可以找到工作最基本的前提，每天学什么，学多少都是要固定的，学习本身就是一个过程，过程的每一天都应该要平均，每天学完了新的知识点，那你必须要做相关的练习和案例。

2.在学习的过程中会遇到许许多多的问题，而80%的问题作为一个初学者是根本没有办法解决的，所以你在学习的过程中一定要有人问，不然问题会困扰你很久，因为你没有经验，所以很难找出问题的所在，这样很容易自暴自弃，当年我就是这样，觉得学web前端不适合我。

3.在学习的过程中会遇到许许多多的问题，而80%的问题作为一个初学者是根本没有办法解决的，所以你在学习的过程中一定要有人问，不然问题会困扰你很久，因为你没有经验，所以很难找出问题的所在，这样很容易自暴自弃，当年我就是这样，觉得学web前端不适合我。

4.对于职业有什么规划，你应该按照什么标准去学习，看看招聘网站上的标准是什么，你只要完成人家的标准就足可以找到一份属于你自己的工作。

> 学习是一个艰苦的过程，当然如果能把技术学成，最后也一定可以获得高薪工作。掌握一个好的学习方法，跟对一个学习的人非常重要。今后要是大家有啥问题，可以随时来问我，能帮助别人学习解决问题，对于自己也是一个提升的过程。自己整理了一份最全面前端学习资料，从最基础的HTML+CSS+JS到HTML5的项目实战的学习资料都有整理这是我的前端技术交流Q  
> un：603----985----993----有问题随时在里面问我，能给大家提出很多宝贵建议。

学习web前端技术，如果才能找到一份web前端的工作。

按照现在的招聘标准来看，无论你去哪个公司面试，你只需要满足他们公司的需求就可以。

目前企业招聘前端工程师的基本需求：

1.精通DIV+CSS网页框架布局的HTML代码编写，熟悉W3C标准；

2.使用HTML5/CSS3熟练地进行页面开发；

3.具备良好的前端架构分析能力与设计能力，与开发团队保持良好沟通；

4.精通各主流浏览器（IE6+、Firefox、Chrome、Safari）间的差异性，能快速定位和解决各种兼容难题；

5.熟悉JavaScript、Ajax、Flash、JQuery、ExtJS等各种Web前端开发技术，具备一定的跨浏览器开发经验；

6.熟悉Vue，react

下面是给大家提供的一个学习大纲：

根据当下市场需求，排列出前端的学习顺序如下：

1.基础阶段：HTML+CSS

2.js阶段：JavaScript基础、JavaScript进阶、JavaScript高级

3.jQ阶段：jquery部分

4.h5、css3阶段：H5+CSS3 、canvas画布、bootstrap 、响应式网站开发

5.前后端交互阶段：Node.js 、node+Gulp+MongoDB+Express+Ajax 、git+gitHub阿里秀百秀项目

6.移动端开：移动端开发、电商项目实战

7.es6、模块化开发阶段、ES6 前端工程化、前端模块化

8.vue阶段：vue 、vue综合项目

9.小程序阶段：微信小程序、微信小程序扩展

10.react阶段：react 、TypeScript

除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持，而有的高级前端不仅可以自己写框架，做网站，精通前后端，还具备领导团队的素质和能力。

有句话说得好，你能收获多少，在于你能创造多少的价值，这个领域的知识更新的非常快，只有不断地去学习，去提升自己的知识和价值才不会被淘汰，才不会受到外界因素的干扰，成为一个高级前端工程师。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70]: /images/20221022/db9fa1175f76415eb889204feeac7dd9.png