导读：

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

不过，天下事难则不会，会则不难，你只需要掌握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缓存
•    条件请求
•    扩展性与版本控制

好了，这下你可以有计划、分步骤的学习和掌握这些技能了，要是你不知道怎么去学，我可以负责任的告诉你，先去看书。

这里，我可以再给你推荐一些图书，分属不同的出版社（这么说，是不希望你认为我在推销书），这些图书都是我认为很有用的书。

专业图书：

•    HTML+CSS网页设计与布局从入门到精通
•    JavaScript权威指南（第6版）
•    CSS禅意花园(修订版)
•    HTML5与CSS3基础教程（第7版）
•    响应式Web设计:HTML5和CSS3实战
•    jQuery权威指南（第2版）
•    疯狂Ajax讲义（第3版）
•    Axure RP 6原型设计精髓
•    交互设计沉思录
•    大型网站技术架构：核心原理与案例分析
•    REST实战（中文版）
现在，你是不是知道该对照一下自己，是否掌握了这篇文章中所说的11项技能。 然后——开始去学习!掌握它们！