web前端开发职业技能等级标准.pdf

附件 2-2 职业技能等级标准职业技能等级标准 W Webeb 前端开发前端开发 工业和信息化部教育与考试中心 2019 年 3 月 说说明明 为贯彻落实《国家职业教育改革实施方案》 ，积极推动学历证书 +若干职业技能等级证书制度，进一步完善计算机软件行业技术技能 专业标准体系，为技术技能人才教育和培训提供科学、规范的依据， 工业和信息化部教育与考试中心依据当前计算机软件行业发展的实 际情况，在实施工业和信息化人才培养工程 Web 前端开发专业技术 技能人才培养项目的基础上，在教育部的指导下，组织有关专家， 编 写了《Web 前端开发职业技能等级标准》 （以下简称“标准” ） 本标准以客观反映现阶段软件开发和互联网行业技术发展水平 及其对从业人员的能力要求为目标， 明确了具有本专业职业技能的人 员的工作领域、工作任务、技能要求和知识要求 本标准采用功能分析法进行编写，遵循了有关技术规程的要求， 既体现了以专业活动为导向、以专业技能为核心的特点，又保证了标 准体例的规范化，同时，模块化的结构也使其具有根据技术发展进行 调整的灵活性和实用性，以符合培训和评价工作不断发展的需要 本标准将 Web 前端开发职业技能分为初、中、高三个等级，其 中高级证书持有者具有复杂网页设计开发能力和网站架构设计规划 能力；中级证书持有者具有动态网页设计开发能力；初级证书持有者 具有静态网页开发能力。

本标准由工业和信息化部教育与考试中心组织编写， 参加编写审 订工作的主要人员有谭志彬、顾乃杰、朱卫东、何山、龚玉涵、贾振 洋、吴善超、罗东阳、朱立、高飞、徐旭、骆彬彬、任远、杨亨冉等， 在此表示感谢 1 1. 1. 职业技能概况职业技能概况 1 1.1 .1 名称名称 Web 前端开发 1.21.2 职业技能定义职业技能定义 利用 HTML、CSS、JavaScript、网页开发框架等专业知识、方法 和工具将产品 UI 设计稿实现成网站的技能 1 1.4 .4 职业技能等级职业技能等级 本职业技能共设三个等级，分别为：初级、中级、高级 1 1.5 .5 环境环境 室内，常温 1 1.6 .6 职业技能特征职业技能特征 具有较强的逻辑思维能力，拥有良好的编写代码习惯，沟通能力 强，具有运用色彩搭配、点线面布局来设计较好用户体验网站页面的 能力 1 1.7 .7 基本文化程度基本文化程度 高中毕业（或同等学历） 1 1.8 .8 职业技能职业技能培训要求培训要求 1.8.11.8.1 培训课时培训课时 初级职业技能培训时间不少于 96 标准课时；中级职业技能培训 时间不少于 224 标准课时（含初级培训课时） ；高级职业技能培训时 间不少于 320 标准课时（含初级培训课时和中级培训课时） 。

2 1.8.21.8.2 培训培训教师教师 企业在职工程师、双师型教师、院校教师 1.8.31.8.3 培训培训场所设备场所设备 计算机、移动终端、服务器、网络交换机、路由器等 2. 2. 教材教材 每个级别分别配套有《Web 前端开发》 （工业和信息化人才培养 工程系列丛书，1+X 证书制度试点培训用书）教材上、下两册，共有 6 本教材教材与本标准对应，是实施培训的参考依据 3. 3. 考核方式考核方式 Web 前端开发职业技能初、 中、 高三个级别的考核方式为闭卷考 试，采用上机考试形式考试包括理论考试和实操考试两部分 理论考试试卷满分 100 分，共 50 道试题，其中单选题 30 道，多 选题 15 道，判断题 5 道；实操考试试卷满分 100 分，试卷含 3-5 道实 践性试题，试题形式包括案例分析、软件代码编码或是网页效果呈现 等理论考试与实操考试合格标准均为 60 分，两部分考试成绩均合 格的学员可以获得相应级别的职业技能等级证书 4. 4. 标准主要特点标准主要特点 本标准的开发遵循了整体性、 规范性、 实用性、 可操作性等原则 本标准的开发，充分考虑到了 Web 前端开发从业人员的职业发 展路径与成长路径，以职业素养、职业技能、知识水平为主要框架结 构， 设计了 HTML 基础及 HTML5 标签、 CSS 及 CSS3 应用、 JavaScript 基本语法与高级编程、ES6 标准、数据库应用、项目模块化开发、各 3 种复杂的交互与优化等知识和能力等模块。

