导读：
你也许会觉得前端开发是一个很简单的工作，对呀，你就是刚刚从网页设计转型过来的。但当你深入其中时，一定会发现好像前端开发不是那么简单，光网站性能优化、响应式、框架就让你焦头烂额，
确实，做前端开发就是先易后难，想成为一个优秀的前端开发，没有那么简单。
不过，天下事难则不会，会则不难，你只需要掌握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项技能。 然后——开始去学习!掌握它们！
你打算去按此学习吗? 先别忙，请在下面留下你的评论吧。
掌握11项技能，你就是优秀的前端开发工程师,布布扣,bubuko.com
时间： 2024-10-29 19:07:07