前端开发工程师

前端开发工程师是Web前端开发工程师的简称，Web前端开发技术是一个先易后难的过程，主要包括三个要素：HTML（标准通用标记语言下的一个应用）、级联样式表和JavaScript。前端开发工程师不只要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，并且要学会运用各类工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。

前端开发工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间是从2005年开始的，是指Web前端开发工程师的简称。 Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。如2005年之后，互联网进入Web 2.0时代，各类相似 桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化网页再也不只是承载单一的文字和图片，各类富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，不少企业对于与web前端相关的技术职位更是求贤若渴。  [1] 

前端工程师，也叫Web前端开发工程师。他是随着web发展，细分出来的行业。Web前端开发技术主要包括三个要素：HTML、CSS和 JavaScript!HTML甚至不是一门语言，仅仅是简单的标记语言!CSS只是无类型的样式修饰语言。固然能够勉强算做弱类型语言。Javascript的基础部分相对来讲不难，入手还算快。

前端开发的入门门槛很低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。也正由于如此，前端开发领域有不少自学成“才”的同行，但大多数人都停留在会用的阶段，由于后面的学习曲线愈来愈陡峭，每前进一步都很难。人们常说：不想当裁缝的司机，不是个好厨师。若是单纯只是学习前端编程语言、而不懂后端编程语言(PHP、ASP.NET，JSP、Python)，也不能算做是优秀的前端工程师。

随着Web 2.0概念的普及和 W3C组织的推广，网站重构的影响力正以惊人的速度增加。 XHTML+CSS布局、 DHTML和 Ajax像一阵旋风，铺天盖地席卷而来，包括新浪、搜狐、 网易、腾讯、淘宝等在内的各类规模的IT企业都对本身的网站进行了重构。

网站重构的目的不是为了让网页更符合Web标准，重构的本质是构建一个前端灵活的 MVC框架，即HTML做为信息模型（Model），CSS控制样式（View），JavaScript负责调度数据和实现某种展示逻辑（Controller）。同时，代码须要具备很好的复用性和可维护性。这是高效率、高质量开发以及协做开发的基础。

DHTML可让用户的操做更炫，更吸引眼球； Ajax能够实现无刷新的数据交换，让用户的操做更流畅。对于普通用户来讲，一个网站是否规范、功能是否强大， 服务器端是用J2EE+Oracle的强大组合，仍是用ASP+Access的简单组合，并无太明显的区别。可是，前端的用户体验却给了用户直观的印象。

随着人们对用户体验的要求愈来愈高，前端开发的技术难度愈来愈大，Web前端开发工程师这一职业终于从设计和制做不分的局面中独立出来。

Web前端开发技术包括三个要素：HTML、CSS和 JavaScript，但随着RIA的流行和普及，Flash/Flex、Silverlight、XML和 服务器端语言也是前端开发工程师应该掌握的。Web前端开发工程师既要与上游的 交互设计师、 视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，须要掌握的技能很是多。这就从知识的广度上对Web前端开发工程师提出了要求。若是要精于前端开发这一行，也许要先精十行。然而， 全才老是少有的。因此，对于不过重要的知识，咱们只须要“通”便可。但“通”到什么程度才算够用呢？对于不少初级前端开发工程师来讲，这个问题是很是使人迷惑的Web发展的很快，甚至能够说这些技术几乎天天都在变化!若是没有快速学习能力，就跟不上Web发展的步伐。前端工程师必须不断提高本身，不断学习新技术、新模式;仅仅依靠今天的知识没法适应将来。Web的明天与今天必将有天壤之别，而前端工程师的工做就是要搞清楚如何经过本身的Web应用程序来体现这种翻天覆地的变化。前端开发的入门门槛其实很是低，与 服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。因此，对于从事IT工做的人来讲，前端开发是个不错的切入点。也正由于如此，前端开发领域有不少自学成“才”的同行，但大多数人都停留在会用的阶段，由于后面的学习曲线愈来愈陡峭，每前进一步都很难。

另外一方面，正如前面所说，前端开发是个很是新的职业，对一些规范和最佳实践的研究都处于探索阶段。总有新的灵感和技术不时闪现出来，例如CSS sprite、悬浮定位、负边距布局、栅格布局等；各类JavaScript框架层出不穷，为整个前端开发领域注入了巨大的活力；浏览器大战也愈来愈白热化，跨浏览器兼容方案依然是五花八门。为了知足“高可维护性”的须要，须要更深刻、更系统地去掌握前端知识，这样才可能建立一个好的前端架构，保证代码的质量。

掌握技术

编辑

1. 掌握各类修图软件，如PS\Fireworks\AI，不要求专业设计师水平，但要会用会改，今天是一专多能的时代，光会编程讨很差饭碗的；
2. 精通JavaScript、jQuery、vue、 react、angular等页面效果框架，这是前端工程师的最核心技能，是专作页面效果的技术。其实精通了JavaScript，后端编程语言，如.NET、PHP、Ruby都很容易掌握，由于其原理是同样的；
3. 精通一二种模板语言，并能修改，如织梦或wordpress的模板；
4. 掌握thinkphp与zend框架，能修改此类开源源码；
5. 掌握html5与sencha，这是作手机等移动设备的页面前端技术；
6. 掌握一二种后端编程语言，如PHP、.NET、JAVA，能读懂后端源码，实际上其原理跟JS差很少；
7. 掌握node.js，熟悉各类自动化部署工具；
8. 前端是重视用户体验的，不是靠美工给的页面 作出来就好了，那样不是一个合格的前端。

 

前端开发技术

必须掌握基本的Web前端开发技术，其中包括：CSS、HTML、DOM、javascript、Ajax等，在掌握这些技术的同时，还要清楚地了解它们在不一样浏览器上的兼容状况、 渲染原理和存在的Bug。

在一名合格的前端工程师的知识结构中，网站性能优化、 SEO和 服务器端的基础知识也是必须掌握的。

会运用各类工具进行辅助开发。好比：处理IE系列浏览器兼容性问题的IEtester、FF排错用的Firebug、FlashFirebug、JavaScript Debugger等。

除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持，等等。

 

总结

可见，若是要把前端开发作得更好、更专业，真的是不简单。这就是前端开发的特色，也是让不少人困惑的缘由。如此繁杂的知识体系让新手学习起来无从下手，对于老手来讲，也时常不知道下一步该学什么。

建议在繁杂的体系中有目的有方向的学习和发展，最好是针对岗位。