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

标准代码（2021年2.版工业和信息化部教育与考试中 制2021年12 发 前言﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍范围﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍规范性引用文件﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍术语和定义﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍适用院校专业﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍面向职业岗位（群）﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍参考文献﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍14 本标准按照GB/T1.1-20201部分：标准化文件的结构和起草本标准规定了Web前端开发职业技能等级对应的工作领域、工作任务及职业技能要求。本标准适用于Web前端开发职业技能培训、考核与评价，相关用人单位的人员聘用、培训与考核可参照使用。GB/T8567-2006GB/T30971-2014软件工程用于互联网的推荐实践网站工程、网站管理和网站GB/T11457-2006信息技术软件工程术语GB/T11457-2006界定的以及下列术语和定义适用于本标准网页Web[/30971-2014，定义3.1网站Web[/30971-2014，定义兼容性[/11457-2006超文本标记语言HTML是一种用来定义内容，布局和网页文件格式的标签设置。Web浏览器使用[w3c术语和词典（W3CGsaand是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的语言，用于为HTML文档定义布局。[w3c术语和词典（W3CGsaand[w3c术语和词典（W3CGsaand会话[w3c术语和词典（W3CGsaand浏览器缓存[/30971-2014，定义对象[/11457-2006，定义200复用[/11457-2006，定义数据库[/11457-2006接口[/11457-2006模块[/11457-2006性能[/11457-2006，定义Web前端开发职业技能等级分为三个等级：初级、中级、高级，三个级别依次递进，高级别涵盖低级别职业技能要求。【Web前端开发】（初级）：主要面向IT【Web前端开发】（中级）：主要面向IT互联网企业、互联网转型的传统型企【Web前端开发】（高级）：主要面向IT互联网企业、互联网转型的传统型企表1Web前端开发职业技能等级要求（初级1静态网HTML静能使用iframe1.2HTML5能使用HTML5语义化元素搭建页面主体结构能使用HTML5新特性制作移动端静态网页1.3CSS网能使用CSS选择器获取网页元素1.4CSS3网能使用CSS3新增选择器获取网页元素能使用CSS3动画、过渡等完成网页动态效果能使用CSS3多列布局弹性布局等设计网页布局2t网页编能在网页中正确引入JavaScript能使用JavaScript型、变量、运算符、流程控制语句等编写JavaScript序。能使用JavaScript能使用JavaScript作。能使用浏览器控制台调试JavaScript能使用字面量方式创建JavaScript能使用构造函数方式创建JavaScript能使用Window能使用DOM对象操作网页元素能使用JavaScript能使用JavaScript3轻量级能在网页中引入jQuery能使用jQuery能使用jQuery能使用jQuery3.2jQuery动能使用jQuery能使用jQuery3.3jQuery插能在网页中引入jQuery能使用常用的jQuery3.2.3能使用jQueryUI插件开发交互效果页面表2Web前端开发职业技能等级要求（中级1.静态网能在页面中引入Bootstrap能使用Bootstrap1.1.4能使用Bootstrap前端框架的组件进行快捷开1.2响应式网能使用Bootstrap1.3Web前后能理解RESTfulAPI设计规范，并调用API能使用Ajax2.MySQLMySQL装能安装MySQL数据库能进行MySQL数据库的配置能启动MySQL服务并登录MySQL数据库2.2SQL编能使用SQL语句创建、修改、删除数据库能使用SQL语句创建表、复制表结构、删除表、约束条件、修改表名。能使用SQL语句创建索引、删除索引能使用SQL语句插入、修改、删除数据能使用SQL语句进行数据的查询2.3MySQL3.PHP动网站制作PHP基能搭建和配置PHP开发环境能使用PHP的类和对象、继承、接口、抽象类3.2PHP能在网页中嵌入PHP脚本代码能使用PHP进行页面跳转能使用PHP超级全局变量进行网页编程能使用PHP操作Session和Cookie3.3PHP数能掌握PHP常用数据库的操作方法能编写预处理SQL语句完成数据库操作能使用PHP编程完成MySQL删除和查询操作。3.4PHP框能应用MVC程序设计的方法能使用PHPMVC框架完成MySQL数据库的新增、修能根据项目特点，使用Laravel或ThinkPHP构建动态网站24.Java动能搭建和配置Java开发环境能使用Java的类和对象、继承、接口、抽象类能使用JSP脚本语法编写JSP页面能使用Servlet技术编写JavaWeb能使用Java操作Session和Cookie能使用JSP和Servlet4.3Java数据能掌握Java常用的数据库操作方法能编写预处理SQL语句完成数据库操作4.4Java框架能使用Spring框架构建JavaWeb能使用SpringMVC能使用MyBatis框架完成MySQL改、删除和查询操作。能整合Spring、MyBatis和SpringMVC框架构建1：PH动态网站搭建”与“Jav动态网站搭建”在教学时可二选一。注2：LarveThikPH框架构建动态网站”在教学时可二选一。表3Web前端开发职业技能等级要求（高级1.静态网站能使用Canvas绘制图表、动画能创建SVG二维矢量图形1.2CSS预处理能使用Less的基本语法编写网页样式能使用Sass的基本语法编写网页样式能将Less和Sass代码编译成CSS代码1.3ES9能使用let和const关键字声明变量和常量能使用ES9解构赋值进行变量的赋值能使用ES9模块封装和复用代码能使用ES9构建前端程序1.4Vue.js前端能引入Vue.js前端框架能使用常用UI能使用Vuex管理用户状态能使用Axios能使用VueCLI能安装Node.js能配置Node.js能使用Node.js交互模式运行JavaScript代码2.2Node.js模能使用JavaScript能使用NPM管理包和模块2.3Node.js服能使用HTTP模块创建Web服务器并监听端口能使用HTTP模块接收用户的HTTP请求能使用HTTP模块设置HTTP请求响应2.4Express框能引入Express能使用Express框架创建Web服务器并监听端口能使用中间件、路由响应HTTP请求2.3.4能使用Express能根据网站项目特点设计前后端分离架构的API3.2RESTfulAPI能使用RESTfulAPI设计跨平台跨语言的数据接能阅读和编写RESTfulAPI3.3网站接口能根据RESTfulAPI接口规范和设计，选用适当的4.网站性能能分析HTML、CSS、JavaScript代码结构能运用JavaScript代码合并、JavaScript载、DOM操作等优化JavaScript代码。4.2前端资源能使用HTTP缓存优化前端资源加载.1能安装和配置Webpack4.3.2能使用Webpack4.3Webpack网4.3.3能使用Webpack将JavaScript模块及其他浏览4.3.4能使用