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

DCWIndustry Observation产业观察145数字通信世界2023.01职业院校“1+X ”证书制度是职业教育发展的重要基础和教育工作的关键点，提高对“1+X ”证书制度的重视，大力发展中国特色的职业教育，鼓励学生学习并获得各种技能等级证书，是职业院校践行“1+X ”证书制度的重点。

职业院校在Web 前端开发技能人才培养过程中应用这一制度，能够帮助教师对教学内容进行优化，改变教师传统教学方式，继而更好地激发学生的学习兴趣，使学生在教学活动中获得更高的参与感，促使学生能够更好地进步及发展。

1 市场对于Web前端开发技能人才的需求信息技术当下已经渗透到各个行业的发展过程之中，互联网已经成为人们学习、工作和生活中不可或缺的一部分。

互联网的发展是一个不断进步的过程，在这个过程中大部分互联网公司都逐渐认识到未来互联网要更好地发展，必须遵循“以人为本”的发展理念，提高对用户体验感和用户交互性的重视。

在进行前端设计时，需要遵循“精美、绚丽”的原则，这样才能够更好地吸引用户的注意力，使用户拥有更好的体“1+X ”证书制度下Web前端开发技能人才培养探究努尔古丽·朱玛别克（新疆应用职业技术学院，新疆 奎屯 833200）摘要：现阶段，随着我国教育发展水平的不断提高，国家对人才综合素质提出了更高要求。

新时期，职业教育逐渐成为教育体系的重要组成部分。

完整的教育体系包含学前教育、基础教育、高等教育及职业教育。

国家为促使职业人才综合素质不断提升，在2019年实行了“1+X 证书”试点工作，要求将这项制度运用到实际的人才培训过程之中。

这一制度的实行显著提高了职业人才的整体素质。

在信息技术在各个行业发展过程中占据的位置越来越关键，信息技术已成为行业发展“必需品”的背景下，Web前端开发技能人才培养成为职业人才培养的“当务之急”。

文章将围绕“1+X 证书制度下Web前端开发技能人才培养”这一话题进行研究和探讨。

《Web前端开发》课程标准一、课程基本信息表 1课程信息表表 2课程标准开发团队名单1注1：指参与课程标准制定的主要成员，包括校外专家二、课程定位和课程设计（一）课程性质与作用本课程是计算机应用技术专业的职业核心技术模块课程之一，是基于工作过程系统化的课程，是一门实践性和应用性都很强的课程。

为计算机应用技术专业学生将来从事职场的web前端开发岗位的发展打下良好基础，并为该专业后续网站开发与管理的学习打下网页前端设计基础。

（二）课程基本理念本课程的设计“以能力为本位、以职业实践为主线、以项目引导，以就业为导向”，打破了传统的按照知识体系教授课程的模式，以学生日后在从事Web前端开发行业中所需的实际技能为目标，进行基于工作项目和工作任务的课程开发与设计，既保证满足从事网站前端开发所必须的专业知识、专业技能，又保持原有知识体系的完整性，既培养了学生的职业能力，同时也为学生的可持续发展奠定了基础。

（三）课程设计思路本课程是以“基于工作过程”为指导，通过对Web前端开发所涉及到的岗位群进行工作任务和职业能力分析，以项目引导，以就业为导向，以培养学生的职业技能为目标、以学生为主体、以项目为载体，将知识、理论和实践一体化的课程设计思路。

在宏观教学设计上突破以知识点的层次递进为体系的传统模式，而是将职业工作过程系统化，以工作过程为参照系，按照工作过程来序化知识，培养学生规范、高效率、高质量地应用能力，使学生既学习岗位知识又培养学生职业素质，锻炼学生的方法能力与社会能力。

每个项目的学习以“做”为中心，教和学都围绕着做，在做中学，在学中做，做到“教、学、做”一体化，达到理论与实践的统一，同时注重培养学生的自主学习能力和职业素养的提升。

本课程思政内容及单元的知识、技能按照相应的专项能力在实际职业工作中出现的频度、内容的难度和要求掌握的程度进行排序，如下所示：课程思政内容：1.信息社会责任；2. 树立正确的技能观；3. 软件工匠精神培养。

