HTML5前端开发工程师的岗位职责说明（合集）

 

HTML5前端开发工程师的岗位职责说明1

　　职责

1、根据产品设计文档和视觉文件，利用HTML5相关技术开发移动平台的web前端页面;

2、基于HTML5.0标准进行页面制作，编写可复用的用户界面组件;

3、持续的优化前端体验和页面响应速度，并保证兼容性和执行效率;

4、配合后台工程师一起研讨技术实现方案，进行应用及系统整合。

　　技能要求

1、精通 HTML/CSS/JavaScript 等前端相关技术，有一定面向对象编程思想;

2、熟练使用html5 + css3 新特性，具有WEB 前端开发经验, 掌握HTML,CSS,DOM JSON, AJAX等技术;

3、熟悉 W3C 标准，了解各个主流浏览器的兼容问题、Web 语义化等有深刻理解;

4、兼容各种显示设备，例如手机、ipad、pc、大屏幕显示;

5、使用过sass预编译器，对前端工程化与模块化有实际的了解和实践经验;

6、有微信公众平台应用开发经验者优先考虑;

HTML5前端开发工程师的岗位职责说明2

　　职责

1、 按现有框架完成功能模块的开发任务;

2、 实现数据交互和用户交互效果;

3、 基础知识扎实、自学能力较强;

4、主导前端系统的架构设计、开发和工程优化;

5、持续对研发过程进行改进及优化、提升开发效率;

　　任职要求：

1.本科或以上学历,计算机相关专业;

2.三年以上Web前端及移动端开发开发相关工作经验，具有主流互联网平台Web前端开发经验者优先;

3.精通HTML/CSS/JS等基本的web开发技术，对web标准有自己的理解;熟悉常用浏览器兼容方案，有实战经验者优先;

4.熟练掌握AngularJS、Vue、React等框架，熟悉MVC、MVVM等前端开发模型;熟悉 sass、less。

5.有良好的工作及编码习惯，熟练使用git、webpack等工具;

6.良好的沟通与表达能力、思路清晰，能够指导他人，有较强的主动性和责任心，有较好的团队协作能力，技术视野广泛者优先;

7.具有较强的分析和解决问题的能力，具备良好的团队合作精神优先;

HTML5前端开发工程师的岗位职责说明3

　　职责：

1.使用Egret引擎进行手机游戏开发;

2.根据游戏策划需求文档，利用HTML5技术实现移动端游戏研发;

3.负责游戏开发设计，保证模块的可行性、游戏性和稳定性。

　　任职要求：

1、熟悉Egret引擎开发,二年以上相关工作经验;

2、熟悉H5特性,熟悉引擎的渲染流程,负责或参与过H5项目并成功上线;

3、熟练掌握typeScript,javascript,具备良好的编程习惯;

4、良好的沟通能力和团队合作能力;

5、吃苦耐劳，能适应加班制。

HTML5前端开发工程师的岗位职责说明4

　　职责:

1、独立完成微信小程序、微信公众号、H5移动网站平台的项目开发;

2、参与项目前端开发工作，包括页面H5编码及JS交互的实现;

3、持续优化前端体验和页面响应速度，并保证兼容性和执行效率;

4、负责产品或项目的持续迭代工作。

　　任职要求：

1、2年以上互联网前端开发经验，有大型项目经验;

2. 熟练掌握Web相关技术(H5/CSS3/JS等);

3. 熟练使用ReactJs,AngularJs,Vue.js中其中一种;

4. 熟悉前端工程化开发流程与工具 (gulp、 grunt、 webpack等 );

5. 熟悉H5小程序相关技术或有相关经验，有node.js，java或其他后台开发经验优先;

6.对混合后台框架node.js,php语言有一定了解，有分销商城,营销活动项目开发经验者优先。

HTML5前端开发工程师的岗位职责说明5

　职责：

1、负责前端AppH5页面的开发、微信前端开发、并处理和后端的对接;

2、模块化前端组件，建立前端开发架构，提高前端开发的效率;

3、参与项目技术方案的制定，进行相关的设计或开发工作;

4、参与新产品， 新功能的预研和设计等;

5、与团队共同成长，主动向团队成员寻求建议，也积极给予他人反馈和帮助。

　　岗位要求：

1、大专以上学历，有H5开发经验优先;

2、熟悉HTML5/CSS3，有多浏览器兼容经验，熟悉移动端、PC端web开发及多设备兼容调试;

3、至少熟悉VueJS、AngularJS、ReactJS中的一种开发技术;

4、至少熟悉Gulp、Webpack、Grunt等构建工具中的一种;

5、对用户可用性、用户体验、交互设计流程、前端安全有深入的了解和实践经验;

