Web前端开发职业技能等级证书标准版文档格式.docx

Web前端开发职业技能等级证书标准版文档格式.docx

《Web前端开发职业技能等级证书标准版文档格式.docx》由会员分享，可在线阅读，更多相关《Web前端开发职业技能等级证书标准版文档格式.docx（31页珍藏版）》请在冰豆网上搜索。

1.8职业技能培训要求

1.8.1培训课时

初级职业技能培训时间不少于96标准课时；

中级职业技能培训时间不少于224标准课时（含初级培训课时）；

高级职业技能培训时间不少于320标准课时（含初级培训课时和中级培训课时）。

1.8.2培训教师

企业在职工程师、双师型教师、院校教师。

1.8.3培训场所设备

计算机、移动终端、服务器、网络交换机、路由器等。

2.教材

每个级别分别配套有《Web前端开发》（工业和信息化人才培养工程系列丛书，1+X证书制度试点培训用书）教材上、下两册，共有6本教材。

教材与本标准对应，是实施培训的参考依据。

3.考核方式

Web前端开发职业技能初、中、高三个级别的考核方式为闭卷考试，采用上机考试形式。

考试包括理论考试和实操考试两部分。

理论考试试卷满分100分，共50道试题，其中单选题30道，多选题15道，判断题5道；

实操考试试卷满分100分，试卷含3-5道实践性试题，试题形式包括案例分析、软件代码编码或是网页效果呈现等。

理论考试与实操考试合格标准均为60分，两部分考试成绩均合格的学员可以获得相应级别的职业技能等级证书。

4.标准主要特点

本标准的开发遵循了整体性、规范性、实用性、可操作性等原则。

本标准的开发，充分考虑到了Web前端开发从业人员的职业发展路径与成长路径，以职业素养、职业技能、知识水平为主要框架结构，设计了HTML基础及HTML5标签、CSS及CSS3应用、JavaScript基本语法与高级编程、ES6标准、数据库应用、项目模块化开发、各种复杂的交互与优化等知识和能力等模块。

面向的主要岗位包括网页设计、网页制作、响应式页面搭建、移动网页制作与设计、网站搭建（门户（行业）网站、交易类网站、企事业网站、娱乐性质网站）、网站规划与设计等。

本标准的核心内容，来源于社会对Web前端开发职业活动质量的要求,是衡量从业者（包括正在接受教育与培训的准从业者）胜任Web前端开发工作的基本尺度和规范,能够反映当下时期内Web前端开发职业教育的人才培养质量规格。

5.职业素养要求

类别

内容

职业道德

自觉遵守中国软件行业基本公约。

有良好的知识产权保护观念和意识，自觉抵制各种违反知识产权保护法规的行为。

能自觉遵守企业规章制度与产品开发保密制度。

遵守有关隐私信息的政策和规程，保护客户隐私。

合作意识

具有积极协助配合同事完成开发任务的意识。

讲诚信，坚决反对各种弄虚作假现象，对已经承诺的事，要保证做到。

能够与项目组人员沟通协调，确定自己的开发任务，理解团队开发任务。

质量意识

遵循从软件需求分析到软件验收完成整个软件生命周期的标准规范。

执行和遵守软件开发所需的方法、时间进度、制度控制和相关软件开发事项。

能够根据产品经理和主管的要求修改完善软件，提高代码质量。

开发过程应遵循企业标准，应依据需求说明书客观地验证软件开发产品。

服务意识

能够与客户和主管及时沟通前端开发任务需求和项目进度状况。

能及时收集用户反馈，提升前端开发成果的实用性、易用性。

学习意识

能自觉跟踪前端开发技术发展动态，积极参与各种技术交流、技术培训和继续教育活动。

依据文档编制规范，自觉学习，提高程序编写文档的规范性、准确性和易读性。

学习标准和操作规范，提高对所使用的软件和相关文档的理解能力，以及对这些软件和文档将要应用的环境的理解能力。