说明为贯彻落实《国家职业教育改革实施方案》，积极推动学历证书+若干职业技能等级证书制度，进一步完善计算机软件行业技术技能专业标准体系，为技术技能人才教育和培训提供科学、规范的依据，工业和信息化部教育与考试中心依据当前计算机软件行业发展的实际情况，在实施工业和信息化人才培养工程Web前端开发专业技术技能人才培养项目的基础上，在教育部的指导下，组织有关专家，编写了《Web前端开发职业技能等级标准》（以下简称“标准”）。

本标准以客观反映现阶段软件开发和互联网行业技术发展水平及其对从业人员的能力要求为目标，明确了具有本专业职业技能的人员的工作领域、工作任务、技能要求和知识要求。

本标准采用功能分析法进行编写，遵循了有关技术规程的要求，既体现了以专业活动为导向、以专业技能为核心的特点，又保证了标准体例的规范化，同时，模块化的结构也使其具有根据技术发展进行调整的灵活性和实用性，以符合培训和评价工作不断发展的需要。

本标准将Web前端开发职业技能分为初、中、高三个等级，其中高级证书持有者具有复杂网页设计开发能力和网站架构设计规划能力；中级证书持有者具有动态网页设计开发能力；初级证书持有者具有静态网页开发能力。

本标准由工业和信息化部教育与考试中心组织编写，参加编写审订工作的主要人员有谭志彬、顾乃杰、朱卫东、何山、龚玉涵、贾振洋、吴善超、罗东阳、朱立、高飞、徐旭、骆彬彬、任远、杨亨冉等，在此表示感谢。

1.职业技能概况1.1名称Web前端开发1.2职业技能定义利用HTML、CSS、JavaScript、网页开发框架等专业知识、方法和工具将产品UI设计稿实现成网站的技能。

1.4职业技能等级本职业技能共设三个等级，分别为：初级、中级、高级。

1.5环境室内，常温。

1.6职业技能特征具有较强的逻辑思维能力，拥有良好的编写代码习惯，沟通能力强，具有运用色彩搭配、点线面布局来设计较好用户体验网站页面的能力。

1.7基本文化程度高中毕业（或同等学历）。

前端技术等级评分标准随着互联网的高速发展，前端技术作为信息技术领域的一个重要分支，发挥着越来越重要的作用。

前端开发人员在网页和移动应用程序的开发中扮演着关键的角色，他们需要具备一定的技术能力和专业知识。

为了更好地评估前端开发人员的技术水平，制定一套清晰的前端技术等级评分标准显得尤为重要。

一、评定等级的维度前端技术涉及的范畴广泛，常见的技术包括HTML、CSS、JavaScript等，而随着技术的不断更新，前端框架、库以及开发工具也是不断涌现。

在制定前端技术等级评分标准时，需要充分考虑技术的综合性、深度和广度。

评定等级的维度可包括但不局限于以下几个方面：1.技术基础2.项目经验3.技术深度4.前沿技术应用5.团队协作能力6.解决问题的能力二、评分标准的划分1.技术基础技术基础包括对HTML、CSS、JavaScript等基本的前端技术的熟练程度。

评分可根据候选人对这些基本技术的掌握程度和实际应用水平来进行评定。

2.项目经验项目经验反映了候选人在实际项目中的技术应用水平。

包括参与项目的规模、难度和实际贡献等方面的考量。

3.技术深度技术深度指的是候选人对某一具体前端技术的深入理解和应用能力。

比如在JavaScript领域，可以考察候选人对ES6、模块化、框架等方面的掌握程度。

4.前沿技术应用前沿技术应用则是对候选人对最新的前端技术趋势和发展方向的了解和实际应用情况的考察。

5.团队协作能力团队协作能力是指候选人在团队协作和沟通中的表现，包括对需求理解、任务分配、协同开发等方面的能力。

6.解决问题的能力解决问题的能力是指候选人在面对工作中遇到的各种技术问题时，能够快速准确地定位问题并给出解决方案的能力。

三、等级划分基于上述维度和评分标准的划分，可以将前端技术等级划分为入门级、初级、中级、高级和专家级。

不同等级对应不同的技术要求和能力水平，以及在实际工作中的角色和职责。

四、评定方法评定方法可以采用实际项目经验、技术考试、面试等多种手段相结合的方式进行。