6、交流沟通能力好、具有较好的团队合作精神;

7、对于web标准有深刻认识，并乐于钻研web新标准、新技术。

前端必看的书籍

　　十本学习前端必看书籍

　　第一本，入门

　　《Head first HTML&CSS》

　　最好的入门书。看两遍就对HTML & CSS 有个大概印象了。

　　此时把w3cschool作为备查手册收藏起来

　　第二本《CSS权威指南(第三版)》

　　最权威的CSS书籍，除了阅读W3C的文档外的不二选择(就是翻译有点操蛋，遇到感到难理解的地方可能还是要求助于网络资源)。有时间(无论是现在还是将来)可以反复看，并当做字典随时查。

　　第三本《精通CSS》

　　广受前辈推荐的一本书。上一本书是字典的话，这本书相当于《中学生作文大全》，汇集了一些CSS的最佳实践。

　　第四本《图解CSS3：核心技术与案例实践》

　　这本书比较新，讲解的是最新的CSS3(前三本书停留在CSS2.1时代)，CSS3也是必学的，不是什么可学可不学的最新技术。

HTML CSS值得看的书就这些(之后会有一本《CSS秘密花园》，尚在翻译中，也很值得期待)，剩下的就是自己写还有看技术博客了。接下来是JavaScript，HTML和CSS都是没有逻辑的标记型语言，JS才是真正的编程语言，评价前端工程师的水平就看这个了。

　　第五本《JavaScript DOM编程艺术》

　　最好的JS入门书籍，一目了然地告诉你如何用JS操作DOM(这是浏览器端编程的基本功)，还灌输了最符合标准的编程理念。可惜有点老，最新一版是2010年的，以至于部分内容有点过期，例如本书内经常提到“某某方法浏览器不一定支持，需要小心使用”，而这些历史遗留问题当今已经不存在了，阅读过程中无视就好。

　　第六本《JavaScript高级程序设计》

　　每个前端必看的书，此书是前端工程师科技树的关键一环。看完此书后再看看之后各类进阶书籍会比较好。

　　俗称红宝书，也算入门书籍，虽然是大部头(七百多页)，但至少通读一遍。

　　全部掌握了，你可以在网络社区里谈笑风生了，经过实践的锻炼后，面试个前端工程师的岗位应该都没问题了。

　　第七本《JavaScript语言精粹》

　　也是前端必看。薄薄一百来页，对JS的去粗取精。

　　第八本《你不知道的JavaScript》

　　这是一套丛书， 目前为止仅翻译了第一卷。每本都挺薄，深入介绍了JS中的重要概念。

　　第九本《JavaScript设计模式》

“设计模式”是软件工程的重要课题，相当于高考时候的答题套路。前人总结出来的应对各种问题的模板。也算是必看书籍。关于JavaScript设计模式的书籍目前也有好几本，也有国人写的，挑一两本看看就好。

　　第十本《高性能网站建设指南》(及其续篇《高性能网站进阶》)

　　告诉你真正的商业公司的前端是怎么优化一个网站的。当然优化的问题不是看看书就能解决的，最好时刻了解你的同行们的经验。

　　第一阶段：HTML和CSS的学习

HTML就不多说了，基础中的基础，这个都不会的小伙伴请参见HTML手册，认真学习W3C课程，稍有基础之后可以跟着视频学习《HTML+CSS基础课程》。

　前端开发必看的14本书

1、《CSS权威指南》第三版

　　这本书实在太适合小白用户了，是一本为初学者清扫障碍的书籍。同行一致认为这本书是学习CSS基础的首选。CSS界权威Meyer大师的作品，翻译水平也灰常赞!

2、《CSS那些事儿》

　　不用于一般技术类书籍的枯燥乏味，这本书很有意思。作者是蓝色理想经典论坛标准版荣誉版主林小志，具有多年网站设计和网站重构经验，在CSS、XHTML等前台技术方面有着深厚功底。

　　全书以传达CSS布局思维为中心，通过页面中的文字、图片、表格、表单等常见元素的处理及各种页面布局方式的使用，使读者能深入了解到如何在页面中更好地运用CSS布局。阅读本书之后将会发现，原来CSS样式居然是这么好玩的东西。

3、《精通CSS：高级Web标准解决方案》第二版

　　前段学习必备书籍，作者Andy Budd是国际顶尖的网页设计师，著名的Web标准倡导者，网页咨询公司Clearleft的创始人之一。

　　本书将最有用的CSS技术汇总在一起，总结了CSS设计中的最佳实践，讨论了解决各种实际问题的技术，重点讲解了一系列的css开发技巧，是前端开发人员必备的手册。