善于总结开发工作经验，不断提高在合理的时间内以合理的费用创建安全、可靠和高质量软件的能力。

6.操作规范

Web前端开发中应遵循以下操作规范：

（1）GB/T8567-2006计算机软件文档编制规范。

（2）GB/T30971-2014软件工程用于互联网的推荐实践网站工程、网站管理和网站生存周期。

7.标准开发的主要方法

标准开发主要采用的方法是功能分析法。

功能分析法是从职业最顶层的大目标（工作领域）出发,逐层确立中目标、小目标（工作任务/职业技能，或称单元/要素）,然后根据达到目标（完成职业单元、职业要素）所需的知识、技能以及其他相关能力的要求,确立标准的范围、内容和程度。

它以目标为中心,强调实现目标需要具备的手段（知识、方法、工具、技能及其他相关要求）以及实现目标需达到的水平要求。

功能分析法步骤如下：

（1）明确某一职业领域的“工作领域”；

（2）分解出这些工作领域的“工作任务”；

（3）把工作任务进一步分解为“次一级功能（sub-functions）”,直到不能再分时,次级功能就被称为标准中的“职业技能”；

（4）分析职业技能所关联的“技能要求”和“知识要求”。

在结构上,本职业技能标准包括五个要素：

（1）工作领域：

这是职业技能标准按照工作职责大目标划分后形成的单位；

（2）工作任务：

这是职业技能标准的基本组成单位,某一工作任务可以看作是对某一主要工作内容或应完成功能的概括；

（3）职业技能：

是工作任务的基本组成单位,可以看作是对具有相对独立价值的某一次级功能所要求能力的描述；

（4）技能要求：

即每项能力要素所应达到的操作水平。

技能要求在语义内容上一般包括所应达到的操作结果,以及判断操作是否达到所要求结果的评判标准；

（5）知识要求：

阐明具有每项技能所应掌握、了解的知识。

8．Web前端开发（初级）

8.1.培训学时：

96学时。

8.2.衔接中职专业：

通信技术、电子与信息技术、电子技术应用、计算机应用。

8.3.衔接高职专业：

计算机应用技术、计算机信息管理、软件技术、软件与信息服务。

8.4.接续本科专业：

计算机科学与技术、电子信息工程、电子科学与技术、软件工程。

8.5.培养目标：

围绕互联网+、新兴技术行业带来的Web前端开发技术技能人才需求，培养具有良好职业道德和人文素养，掌握Web前端开发基础知识，具备静态网页设计、开发、调试、维护等能力，能从事Web前端软件编码、软件测试、软件技术服务等工作的初级技术技能人才。

8.6.就业方向：

主要面向各企事业单位、政府部门等的信息化数字化部门，从事静态网页制作、响应式页面搭建等工作，根据视觉和交互原型要求实现网站页面和交互效果。

8.7.主要职业能力：

（1）具有前端开发新知识、新技能的学习能力；

（2）具备静态网站设计与制作能力。

8.8.核心课程与实习实训：

（1）核心课程:

Web页面制作基础、HTML5开发基础与应用、轻量级前端框架、JavaScript程序设计等。

（2）实习实训:

线上实训方式，与项目实例相结合的教学方法，学生通过在线编程环境，完成静态网页制作、专题栏目的静态宣传页（二级网页）制作、动画效果制作等实际项目。

8.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新增选择器边框新特性、新增颜色、字体的功能

1-2-2能使用HTML标签美化页面

1-2-2-S2能使用HTML文本标签、图像、头部标记、页面创建超链接、创建表格表单及iframe框架等功能美化网页

1-2-2-K2理解并掌握HTML文本标签、头部标记、页面创建超链接、创建表格表单等功能的使用方法

动态网站搭建

1-3动态网页开发

1-3-1能使用CSS3新特性开发动态页面样式

1-3-1-S1能使用CSS3特性、动画效果、多列布局以及弹性布局开发动态网页