Web前端开发职业技能标准串讲初级工业和信息化部教育与考试中心初级能力标准知识点解析➢1 Web页面制作基础➢2 HTML5和CSS3开发基础与应用➢3 JavaScript程序设计➢4 轻量级框架开发应用（1）Web简介（了解）（2）HTML语法基础（掌握）✓HTML基本结构、单双标签、标签属性、标签嵌套规则、注释（3）HTML文本图像元素（掌握、应用）✓标题和段落、图像（4）HTML超链接元素（掌握、应用）（5）HTML列表元素（掌握、应用）（6）HTML表单表格元素（掌握、应用）✓表单属性、表格结构（7）CSS基础（掌握）✓基础语法和选择器、CSS引用方式（8）CSS属性（掌握、应用）✓CSS背景色、背景图、字体、文字、列表、表格、内容（9）CSS盒子模型（掌握）✓盒子模型简介、块级元素和行内元素、盒子模型属性（10）CSS布局（掌握、应用）✓布局基本概念思想、float属性使用、clear属性、overflow属性、定位（相对、绝对、固定）（11）CSS兼容性处理（了解）初级能力标准知识点解析➢1 Web页面制作基础➢2 HTML5和CSS3开发基础与应用➢3 JavaScript程序设计➢4 轻量级框架开发应用（1）HTML5简介（了解）（2）HTML5新增元素（掌握、应用）✓文档结构元素、文本格式化元素、页面增强元素、多媒体元素（3）表单控件新增属性（掌握、应用）✓placeholder和required、multiple、form、formaction、formmethod、formenctype、formtarget、autocomplete、autofocus、pattern、novalidate、maxlength和Wrap、datalist、output.（4）CSS3新增选择器（掌握、应用）✓兄弟选择器、属性选择器、伪类选择器、伪元素选择器（5）CSS3新增属性（掌握、应用）✓颜色、字体、盒阴影、背景、圆角、动画、渐变、过渡、多列、弹性盒模型、2D、3D的功能初级能力标准知识点解析➢1 Web页面制作基础➢2 HTML5和CSS3开发基础与应用➢3 JavaScript程序设计➢4 轻量级框架开发应用（1）JavaScript语法基础（掌握）✓变量、关键字、数据类型、运算符（2）分支、循环语句（掌握）✓If、switch、for、for in、while、do-while （3）数组、字符串（掌握）✓数组方法、字符串方法（4）正则表达式（掌握）（5）对象（掌握、应用）✓属性、方法、遍历、JSON（6）对象（掌握、应用）✓属性、方法、遍历、JSON（7）函数（掌握、应用）✓自定义函数、内置函数、闭包、传址调用、传值调用（8）BOM对象（掌握）✓window、document、location、navigation、screen、history✓BOM操作3.1 JavaScript程序设计---知识点回顾（9）DOM对象（掌握、应用）✓DOM属性和方法✓DOM操作：节点的创建、获取和删除、DOM属性操作（10）JavaScript事件处理（掌握、应用）✓窗口事件、鼠标事件、键盘事件、事件冒泡与捕获（11）JavaScript面向对象使用（了解）初级能力标准知识点解析➢1 Web页面制作基础➢2 HTML5和CSS3开发基础与应用➢3 JavaScript程序设计➢4 轻量级框架开发应用（1）JQuery框架概述（了解）（2）JQuery选择器（掌握、应用）器、后代选择器、子代选择器，认识选择器对象、选择器对象遍历应用及页面初始化（3）JQuery中的DOM操作（掌握、应用）✓插入、删除、复制、克隆、替换HTML元素（4）JQuery事件（掌握、应用）✓常用事件方法：鼠标、键盘、事件冒泡、事件解除（5）JQurey效果（掌握、应用）✓JQuery动画：隐藏和显示、淡入淡出、滑动、animate动画（6）JQuery Ajax（掌握、应用）✓AJAX工作原理、✓AJAX原生写法、JQuery中AJAX语法✓JSON对象✓AJAX跨域初级知识点综合案例案例名称：京东商城首页web前端开发职业技能初级---综合案例web前端开发职业技能初级---综合案例☐案例实现：根据所给UI设计图和交互演示demo，制作静态页面。

1.1Web前端开发工程师职业技能和岗位职责1.1.1Web前端开发工程师简介Web前端开发工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。

Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。

在互联网的演化进程中，网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。

2005年以后，互联网进入Web 2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。

网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。

随着Web 2.0概念的普及和W3C组织的推广，网站重构的影响力正以惊人的速度增长。

XHTML+CSS布局、DHTML和Ajax像一阵旋风，铺天盖地席卷而来，包括新浪、搜狐、网易、腾讯、淘宝等在内的各种规模的IT企业都对自己的网站进行了重构。