4、《CSS禅意花园》

　　这是一本令人惊叹的书!必须用一个字形容的话，那就是：美!内容编排合理,文字生动有趣引人入胜,通过一个个实例引导读者阅读，强烈推荐!

　　作者是世界著名的网站设计师，书中的范例来自网站设计领域最著名的网站——CSS Zen Garden(CSS禅意花园)。童鞋们自己去领略吧。

　　第二阶段——JavaScript的学习

Javascript的书籍当然还是要看老外的，你懂得~

5、《JavaScriptDOM编程艺术》

　　此书绝对是入门好书，简洁优美的文笔简直是工具书中的典范啊有木有!

　　这本书讲述了JavaScript和DOM的基础知识，但重点放在DOM编程技术背后的思路和原则，然后将这些概念贯穿在书中的所有代码示例中，使你看到用来创建图片库页面的脚本、用来创建动画效果的脚本和用来丰富页面元素呈现效果的脚本，最后结合所讲述的内容创建了一个实际的网站。

6、《JavaScript权威指南》第6版

　　这本书非常适合初级、中级程序员，是学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册。

　　第6版涵盖HTML 5和ECMAScript 5。很多章节完全重写，紧跟当今最佳Web开发实践。本书新增章节描述了jQuery和服务器端JavaScript。

7、《JavaScript高级程序设计》第三版

　　《javascript权威指南》比较像一本字典，而这本《javascript高级程序设计》可以算是一本由浅入深的好读物。这两本书看完后，对javascript一定会有较为深入的了解。

　　作者Nicholas C. Zakas是世界顶级Web技术专家，现为雅虎公司界面呈现架构师，负责My Yahoo!和雅虎首页等大访问量站点的设计。这本书，看一遍不能算看过，至少读两三遍，每一遍都会让你有新的收获。

8、《高性能JavaScript》

　　本书从性能角度全面分析js，含金量非常大，很多知识都是作者通过实践总结出来的，都是经验的积累，强烈推荐!

　　同是Nicholas C. Zakas所写，如果看《JS高级程序设计》觉得理解不太透彻，学习较为吃力，那么我强烈建议你看看这本书，真的是极好的一本实践类书籍，言简意赅，灰常实用!

9、《JavaScript王者归来》

　　这本《JavaScript王者归来》不仅是一本传播知识的书，更是一本求道的书。O(∩_∩)O 有追求的程序员一定不要错过!愿神力与你同在!

　　它揭开了JavaScript的面纱，绕过误解和虚幻的表象，引领你探索程序王国的奥妙。这是一本探寻程序设计思想本源的“魔法典籍”，也是一本Web开发工程师们需要的案头参考书。

10、《JavaScript模式》

　　它绝对不是一本入门级别的书，适用于希望将自身的Javascript技巧提高到一个新层次的专业的开发人员和程序员。

　　《JavaScript模式》包含了实现每个讨论的模式的实践建议，并附有数个可以立即上手的范例;同时还可以学到一些反模式。短小精悍，进阶必读!

11、《JavaScript设计模式》

　　进阶教程，得有一定功底才能看懂。反之，如果你轻而易举就能拿下此书，说明你已非等闲之辈~

　　本书共有两部分。第一部分给出了实现具体设计模式所需要的面向对象特性的基础知识，第二部分则专注于各种具体的设计模式及其在JavaScript语言中的应用，主要介绍了工厂模式、桥接模式、组合模式、门面模式等几种常见的模式。

　　第三阶段——jQUery的学习

12、《锋利的jQuery》第二版

　　入门首选，简单易懂，非常实在。《锋利的jQuery(第2版)》循序渐进地对jQuery的各种函数和方法调用进行了介绍，对jQuery分析的逻辑非常值得学习。

　　第四阶段—学无止境!

　　如果以上书籍你全都搞定了，那么，恭喜你，你真的很厉害!到这种程度，相信你也不太需要别人推荐书籍了，不过我还是厚着脸皮推荐两本吧。

13、《高性能网站建设指南》

　　前端开发可以优化网站剩余70%~80%性能，这本书不算厚，几个小时就能看完，推荐前端开发工程师看看。在《高性能网站建设指南》中，作者给出了14条具体的优化原则，每一条原则都配以范例佐证，并提供了在线支持。

14、《Web开发敏捷之道》第二版

Web开发敏捷之道》曾荣获Jolt大奖“最佳技术图书”奖。在第1版的内容架构基础上，第2版增加了对Rails 1.2中新特性和最佳实践的介绍。此书覆盖了rails1.2的方方面面，其本身也很"敏捷"，翻译也非常好。