掌握11项技能，你就是优秀的前端开发工程师

你也许会觉得前端开发是一个很简单的工作，对呀，你就是刚刚从网页设计转型过来的。但当你深入其中时，一定会发现好像前端开发不是那么简单，光网站性能优化、响应式、框架就让你焦头烂额。确实，做前端开发就是先易后难，想成为一个优秀的前端开发，没有那么简单。

不过，天下事难则不会，会则不难，你只需要掌握11项技能就可以成为前端“大拿”，下面，就告诉你这11项技能是什么？以及每项技能的要点，最后是相关的专业图书。

入门必备的技能：

第1项技能：html超文本标记语言：

技能要点：

html文件的结构

html文件的编写方法

html基本标记

文字与段落标记

框架

使用表单

xhtml页面结构

第2项技能：javascript脚本

技能要点：

javascript基本语法

流程控制

函数

对象与数组

程序调试与错误处理

事件处理

处理文档对象

文档对象模型

window窗口对象

第3项技能：css网页样式布局

技能要点：

css定位与div布局

div 标记与 span 标记

css+div美化与布局

css与javascript的综合应用

css与xml的综合运用

css与ajax的综合应用

 

晋级提升必会的技能

第4项技能：html5开发技能

技能要点：

html5语法

新增的input输入类型

新增的form元素

html5音频与视频

html5多媒体技术

web存储

websql混合开发

workers多线程处理

第5项技能：常用javascript框架

技能要点：

jquery框架

prototype框架

yui框架

extjs框架

dojo框架

第6项技能：javascript ajax应用

技能要点：

javascript的常用对象

dom文档对象模型

xml请求与响应

json

post/get请求

成为优秀的前端开发必会的技能

第7项技能：响应式web设计

技能要点：

range对象与selection对象

学会绘制图形

history api

css 3 模块与模块化结构

css3中的属性选择器

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

文字与字体相关样式

css 3中的变形处理

css 3中的动画功能

第8项技能：常用交互设计工具

技能要点：

流程图工具

导航设计工具

思维导图

原型设计工具

uml工具

站点地图工具

第9项技能：web交互设计

技能要点：

指示牌和面包屑

可用性测试

可访问性/级联样式表

第10项技能：网站信息架构

技能要点：

用户需求及其行为分析

信息架构基本信息

组织系统

标签系统

搜索系统

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

流程和方法论

设计和文件说明

第11项技能：rest软件架构

技能要点：

统一接口get/post/put/delete

识别资源

表述解析json/xml/html

查询

web缓存

条件请求

扩展性与版本控制