1-3-1-K1了解CSS3特性、CSS3动画效果、多列布局以及弹性布局的使用方法

移动端静态网站开发

1-4

移动端静态网页开发

1-4-1能使用HTML5制作移动端静态网页

1-4-1-S1能使用HTML5新增语义化元素、页面增强元素与属性及多媒体元素等功能进行移动端页面开发

1-4-1-K1了解HTML5新增全局属性、结构化与页面增强、表单标签、多媒体元素的使用方法

1-4-2能使用CSS3新特性开发页面样式

1-4-2-S2能使用CSS3的选择器、边框特性、颜色、字体功能设计网页

1-4-1-K2了解CSS3选择器、边框特性、颜色、字体的功能

1-4-3能使用JavaScript开发交互效果页面

1-4-3-S3能使用JavaScriptOOP、原型链、常用设计模式等原生的方式开发网页

1-4-1-K3了解JavaScriptOOP、原型链、常用设计模式等原生方式开发网页的功能

1-5

移动端静态网页美化

1-5-1能使用HTML5美化静态网页

1-5-1-S1能使用HTML5新增语义化元素、页面增强元素与属性及多媒体元素等功能美化页面

1-5-1-K1了解HTML5新增全局属性、结构化与页面增强、表单标签、多媒体元素的使用方法

1-5-2能使用CSS3新特性美化静态页面

1-5-1-S2能使用CSS3的选择器、边框特性、颜色、字体功能美化网页

1-5-1-K2了解CSS3选择器、边框特性、颜色、字体的功能

9.Web前端开发（中级）

9.1.培训学时：

224学时。

9.2.衔接中职专业：

9.3.衔接高职专业：

移动互联应用技术、计算机应用技术、计算机信息管理、软件技术、软件与信息服务、移动应用开发、智能产品开发。

9.4.接续本科专业：

9.5.培养目标：

围绕互联网+、新兴技术行业带来的Web前端开发、移动端开发技术技能人才需求，以企业用人为导向，以岗位技能和综合素质为核心，培养具有良好职业道德和人文素养，掌握Web前后端数据交互、响应式开发等知识，具备动态网页设计、开发、调试、维护等能力，能从事Web前端软件编程、软件测试、软件技术服务、智能终端界面开发等工作的中级技术技能人才。

9.6.就业方向：

主要面向IT互联网企业、互联网转型的传统型企事业单位、政府部门等的软件研发、软件测试、系统运维部门，从事网站规划与建设、网站开发与维护、关系型数据库开发管理等工作，根据网站开发需求，编制并实施解决方案。

9.7.主要职业能力：

（1）具有前端新知识、新技能的学习能力和创新创业能力；

（2）具备网站规划与建设能力；

（3）具备关系型数据库设计与管理能力；

（4）具备网站响应式开发能力；

（5）具备数据交互能力。

9.8.核心课程与实习实训：

MySQL数据库基础与应用、PHP技术与应用、Web前后端数据交互技术、响应式开发技术、网站项目实战等课程。

线上线下相结合的实训方式，与项目实例相结合的教学方法，以面向门户网站、交易类网站、企事业网站、娱乐性质网站的规划与建设、开发与维护、关系型数据库开发与管理等为实训项目内容，配备一定量的企业实际项目。

9.9.能力标准与知识要求：

2-1静态网页开发

2-1-1能熟练使用HTML编写静态网页

2-1-1-S1能熟练使用HTML文本标签、头部标记、页面创建超链接、创建表格表单功能搭建静态网页

2-1-1-K1掌握并熟练应用HTML文本标签、头部标记、页面创建超链接、创建表格表单功能

2-1-2能使用CSS设计网站页面样式

2-1-2-S2能熟练使用CSS设计网页样式

2-1-2-S3能熟练使用CSS美化网页样式

2-1-2-S4能熟练使用Hack原理实现CSS中的样式效果

