零基础转行学习前端，需要学习哪些技术才可以找到工作吗？

心已赠人 2022-12-05 12:15 129阅读 0赞

前端开发作为一个由网页制作演变成的新兴岗位，其实在国内外来说，受到重视的时间并不长，在前几年间技术快速的发展和其应用普及率的迅猛增长，使得前端人才市场一片盛况空前的景象，由于其的易入门性和不错的发展前景，吸引了众多前端爱好者和转行人员的青睐。

都说前端技术属于易学难精，其易入门性也是相对Java，python那些语言来说的，并不是说任何人可随便信手拈来，而且今天的“前端”并不等同于“美工”，前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、seo和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。

一旦学习方向对头，我们按部就班下来，至少可以有效提升我们的前端技术。正确的前端学习路线：

在职前端开发，如果你也想学习前端开发技术，可以加入我组建的前端学习交流裙：851 231 348 也可以关注我的
    微信公众号：【前端留学生】自己根据多年来的开发经验总结录制的一套web前端精讲视频和学习方法，
    以及一些前端学习手册，前端面试题，端开发工具，PDF文档书籍教程，无偿分享给大家
    需要的话都可以自行来获取下载。

学习方法

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

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

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

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

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

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

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

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

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

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

6.熟悉Vue，react

学习路线

一、html、css基础、JavaScript语法基础。学完基础后，可以仿照电商网站（例如京东、小米）做首页的布局。

二、JavaScript语法进阶。包括：作用域和闭包、this和对象原型等。相信我，js语法，永远是面试中最重要的部分。

三、jQuery、Ajax等。jQuery没有过时，它仍然是前端基础的一部分。

四、ES6语法。这部分属于js新增的语法，面试必问。其中，关于promise、async等内容要尤其关注。

五、html5和css3。要熟悉其中的新特性。

六、canvas。面试时，有的公司不一定会问canvas，靠运气。如果时间不够，这部分的内容可以先不学。但如果你会，绝对属于加分项。

七、移动Web开发、Bootstrap等。要注意移动开发中的适配和兼容性问题。

八、前端框架：vue.js和react。这两个框架至少要会一个。入门时，建议先学vue.js，上手相对容易。但无论如何，同时掌握 Vue 和 react 才是合格的前端同学。

九、Node.js。属于加分项，如果时间不够，可以先不学，但至少要知道 node 环境的配置。

十、自动化工具：构建工具 webpack、构建工具 gulp、CSS 预处理器 Sass 等。注意，Sass 比 Less 用得多，gulp 比 grunt 用得多。

十一、前端综合：HTTP协议、跨域通信、安全问题（CSRF、XSS）、浏览器渲染机制、异步和单线程、页面性能优化、防抖动（Debouncing）和节流阀（Throtting）、lazyload、前端错误监控、虚拟DOM等。

十二、编辑器相关。Sublime Text 是每个学前端的人都要用到的编辑器。另外，前端常见的IDE有两个：WebStorm 和 Visual Studio Code。WebStorm什么都好，可就是太卡顿；VS Code就相对轻量很多。个人总结一下：新手一般用 WebStorm，入门之后，用 VS Code 的人更多。

十三、TypeScript（简称TS）。ES 是 JS 的标准，TS 是 JS 的超集。TS属于进阶内容，建议把上面的基础掌握之后，再学TS。

十四, 前端框架知识 vue react angular，三选一，必须要掌握熟，其余两个可以了解，但取决于你面试的公司

如果是想转行前端或者是想要进入前端这个行业，以此为职业的话，建议还是系统的培训学习吧，因为不仅能节约时间，还能了解到最新的前端技术和技能，也有行业内的专业人士帮你找到最快捷的学习入门方法，不至于白学或者走弯路。这只是个人的一点建议，仅供参考，不喜勿喷！