导读：

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

确实，做前端开发就是先易后难，想成为一个优秀的前端开发，没有那么简单。

不过，天下事难则不会，会则不难，你只需要掌握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座网--互联网职业技能规划网站，有详细说明