2-1-2-K2掌握CSS的选择器、单位、字体样式、文本样式、颜色、背景的使用方法

2-1-2-K3掌握CSS的区块、网页布局属性的使用方法

2-1-3能使用JavaScript开发网站交互效果页面

2-1-3-S5能熟练使用JavaScript开发交互效果页面

2-1-3-S6能熟练使用运算等基础语言和内置函数实现数据交互

2-1-3-S7能熟练使用JavaScript对象和DOM编程实现交互效果页面

2-1-3-K4掌握JavaScript基础语言、函数、面向对象功能的使用方法

2-1-4能使用jQuery开发网站交互效果页面

2-1-4-S8能熟练使用jQuery选择器、jQuery中的DOM操作、滚动、图表、布局、文字处理及UI等插件、jQuery事件和动画等开发交互效果页面

2-1-4-K5掌握jQuery中选择、插件、事件和动画功能的使用方法

2-1-5能使用Bootstrap前端框架开发页面

2-1-5-S9能使用Bootstrap栅格系统、基本样式、组件、LESS和SASS、插件、Bootstrap定制及优化、Bootstrap内核解码开发响应式页面

2-1-5-K6掌握Bootstrap布局、组件、基本样式、插件、组件的使用方法

2-2静态网页美化

2-2-1能使用CSS3新特性美化网站页面样式和结构

2-2-1-S1能熟练使用CSS3的选择器、边框特性、颜色、字体、盒阴影、背景特性、盒模型、功能美化网页

2-2-1-K1掌握CSS3选择器在页面中插入各种盒子模型、背景样式使用方法

2-2-2能运用HTML各种标签美化原有静态网页

2-2-2-S2能熟练使用HTML文本标签、图像、头部标记、页面创建超链接、创建表格表单及iframe框架等功能美化网页

2-2-2-K2掌握HTML在网页中嵌入多媒体、使用框架结构、网页中使用表格创建表单的使用方法

2-3动态网页开发

2-3-1能使用CSS3新特性设计网站页面样式和结构

2-3-1-S1能熟练使用CSS3的选择器、背景、盒模型、渐变、多列布局等属性开发动态网页

2-3-1-K1掌握CSS3特性、动画效果、多列布局以及弹性布局的使用方法

2-3-2能运用MySQL数据库进行基本的数据管理工作

2-3-2-S2能使用MySQL基本操作进行数据管理

2-3-2-K2掌握MySQL中创建表、设置约束、设置自增型字段、表结构的复制、修改表、修改字段、修改约束条件、修改表名、删除表、数据的插入/修改/查询/存储、触发器、事务、视图的使用方法

2-3-3能使用PHP制作动态网页

2-3-3-S3能熟练使用PHP的编码技术操作Mysql数据库，进行动态网站开发。

2-3-3-S4能使用Session的操作、Cookie的操作开发动态网站

2-3-3-K3掌握PHP的基础操作、数组函数、面向对象、基本语法、数据类型、数据输出、编码规范、常量、变量、PHP运算符、数据类型转换、条件判断语句、循环控制语句、跳转语句和终止语句、一维数组、二维数组、遍历与输出数组、函数、PHP操作MySQL数据库、管理MySQL数据库中数据的使用方法

2-3-4能根据RESTfulAPI规范设计可用的API

2-3-4-S5能根据HTTP协议方法定义操作，能使用API进行数据筛选、支持大型二进制资源的部分响应与后端进行交互

2-3-4-K4掌握基本的API设计方法

2-3-5能使用Ajax创建动态网页

2-3-5-S6能熟练使用Ajax中的XML、JSON数据格式与网站后端进行数据交互

2-3-5-K5掌握Ajax技术，实现异步刷新，异步获取数据的使用方法

2-3-6能使用Laravel框架构建动态网站

2-3-6-S7能熟练使用Laravel的路由、控制器、Blade模板、前端组件构建动态网站