为什么它们会对自己的网站进行重构呢？有两个方面的原因：第一，根据W3C标准进行重构后，可以让前端的代码组织更有序，显著改善网站的性能，还能提高可维护性，对搜索引擎也更友好；第二，重构后的网站能带来更好的用户体验，用XHTML+CSS重新布局后的页面，文件更小，下载速度更快。

网站重构的目的仅仅是为了让网页更符合Web标准吗？不是！重构的本质是构建一个前端灵活的MVC框架，即HTML作为信息模型（Model），CSS控制样式（View），JavaScript 负责调度数据和实现某种展现逻辑（Controller）。

同时，代码需要具有很好的复用性和可维护性。

这是高效率、高质量开发以及协作开发的基础。

DHTML可以让用户的操作更炫，更吸引眼球；Ajax可以实现无刷新的数据交换，让用户的操作更流畅。

对于普通用户来说，一个网站是否专业、功能是否强大，服务器端是用J2EE+Oracle的强大组合，还是用ASP+Access的简单组合，并没有太明显的区别。

Web全栈开发职业技能等级标准（2021年1.0版）腾讯科技（深圳）有限公司制定2021年3月发布目次前言﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍1 1范围﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍2 2规范性引用文件﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍2 3术语和定义﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍2 4适用院校专业﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍4 5面向职业岗位（群）﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍5 6职业技能要求﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍5参考文献﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍12前言本标准按照GB/T1.1-2020《标准化工作导则第1部分：标准化文件的结构和起草规则》的规定起草。

本标准起草单位：腾讯科技（深圳）有限公司。

本标准主要起草人：王辉、江源、魏蒙、郭亮、胡菡、陈金朋、赵秉强、张梓雄、张鹏。

声明：本标准的知识产权归属于腾讯科技（深圳）有限公司，未经腾讯科技（深圳）有限公司同意，不得印刷、销售。

1范围本标准规定了Web全栈开发职业技能等级对应的工作领域、工作任务及职业技能要求。

本标准适用于Web全栈开发职业技能培训、考核与评价，相关用人单位的人员聘用、培训与考核可参照使用。

2规范性引用文件下列文件对于本标准的应用是必不可少的。

凡是注日期的引用文件，仅注日期的版本适用于本标准。

凡是不注日期的引用文件，其最新版本适用于本标准。

GB-T5271.1-2000信息技术词汇第1部分：基本术语GB/T18792-2002信息技术文件描述和处理语言超文本置标语言(HTML)GB_T37668-2019信息技术互联网内容无障碍可访问性技术要求与测试方法3术语和定义GB-T5271.1-2000、GB_T37668-2019、GB/T18792-2002界定的以及下列术语和定义适用于本文件。

JA V A应用开发职业技能等级标准（2021年1.0版）北京中软国际信息技术有限公司制定2021年3月发布目次前言﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍1 1范围﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍2 2规范性引用文件﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍2 3术语和定义﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍2 4适用院校专业﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍3 5面向职业岗位（群）﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍4 6职业技能要求﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍4参考文献﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍11前言本标准按照GB/T1.1-2020《标准化工作导则第1部分：标准化文件的结构和起草规则》的规定起草。

本标准起草单位：北京中软国际信息技术有限公司、中软国际科技服务有限公司、中软国际(中国)科技有限公司、中国软件与技术服务股份有限公司、中国软件行业协会、上海华腾软件系统有限公司、大连华信计算机技术股份有限公司、北京北控三兴信息技术有限公司、腾讯云计算（北京）有限责任公司、广东科学技术职业学院、北京信息职业技术学院、常州信息职业技术学院、陕西国防工业职业技术学院、南通职业大学、山西机电职业技术学院、哈尔滨职业技术学院、贵州轻工职业技术学院、重庆工业职业技术学院、北京交通职业技术学院、渤海船舶职业学院、北京市大兴区第一职业学校。

本标准主要起草人：徐建民、熊君丽、周海、李修霖、姜楠、徐红波、成焕、宋丹、刘玉海、罗春红、郭立文、许秀林、程庆梅、曾文权、吴洪贵、宋磊、吕志君、李粉霞、陈根琴、何静、朱利华。

声明：本标准的知识产权归属北京中软国际信息技术有限公司，未经北京中软国际信息技术有限公司同意，不得印刷、销售。

1范围本标准规定了JAV A应用开发职业技能等级对应的工作领域、工作任务及职业技能要求。