导读：
你也许会觉得前端开发是一个很简单的工作，对呀，你就是刚刚从网页设计转型过来的。但当你深入其中时，一定会发现好像前端开发不是那么简单，光网站性能优化、响应式、框架就让你焦头烂额。确实，做前端开发就是先易后难，想成为一个优秀的前端开发，没有那么简单。
不过，天下事难则不会，会则不难，你只需要掌握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项技能。 然后——开始去学习! 掌握它们！