2-3-6-K6掌握Laravel框架构建动态网站的使用方法

2-4移动端静态网页开发

2-4-1能熟练使用HTML5编写移动端静态网页

2-4-1-S1能熟练使用HTML5新增语义化元素、页面增强元素与属性及多媒体元素等功能开发移动端页面

2-4-1-K1掌握HTML5新增全局属性、结构化与页面增强、表单标签、多媒体元素的使用方法

2-4-2能运用CSS3特性设计网站页面样式和结构

2-4-2-S2能使用CSS3的选择器、边框特性、新增颜色、字体、盒阴影、背景特性、盒模型、渐变功能设计移动端静态网页

2-4-2-K2掌握CSS3选择器、边框特性、颜色、字体、盒阴影、背景特性、盒模型、渐变功能的使用方法

2-4-3能使用JavaScript开发网站交互效果页面

2-4-3-S3能熟练使用JavaScript开发交互效果页面

2-4-3-S4能熟练使用运算等基础语言和内置函数实现数据交互

2-4-3-S5能熟练使用JavaScript对象和DOM编程实现交互效果页面

2-4-3-K3掌握JavaScript基础语言、函数、面向对象功能的使用方法

2-4-4能使用Bootstrap前端框架开发页面

2-4-4-S6能使用Bootstrap栅格系统、基本样式、组件、Less和Sass、插件、Bootstrap定制及优化、Bootstrap内核解码开发响应式页面

2-4-4-K4掌握Bootstrap布局、组件、基本样式、插件、组件的使用方法

2-5移动端静态网页美化

2-5-1能熟练使用HTML5编写静态网页

2-5-1-S1能熟练使用HTML5新增语义化元素、页面增强元素与属性及多媒体元素等功能美化页面

2-5-1-K1理解HTML5新增全局属性、结构化与页面增强、表单标签、多媒体元素的使用方法

2-5-2能使用CSS3新特性改变网站页面样式和结构

2-5-2-S2能熟练使用CSS3的选择器、

盒模型、过渡、动画等属性美化网页

2-5-2-S3使用em/rem/vw/vh等单位开发移动端网页，达到美化网页的效果

2-5-2-K2掌握CSS3选择器在页面中插入、各种盒子模型、背景样式使用方法

移动端动态网站开发

2-6移动端动态网页开发

2-6-1能使用MySQL数据库进行基本的数据管理工作

2-6-1-S1能使用MySQL基本操作进行数据管理

2-6-1-K1掌握MySQL中创建表、设置约束、设置自增型字段、表结构的复制、修改表、修改字段、修改约束条件、修改表名、删除表、数据的插入/修改/查询/存储、触发器、事务、视图的使用方法

2-6-2能使用PHP制作动态网页

2-6-2-S2能熟练使用PHP的编码技术操作MySQL数据库，进行动态网站开发。

2-6-2-S3能使用Session的操作、Cookie的操作开发动态网站

2-6-2-K2掌握PHP的基础操作、数组函数、面向对象、基本语法、数据类型、数据输出、编码规范、常量、变量、PHP运算符、数据类型转换、条件判断语句、循环控制语句、跳转语句和终止语句、一维数组、二维数组、遍历与输出数组、函数、PHP操作MySQL数据库、管理MySQL数据库中数据的使用方法

2-6-3能使用Ajax创建动态网页

2-6-3-S4能熟练使用Ajax的XML、JSON数据格式与网站后端进行数据交互

2-6-3-K3掌握Ajax技术，实现异步刷新，异步获取数据的使用方法

10.Web前端开发（高级）

10.1.培训学时：

320学时。

10.2.衔接中职专业：

10.3.衔接高职专业：

10.4.接续本科专业：

10.5.培养目标：

围绕互联网+、新兴技术行业带来的Web前端开发、移动端开发技术技能人才需求，以企业用人为导向，以岗位技能和综合素质为核心，培养具有良好职业道德和人文素养，掌握Web前端框