导读：

       你或许会认为前端开发是一个非常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缓存
• 条件请求
• 扩展性与版本号控制

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

     这里，我能够再给你推荐一些图书，分属不同的出版社（这么说，是不希望你觉得我在推销书），这些图书都是我觉得非常实用的书。

1. HTML+CSS网页设计与布局从入门到精通
2. JavaScript权威指南（第6版）
3. CSS禅意花园(修订版)
4. HTML5与CSS3基础教程（第7版）
5. 响应式Web设计:HTML5和CSS3实战
6. jQuery权威指南（第2版）
7. 疯狂Ajax讲义（第3版）
8. Axure RP 6原型设计精髓
9. 交互设计沉思录
10. 大型站点技术架构：核心原理与案例分析
11. REST实战（中文版）

       如今，你是不是知道该对比一下自己，是否掌握了这篇文章中所说的11项技能。 然后——開始去学习!掌握它们！

       你打算去按此学习吗? 先别忙，请在以下留下你的评论吧。

      文中技术要点參考了6座网的前端开发project师职业规划图

我的很多其它博文：

6个方法，用博客建立你的个人“品牌”

Android开发project师，前行路上的14项技能

10年老程序猿谈Dotnet程序猿职业规划（图文）『转帖』

Android安卓移动开发project师职业规划图