导读：
你或许会认为前端开发是一个非常easy的工作，对呀，你就是刚刚从网页设计转型过来的。但当你深入当中时，一定会发现好像前端开发不是那么简单，光站点性能优化、响应式、框架就让你焦头烂额，
确实，做前端开发就是先易后难，想成为一个优秀的前端开发，没有那么简单。
只是，天下事难则不会，会则不难，你仅仅须要掌握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项技能。 然后——開始去学习!掌握它们！
你打算去按此学习吗? 先别忙，请在以下留下你的评论吧。
文中技术要点參考了6座网的前端开发project师职业规划图
我的很多其它博文：