比较全面的Web前端开发技能树——你需要学到什么?

你也许会觉得Web前端开发是一个很简单的工作,对呀,你就是刚刚从网页设计转型过来的。但当你深入其中时,一定会发现好像Web前端开发不是那么简单,光网站性能优化、响应式、框架就让你焦头烂额。确实,做Web前端开发就是先易后难,想成为一个优秀的Web前端开发人员,并没有那么简单。

不过,天下事难则不会,会则不难,你只需要掌握11项技能就可以成为前端“大拿”,下面,千锋武汉Web前端开发小编就告诉你这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请求

三、成为优秀的Web前端开发必会的技能

第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缓存

条件请求

扩展性与版本控制

以上就是千锋Web前端开发小编整理的学Web前端开发必学11项技能以及每项技能的要点.现在,你是不是该对照一下自己,是否掌握了这篇文章中所说的Web前端开发的这11项技能。 然后——开始去学习掌握它们!

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181108A12IOJ00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券