一个优秀的前端工程师应具备哪些技能？

作为一名前端工程师，产品的内外兼优才能体现它的完美，前端工程师需要学习的技能远远超过设计师。

那么一名优秀的WEB前端工程师应具备哪些技能呢，我在这里分享一下，供大家参考：

第一：HTML超文本标记语言

1、HTML文件的结构

2、HTML文件的编写方法

3、HTML基本标记

4、文字与段落标记

5、框架

6、使用表单

7、XHTML页面结构

第二：JavaScript脚本

1、JavaScript基本语法

2、流程控制

3、函数

4、对象与数组

5、程序调试与错误处理

6、事件处理

7、处理文档对象

8、文档对象模型

9、window窗口对象

第三：CSS网页样式布局

1、CSS定位与div布局

2、div 标记与 span 标记

3、CSS+div美化与布局

4、CSS与JavaScript的综合应用

5、CSS与XML的综合运用

6、CSS与Ajax的综合应用

第四：HTML5开发技能

1、HTML5语法

2、新增的input输入类型

3、新增的form元素

4、HTML5音频与视频

5、HTML5多媒体技术

6、Web存储

7、WebSQL混合开发

8、Workers多线程处理

第五：常用的Javascript框架

1、jQuery框架

2、Prototype框架

3、YUI框架

4、ExtJS框架

5、Dojo框架

第六：Javascript Ajax应用

1、DOM文档对象模型

2、XML请求与响应

3、JSON

4、Post/Get请求，成为优秀的前端开发必会的技能

第七：响应式Web设计

1、学会绘制图形

2、History API

3、CSS 3 模块与模块化结构

4、CSS3中的属性选择器

5、使用选择器在页面中插入内容

6、文字与字体相关样式

7、CSS 3中的变形处理

8、CSS 3中的动画功能

第八：常用交互设计工具

1、流程图工具

2、导航设计工具

3、思维导图

4、原型设计工具

5、UML工具

6、站点地图工具

第九：Web交互设计

1、指示牌和面包屑

2、可用性测试

3、可访问性/级联样式表

第十：网站信息架构

1、信息架构基本信息

2、组织系统

3、标签系统

4、搜索系统

5、叙词表、受控词表，以及元数据

6、流程和方法论

7、设计和文件说明

第十一：REST软件架构

1、表述解析Json/XML/Html

2、Web缓存

3、条件请求

4、扩展性与版本控制

专业图书推荐：

HTML+CSS网页设计与布局从入门到精通

JavaScript权威指南（第6版）

HTML5与CSS3基础教程（第7版）

响应式Web设计:HTML5和CSS3实战

jQuery权威指南（第2版）

Axure RP 6原型设计精髓

交互设计沉思录

REST实战（中文版）

当然，你需要拥有良好的沟通能力，团队精神，逻辑思维要强，思路清晰，基础更是打扎实。‘’

前端工程师至少都要满足四类客户的需求：

1、产品经理：这些是负责策划应用程序的一群人。他们会想出很多新鲜奇怪的、甚至是不可是实现的应用。一般来说，产品经理都追求丰富的功能。

2、UI设计师：这些人负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一贯性以及整体的好用性。

3、项目经理:这些人负责实际地运行和维护应用程序。项目管理的主要关注点，无外乎正常运行时间、应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标往往是尽量保持事情的简单化，以及不在升级更新时引入新问题。

4、最终用户: 指的是应用程序的主要消费者。尽管前端工程师不会经常与最终用户打交道，但他们的反馈意见至关重要。

其次，优秀的Web前端开发工程师应该具备快速学习能力。

当今，Web发展速度很快，甚至可以说几乎每天都在更新迭代！如果没有快速学习吸收的能力，就会跟不上Web发展的步伐。因此，前端工程师必须不断提升自己，不断学习新技术、新模式；仅仅依靠今天的知识无法适应未来快速发展变化的脚步。