导读:

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

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

      不过,天下事难则不会,会则不难,你只需要掌握11项技能就可以成为前端“大拿”,下面,就告诉你这11项技能是什么?以及每项技能的要点,最后是相关的专业图书。

20140514094323312

入门必备的技能:


第1项技能:HTML超文本标记语言:

技能要点:


  • HTML文件的结构

  • HTML文件的编写方法 

  • HTML基本标记

  • 文字与段落标记 

  • 框架

  • 使用表单 

  • XHTML页面结构


第2项技能:JavaScript脚本

技能要点:


  • JavaScript基本语法

  • 流程控制

  • 函数

  • 对象与数组

  • 程序调试与错误处理

  • 事件处理

  • 处理文档对象

  • 文档对象模型

  • window窗口对象


第3项技能:CSS网页样式布局

技能要点:



  • CSS定位与div布局

  • div 标记与 span 标记

  • CSS+div美化与布局

  • CSSJavaScript的综合应用

  • CSSXML的综合运用

  • CSSAjax的综合应用


晋级提升必会的技能


第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. HTML5CSS3基础教程(第7版)

  5. 响应式Web设计:HTML5CSS3实战

  6. jQuery权威指南(第2版)

  7. 疯狂Ajax讲义(第3版)

  8. Axure RP 6原型设计精髓

  9. 交互设计沉思录

  10. 大型网站技术架构:核心原理与案例分析

  11. REST实战(中文版)



      现在,你是不是知道该对照一下自己,是否掌握了这篇文章中所说的11项技能。 然后——开始去学习!掌握它们!

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

文章中技能点来源于:6座网--互联网职业技能规划网站,有详细说明