面向的主要岗位包括网页 设计、网页制作、响应式页面搭建、移动网页制作与设计、网站搭建 （门户（行业）网站、交易类网站、企事业网站、娱乐性质网站） 、 网站规划与设计等 本标准的核心内容，来源于社会对 Web 前端开发职业活动质量 的要求, 是衡量从业者 (包括正在接受教育与培训的准从业者) 胜任 Web 前端开发工作的基本尺度和规范, 能够反映当下时期内 Web 前 端开发职业教育的人才培养质量规格 5. 5. 职业素养要求职业素养要求 类类别别内内容容 职业道德 自觉遵守中国软件行业基本公约 有良好的知识产权保护观念和意识， 自觉抵制各种违反知识产权 保护法规的行为 能自觉遵守企业规章制度与产品开发保密制度 遵守有关隐私信息的政策和规程，保护客户隐私 合作意识 具有积极协助配合同事完成开发任务的意识 讲诚信，坚决反对各种弄虚作假现象，对已经承诺的事，要保证 做到 能够与项目组人员沟通协调，确定自己的开发任务，理解团队开 发任务 质量意识 遵循从软件需求分析到软件验收完成整个软件生命周期的标准 规范 执行和遵守软件开发所需的方法、时间进度、制度控制和相关软 件开发事项 能够根据产品经理和主管的要求修改完善软件，提高代码质量。

开发过程应遵循企业标准， 应依据需求说明书客观地验证软件开 发产品 服务意识 能够与客户和主管及时沟通前端开发任务需求和项目进度状况 能及时收集用户反馈，提升前端开发成果的实用性、易用性 4 学习意识 能自觉跟踪前端开发技术发展动态，积极参与各种技术交流、 技 术培训和继续教育活动 依据文档编制规范，自觉学习，提高程序编写文档的规范性、 准 确性和易读性 学习标准和操作规范， 提高对所使用的软件和相关文档的理解能 力，以及对这些软件和文档将要应用的环境的理解能力 善于总结开发工作经验， 不断提高在合理的时间内以合理的费用 创建安全、可靠和高质量软件的能力 6 6. . 操作规范操作规范 Web 前端开发中应遵循以下操作规范： （1）GB/T 8567-2006 计算机软件文档编制规范 （2）GB/T 30971-2014 软件工程 用于互联网的推荐实践 网站 工程、网站管理和网站生存周期 7 7. . 标准开发的主要方法标准开发的主要方法 标准开发主要采用的方法是功能分析法 功能分析法是从职业最顶层的大目标（工作领域）出发, 逐层确 立中目标、小目标（工作任务/职业技能，或称单元/要素) , 然后根 据达到目标 (完成职业单元、职业要素) 所需的知识、技能以及其他 相关能力的要求, 确立标准的范围、 内容和程度。

它以目标为中心, 强 调实现目标需要具备的手段 (知识、方法、工具、技能及其他相关要 求) 以及实现目标需达到的水平要求功能分析法步骤如下： （1）明确某一职业领域的“工作领域”； （2）分解出这些工作领域的“工作任务 ”； （3）把工作任务进一步分解为“次一级功能 (sub-functions) ”, 直到不能再分时, 次级功能就被称为标准中的“职业技能”； 5 （4）分析职业技能所关联的“技能要求”和“知识要求” 在结构上, 本职业技能标准包括五个要素： （1）工作领域：这是职业技能标准按照工作职责大目标划分后 形成的单位； （2）工作任务：这是职业技能标准的基本组成单位, 某一工作 任务可以看作是对某一主要工作内容或应完成功能的概括； （3）职业技能：是工作任务的基本组成单位, 可以看作是对具 有相对独立价值的某一次级功能所要求能力的描述； （4）技能要求：即每项能力要素所应达到的操作水平技能要 求在语义内容上一般包括所应达到的操作结果, 以及判断操作是否 达到所要求结果的评判标准 （5）知识要求：阐明具有每项技能所应掌握、了解的知识 6 8 8．．WebWeb 前端开发（初级）前端开发（初级） 8. 8.1. 1.培训学时：培训学时：9696 学时学时。

