Web前端开发职业技能等级标准.pdf
“1+X”证书制度下Web前端开发技能人
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前端开发》课程标准(含课程思政)
《Web前端开发》课程标准一、课程基本信息表 1课程信息表表 2课程标准开发团队名单1注1：指参与课程标准制定的主要成员，包括校外专家二、课程定位和课程设计（一）课程性质与作用本课程是计算机应用技术专业的职业核心技术模块课程之一，是基于工作过程系统化的课程，是一门实践性和应用性都很强的课程。
为计算机应用技术专业学生将来从事职场的web前端开发岗位的发展打下良好基础，并为该专业后续网站开发与管理的学习打下网页前端设计基础。
（二）课程基本理念本课程的设计“以能力为本位、以职业实践为主线、以项目引导，以就业为导向”，打破了传统的按照知识体系教授课程的模式，以学生日后在从事Web前端开发行业中所需的实际技能为目标，进行基于工作项目和工作任务的课程开发与设计，既保证满足从事网站前端开发所必须的专业知识、专业技能，又保持原有知识体系的完整性，既培养了学生的职业能力，同时也为学生的可持续发展奠定了基础。
（三）课程设计思路本课程是以“基于工作过程”为指导，通过对Web前端开发所涉及到的岗位群进行工作任务和职业能力分析，以项目引导，以就业为导向，以培养学生的职业技能为目标、以学生为主体、以项目为载体，将知识、理论和实践一体化的课程设计思路。
在宏观教学设计上突破以知识点的层次递进为体系的传统模式，而是将职业工作过程系统化，以工作过程为参照系，按照工作过程来序化知识，培养学生规范、高效率、高质量地应用能力，使学生既学习岗位知识又培养学生职业素质，锻炼学生的方法能力与社会能力。
每个项目的学习以“做”为中心，教和学都围绕着做，在做中学，在学中做，做到“教、学、做”一体化，达到理论与实践的统一，同时注重培养学生的自主学习能力和职业素养的提升。
本课程思政内容及单元的知识、技能按照相应的专项能力在实际职业工作中出现的频度、内容的难度和要求掌握的程度进行排序，如下所示：课程思政内容：1.信息社会责任；2. 树立正确的技能观；3. 软件工匠精神培养。
1+X web前端开发
说明为贯彻落实《国家职业教育改革实施方案》，积极推动学历证书+若干职业技能等级证书制度，进一步完善计算机软件行业技术技能专业标准体系，为技术技能人才教育和培训提供科学、规范的依据，工业和信息化部教育与考试中心依据当前计算机软件行业发展的实际情况，在实施工业和信息化人才培养工程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前端开发职业技能标准串讲初级
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 ×××××××职业技能等级要求（初级）
工作领域
工作任务
1.×××××× 1.1××××××
职业技能要求
1.1.1××××××××××××××××× ×××××××××××××。 1.1.2××××××××××××××××× ×××××××××××××。 1.1.3××××××××××××××××× ×××××××××××××。 ……
3
﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍××
4
﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍××
5
﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍××
6
﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍××
﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍××
— 12 —
前言
GB/T 1.1-2009 声明：本标准的知识产权归属于×××，未经×××同意，不得印刷、销售。
— 10 —
附录
职业技能等级标准编排格式
XXXXXX 职业技能等级标准
（20××年×.0版）
××××× 制定 20××年××月 发布
— 11 —
目次
Hale Waihona Puke ﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍××
1 ﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍××
2
﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍××
【职业技能名称】（高级）：×××××××××××××××××××××× ×××××××××××××××××××××××××××××。
撰写格式可参照但不限于以下示例。 示例一： 【Web 前端开发】（初级）：主要面向各企事业单位、政府部门等的信息化数字化 部门，从事静态网页制作、响应式页面搭建等工作，根据视觉和交互原型要求实现网 站页面和交互效果。
1-Web前端开发职业标准串讲(中级)-终稿
Web前端开发职业技能中级----CMS项目实践
EasyUI 分层树形网络属性
名称 url
method rownumbers treeField idField
类型 string
string boolean string string
描述
定义用以载入远 程数据的超链接 地址
Web前端开发职业技能等级标准
Web前端开发职业技能中级----CMS项目实践
添加内容
• 采用自定义函数实现“新增文章”链接功能 • 单击“新增文章”链接将调用JS自定义函数 addArticle()
Web前端开发职业技能等级标准
Web前端开发职业技能中级----CMS项目实践
EasyUI 日期框
PHP标记符、注释、数据类型、数据输出、编码规范、变量、 常量、运算符、数据类型转换、控制语句、数组、函数
（4）函数（掌握、应用） 字符串函数、数学函数、日期函数、数组函数
（5）PHP图形图像处理（GD库）（掌握）
Web前端开发职业技能等级标准
2.1 PHP技术与应用---知识点回顾
（6）PHP文件系统处理（掌握） 文件操作、目录操作
Web前端开发职业技能等级标准
中级能力标准知识点解析
1 MySQL数据库基础与应用 2 PHP技术与应用 3 Web前后端交互技术 4 响应式开发技术
Web前端开发职业技能等级标准
2.1 PHP技术与应用---知识点回顾
（1）PHP概述与工作原理（了解） （2）PHP环境搭建与安装（掌握） （3）PHP语言基础（掌握）
（6）SASS（掌握） SASS概述、安装配置、基础语法
Web前端开发职业技能等级标准
Web前端开发工程师职业技能和岗位职责
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的简单组合，并没有太明显的区别。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
本标准采用功能分析法进行编写，遵循了有关技术规程的要求， 既体现了以专业活动为导向、以专业技能为核心的特点，又保证了标 准体例的规范化，同时，模块化的结构也使其具有根据技术发展进行 调整的灵活性和实用性，以符合培训和评价工作不断发展的需要。
Web 前端开发职业技能初、中、高三个级别的考核方式为闭卷考 试，采用上机考试形式。考试包括理论考试和实操考试两部分。
理论考试试卷满分 100 分，共 50 道试题，其中单选题 30 道，多 选题 15 道，判断题 5 道；实操考试试卷满分 100 分，试卷含 3-5 道实 践性试题，试题形式包括案例分析、软件代码编码或是网页效果呈现 等。理论考试与实操考试合格标准均为 60 分，两部分考试成绩均合 格的学员可以获得相应级别的职业技能等级证书。 4. 标准主要特点
1-5-1 能使用 HTML5 美化静 态网页
1-3-1-K1 了解 CSS3 特性、CSS3 动画效果、多列布局以及弹性 布局的使用方法
7
移动 端静 态网 站开 发
1-4 移 动端 静态 网页 开发
1-5 移 动端 静态 网页 美化
1-4-1 能使用 HTML5 制作移 动端静态网页
1-4-2 能使用 CSS3 新特性开 发页面样式
1-4-3 能使用 JavaScript 开发交 互效果页面
本标准将 Web 前端开发职业技能分为初、中、高三个等级，其 中高级证书持有者具有复杂网页设计开发能力和网站架构设计规划 能力；中级证书持有者具有动态网页设计开发能力；初级证书持有者 具有静态网页开发能力。
本标准由工业和信息化部教育与考试中心组织编写，参加编写审 订工作的主要人员有谭志彬、顾乃杰、朱卫东、何山、龚玉涵、贾振 洋、吴善超、罗东阳、朱立、高飞、徐旭、骆彬彬、任远、杨亨冉等， 在此表示感谢。
1-1-2-K3 掌握 CSS 的选择器、 单位、字体样式、文本样式、 颜色、背景功能 1-1-2-K4 掌握 CSS 的区块、网 页布局属性的功能
1-1-3-S6 能使用 JavaScript 开发交互 效果页面 1-1-3-S7 能正确选择数据类型、设置 变量，能使用运算等基础语言和内置 函数实现数据交互 1-1-3-S8 能正确使用 JavaScript 对象和 DOM 编程实现交互效果页面
1-1-3-K5 掌握 JavaScript 基础语 言、函数、面向对象的功能
1-1-4-S9 能使用 jQuery 选择器、jQuery 中的 DOM 操作、滚动、图表、布局、 1-1-4-K6 掌握 jQuery 中选择、 文字处理及 UI 等插件、jQuery 事件 插件、事件和动画的功能 和动画等功能开发交互效果页面
1
1.8.2 培训教师 企业在职工程师、双师型教师、院校教师。
1.8.3 培训场所设备 计算机、移动终端、服务器、网络交换机、路由器等。
2. 教材 每个级别分别配套有《Web 前端开发》（工业和信息化人才培养
工程系列丛书，1+X 证书制度试点培训用书）教材上、下两册，共有 6 本教材。教材与本标准对应，是实施培训的参考依据。 3. 考核方式
Web 前端开发工作的基本尺度和规范, 能够反映当下时期内 Web 前
端开发职业教育的人才培养质量规格。
5. 职业素养要求
类别
内
容
自觉遵守中国软件行业基本公约。
职业道德
有良好的知识产权保护观念和意识，自觉抵制各种违反知识产权 保护法规的行为。
能自觉遵守企业规章制度与产品开发保密制度。
遵守有关隐私信息的政策和规程，保护客户隐私。
6
页）制作、动画效果制作等实际项目。
8.9. 能力标准与知识要求：
工作 领域
工作 任务
职业技能
技能要求
知识要求
Байду номын сангаас
1-1-1 能使用 HTML 制作静态 网页
1-1-1-S1 能使用 HTML 文本标签、头 部标记、页面创建超链接 1-1-1-S2 能使用创建表格表单功能搭 建静态网页
1-1-1-K1 掌 握 HTML 文 本 标 签、头部标记功能 1-1-1-K2 掌握页面创建超链接、 创建表格表单功能
4
（4）分析职业技能所关联的“技能要求”和“知识要求”。 在结构上, 本职业技能标准包括五个要素： （1）工作领域：这是职业技能标准按照工作职责大目标划分后 形成的单位； （2）工作任务：这是职业技能标准的基本组成单位, 某一工作 任务可以看作是对某一主要工作内容或应完成功能的概括； （3）职业技能：是工作任务的基本组成单位, 可以看作是对具 有相对独立价值的某一次级功能所要求能力的描述； （4）技能要求：即每项能力要素所应达到的操作水平。技能要 求在语义内容上一般包括所应达到的操作结果, 以及判断操作是否 达到所要求结果的评判标准。 （5）知识要求：阐明具有每项技能所应掌握、了解的知识。
2
种复杂的交互与优化等知识和能力等模块。面向的主要岗位包括网页
设计、网页制作、响应式页面搭建、移动网页制作与设计、网站搭建
（门户（行业）网站、交易类网站、企事业网站、娱乐性质网站）、
网站规划与设计等。
本标准的核心内容，来源于社会对 Web 前端开发职业活动质量
的要求, 是衡量从业者 (包括正在接受教育与培训的准从业者) 胜任
能够根据产品经理和主管的要求修改完善软件，提高代码质量。
开发过程应遵循企业标准，应依据需求说明书客观地验证软件开 发产品。
能够与客户和主管及时沟通前端开发任务需求和项目进度状况。 服务意识
能及时收集用户反馈，提升前端开发成果的实用性、易用性。
3
学习意识
能自觉跟踪前端开发技术发展动态，积极参与各种技术交流、技 术培训和继续教育活动。 依据文档编制规范，自觉学习，提高程序编写文档的规范性、准 确性和易读性。 学习标准和操作规范，提高对所使用的软件和相关文档的理解能 力，以及对这些软件和文档将要应用的环境的理解能力。 善于总结开发工作经验，不断提高在合理的时间内以合理的费用 创建安全、可靠和高质量软件的能力。
1. 职业技能概况 1.1 名称
Web 前端开发 1.2 职业技能定义
利用 HTML、CSS、JavaScript、网页开发框架等专业知识、方法 和工具将产品 UI 设计稿实现成网站的技能。 1.4 职业技能等级
本职业技能共设三个等级，分别为：初级、中级、高级。 1.5 环境
室内，常温。 1.6 职业技能特征
5
8．Web 前端开发（初级） 8.1. 培训学时：96 学时。 8.2. 衔接中职专业：通信技术、电子与信息技术、电子技术应
用、计算机应用。 8.3. 衔接高职专业：计算机应用技术、计算机信息管理、软件
技术、软件与信息服务。 8.4. 接续本科专业：计算机科学与技术、电子信息工程、电子
科学与技术、软件工程。 8.5. 培养目标：围绕互联网+、新兴技术行业带来的 Web 前端
1-2-1-K1 了 解 CSS3 新 增 选 择 器边框新特性、新增颜色、字 体的功能
1-2-2-K2 理解并掌握 HTML 文 本标签、头部标记、页面创建 超链接、创建表格表单等功能 的使用方法
动态 网站 搭建
1-3 动 态网 页开 发
1-3-1 能使用 CSS3 新特性开 发动态页面样式
1-3-1-S1 能使用 CSS3 特性、动画效 果、多列布局以及弹性布局开发动态 网页
附件 2-2
职业技能等级标准
Web 前端开发
工业和信息化部教育与考试中心 2019 年 3 月
说明
为贯彻落实《国家职业教育改革实施方案》，积极推动学历证书 +若干职业技能等级证书制度，进一步完善计算机软件行业技术技能 专业标准体系，为技术技能人才教育和培训提供科学、规范的依据， 工业和信息化部教育与考试中心依据当前计算机软件行业发展的实 际情况，在实施工业和信息化人才培养工程 Web 前端开发专业技术 技能人才培养项目的基础上，在教育部的指导下，组织有关专家，编 写了《Web 前端开发职业技能等级标准》（以下简称“标准”）。
1-2 静态 网页 美化
1-2-1 能使用 CSS3 新特性开 发页面样式
1-2-2 能使用 HTML 标签美化 页面
1-2-1-S1 能使用 CSS3 的选择器、边 框特性、颜色、字体功能美化网页
1-2-2-S2 能使用 HTML 文本标签、图 像、头部标记、页面创建超链接、创 建表格表单及 iframe 框架等功能美化 网页
本标准的开发遵循了整体性、规范性、实用性、可操作性等原则。 本标准的开发，充分考虑到了 Web 前端开发从业人员的职业发 展路径与成长路径，以职业素养、职业技能、知识水平为主要框架结 构，设计了 HTML 基础及 HTML5 标签、CSS 及 CSS3 应用、JavaScript 基本语法与高级编程、ES6 标准、数据库应用、项目模块化开发、各
具有积极协助配合同事完成开发任务的意识。
合作意识 质量意识
讲诚信，坚决反对各种弄虚作假现象，对已经承诺的事，要保证 做到。 能够与项目组人员沟通协调，确定自己的开发任务，理解团队开 发任务。 遵循从软件需求分析到软件验收完成整个软件生命周期的标准 规范。 执行和遵守软件开发所需的方法、时间进度、制度控制和相关软 件开发事项。
开发技术技能人才需求，培养具有良好职业道德和人文素养，掌握 Web 前端开发基础知识，具备静态网页设计、开发、调试、维护等能 力，能从事 Web 前端软件编码、软件测试、软件技术服务等工作的 初级技术技能人才。
8.6. 就业方向：主要面向各企事业单位、政府部门等的信息化 数字化部门，从事静态网页制作、响应式页面搭建等工作，根据视觉 和交互原型要求实现网站页面和交互效果。