浅析基于Web前端开发的1+X证书的人才培养方案

周 健

（武汉职业技术学院计算机技术与软件工程学院，湖北武汉 430074）

引言：

随着互联网行业的发展，尤其是在一些大中型互联网公司，网站开发的相关岗位越来越走向细分，网站美工，UI/UE设计，前端开发，后端开发(服务器开发)等岗位，既分工明确，而且还需要紧密配合，在2010年左右，前端开发工程师已成为一个独立存在，并具有大规模招聘需求的岗位。

Web前端开发岗位群主要包括网页设计，网页制作，响应式页面搭建，移动网页制作与设计，UI设计,HTML5开发，前端开发,网站搭建，网站规划与设计，2017年，仅智联招聘网站就提供了web前端开发招聘岗位136,848人/年。

Web前端用人数量已经远远超过主流编程语言如Java、ASP的开发人员的数量。从百度、京东、智联2017年招聘要求显示，企业并不偏爱只会JS、HTML5、CSS的技能单一型求职者，而是热衷聘用一人多技的复合型人才。因此，Web前端开发技术技能人才的培养是互联网应用行业持续发展，对人才队伍建设的客观需要。

1 Web前端开发人才培养方案中1+X证书的等级划分及技能点剖析

2019年4月，教育部职业教育与成人教育司发布《关于在院校实施“学历证书+若干职业技能等级证书”制度试点方案》，有6个专业的6种职业技能等级证书启动试点，包括汽车运用与维修、智能新能源汽车、Web前端开发、建筑信息模型（BIM）、物流管理、老年照护等。试点院校一般为省级及以上示范（骨干、优质）高等职业学校。

Web前端开发职业技能分为初、中、高三个等级。

1.1 初级证书技能点剖析

围绕互联网+、新兴技术行业带来的人才需求，培养具有良好职业道德和人文素养，掌握Web前端开发基础知识，具备静态网页开发的设计、调试、维护等能力，能从事Web前端软件编码、软件测试、软件技术服务等工作的初级技术技能人才。其主要职业能力：1)具有前端开发新知识、新技能的学习能力和创新创业能力；2)具备网站设计与制作能力；3)具备网页动画交互与数据交互能力。

在静态网页开发和美化中，能使用HTML文本标签、头部标记、页面创建超链接、创建表格表单功能搭建静态网页；能使用CSS开发网页样式，能正确使用CSS选择器、单位、字体样式、文本样式、颜色、背景、区块、网页布局属性等功能，能正确运用Hack原理；能使用JavaScript开发网页交互效果，能正确选择数据类型、设置变量，能正确使用运算等基础语言和内置函数，能正确使用JavaScript对象和DOM编程；能使用jQuery选择器、jQuery中的DOM操作、滚动、图表、布局、文字处理及UI等插件、jQuery事件和动画等功能开发交互效果页面；能使用CSS3的新增选择器、边框新特性、新增颜色、字体、盒阴影、背景特性、盒模型、渐变、过渡、多列布局、弹性布局等功能修饰网页；能使用HTML文本标签、图像、头部标记、页面创建超链接、创建表格表单及iframe框架等功能美化网页，理解并掌握HTML文本标签、头部标记、页面创建。

关于动态网站搭建，要求能使用CSS3的选择器、边框、颜色、文本效果、字体、盒阴影、背景、盒模型、渐变、过渡、动画、多列布局、弹性布局开发动态网页。

1.2 中级证书技能点剖析

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

在静态网站搭建中，关于静态网页的开发，要求能熟练使用HTML编写静态网页，使用CSS开发网站页面样式，能使用JavaScript开发网站页面交互效果，能运用jQuery进行网站页面交互效果的开发，能使用Bootstrap进行响应式页面开发，能使用CSS3新特性改变网站页面样式和结构，能运用HTML各种标签美化原有静态网页。

对于动态网站搭建，要求能运用CSS3新特性改变网站页面样式和结构，能使用MySQL数据库进行基本的数据管理工作，能使用PHP制作动态网页，能使用基本的API设计方法设计可用的API，能使用Ajax创建快速动态网页，能使用Laravel框架构建动态网站。

1.3 高级证书技能点剖析

围绕互联网+、新兴技术行业带来的Web前端开发、移动端开发技术技能人才需求，以企业用人为导向，以岗位技能和综合素质为核心，培养具有良好职业道德和人文素养，掌握Web前端框架应用、性能优化与自动化技术等知识，具备前端架构、移动智能终端开发、组件化开发等能力，能从事Web前端架构设计、技术选型、组件化等工作的高级技术技能人才。主要职业能力：1）具有前端新知识、新技能的学习能力和创新创业能力；2）具备前端架构设计能力；3）具备移动端开发能力；4）具备前端组件化能力；5）具备网站性能优化能力。

高级证书专业能力在静态网页开发，静态网页美化，动态网页开发上，要求能更熟练应用与维护，在架构设计上，要求能使用ES6新规范构建前端程序，能使用nodejs构建高性能服务器端环境，能掌握Vue前端框架并可以完成组建封装网站性能优化，能熟练使用HTML、CSS代码结构优化，能进行图片资源优化，能进行前端资源加载优化，能熟练使用Webpack分析项目结构，并将JavaScript模块及其他浏览器不能直接运行的拓展语言打包为合适的格式以供浏览器使用。

2 Web前端开发人才就业前景分析

具有初级证书的Web前端开发人才，其就业方向主要面向各企事业单位、政府部门等的信息化数字化部门，从事静态网页制作、响应式页面搭建等工作，根据视觉和交互原型要求实现网站页面和交互效果。

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

具有高级证书的Web前端开发人才，其就业方向主要面向IT互联网企业、互联网转型的传统型企事业单位、政府部门等的软件研发、软件测试、系统运维部门，从事前端架构设计、移动端项目开发、智能设备前端开发、组件和类库编写等工作，根据网站开发需求，进行架构设计并管理实施解决方案。

3 结束语

前端开发技术主要用于前后端分离、构建应用、微前端架构等方面。在传统Web开发时代，前端页面模板是由后端生成的，导致在页面需要频繁修改，效率极低。前后端分离指的是后端只提供接口，前端对页面有完整控制，同时通过中间层将前后端隔开，在这里对数据进行抽取、聚合、分发等操作。微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署。

Web前端技术应用领域广泛，不仅需要充分了解用户的需求，还要运用有效的设计思想和设计手段，遵循严谨的设计步骤，与时俱进，才能达到预期的目标。