8. 8.2. 2.衔接中职专业衔接中职专业：：通信技术、电子与信息技术、电子技术应 用、计算机应用 8. 8.3. 3.衔接高职专业衔接高职专业：：计算机应用技术、计算机信息管理、软件 技术、软件与信息服务 8. 8.4. 4.接续本科专业接续本科专业：：计算机科学与技术、电子信息工程、电子 科学与技术、软件工程 8. 8.5. 5.培养目标培养目标：：围绕互联网+、新兴技术行业带来的 Web 前端 开发技术技能人才需求，培养具有良好职业道德和人文素养，掌握 Web 前端开发基础知识，具备静态网页设计、开发、调试、维护等能 力，能从事 Web 前端软件编码、软件测试、软件技术服务等工作的 初级技术技能人才 8. 8.6. 6.就业方向就业方向：：主要面向各企事业单位、政府部门等的信息化 数字化部门，从事静态网页制作、响应式页面搭建等工作，根据视觉 和交互原型要求实现网站页面和交互效果 8. 8.7. 7.主要职业能力主要职业能力：：1)具有前端开发新知识、新技能的学习能 力；2)具备静态网站设计与制作能力 8. 8.8. 8.核心课程与实习实训核心课程与实习实训：：(1)核心课程:Web 页面制作基础、 HTML5 开发基础与应用、 轻量级前端框架、 JavaScript 程序设计等。

(2) 实习实训:线上实训方式，与项目实例相结合的教学方法，学生通过 编程环境，完成静态网页制作、专题栏目的静态宣传页（二级网 7 页）制作、动画效果制作等实际项目 8. 8.9 9. . 能力标准与知识要求：能力标准与知识要求： 工作工作 领域领域 工作工作 任务任务 职业技能职业技能技能要求技能要求知识要求知识要求 静 态 网 站 搭建 1-1 静态 网页 开发 1-1-1 能使用 HTML 制作静态 网页 1-1-1-S1 能使用 HTML 文本标签、 头 部标记、页面创建超链接 1-1-1-S2 能使用创建表格表单功能搭 建静态网页 1-1-1-K1 掌握 HTML 文本标 签、头部标记功能 1-1-1-K2 掌握页面创建超链接、 创建表格表单功能 1-1-2 能使用 CSS 设计页面样 式 1-1-2-S3 能使用 CSS 开发网页样式 1-1-2-S4 能使用 CSS 美化网页样式 1-1-2-S5 能正确运用 Hack 原理实现 CSS 中的样式效果 1-1-2-K3 掌握 CSS 的选择器、 单位、字体样式、文本样式、 颜色、背景功能 1-1-2-K4 掌握 CSS 的区块、网 页布局属性的功能 1-1-3 能使用 JavaScript 开发交 互效果页面 1-1-3-S6 能使用 JavaScript 开发交互 效果页面 1-1-3-S7 能正确选择数据类型、设置 变量，能使用运算等基础语言和内置 函数实现数据交互 1-1-3-S8 能正确使用 JavaScript 对象和 DOM 编程实现交互效果页面 1-1-3-K5 掌握JavaScript基础语 言、函数、面向对象的功能 1-1-4 能使用 jQuery 开发交互 效果页面 1-1-4-S9 能使用 jQuery 选择器、 jQuery 中的 DOM 操作、滚动、图表、布局、 文字处理及 UI 等插件、jQuery 事件 和动画等功能开发交互效果页面 1-1-4-K6 掌握 jQuery 中选择、 插件、事件和动画的功能 1-2 静态 网页 美化 1-2-1 能使用 CSS3 新特性开 发页面样式 1-2-1-S1 能使用 CSS3 的选择器、边 框特性、颜色、字体功能美化网页 1-2-1-K1 了解 CSS3 新增选。