刘小园 戴春平

(1.罗定职业技术学院 信息工程系，广东 罗定 527200；2.广东食品药品职业学院 软件学院，广东 广州 510520)

0 引言

为了深化复合型技术技能人才培养培训模式改革，夯实学生可持续发展基础，2019年2月国务院印发了《国家职业教育改革实施方案》(以下简称“职教20条”)，方案中明确规定要在职业院校、应用型本科高校启动1+X证书制度试点工作，鼓励职业院校学生在获得学历证书的同时，积极取得多类职业技能等级证书[1]。Web前端开发职业技能等级证书是首批启动的6个职业技能等级证书之一，广东食品药品职业技术学院是Web前端开发职业技能等级证书的首批试点院校之一，于2019年12月28日组织了Web前端开发职业技能等级证书初级考试，培训200余人，参加考证的学生45人，合格以上34人，考证合格率高达75.6%，是全国平均34.76%的实考合格率的1倍多。为了进一步推动1+X证书制度试点工作在职业院校的实施和改进，在1+X证书制度下进一步完善高职院校相关教育教学标准体系，特别是作为落实教学计划、执行专业人才培养方案和实现培养目标最基本的纲领性教学文件的课程标准的制定，关系到高职教与学的效果和人才培养的质量[2]。Web前端开发课程作为Web前端开发职业技能等级中级的核心课程，如何以岗位技能目标达成为导向，以提升学生就业竞争力和可持续发展为目标，在1+X证书制度下，按照高职院校学生达到的“中级”职业技能等级的要求，研究制定Web前端开发课程标准有效促进“课证融合”，就显得尤为重要。

1 Web前端开发课程岗位能力分析

Web前端开发是软件技术专业核心课程，主要对接的岗位有网页设计师和网站管理员，岗位核心能力是具备桌面应用程序及Web应用程序开发能力。课程通过讲授以下主要教学内容来实现岗位能力培养。使用HTML5和CSS3进行页面基础布局的搭建与样式美化；利用JavaScript进行动画效果与用户交互逻辑的编写；利用Bootstrap搭建后台开发框架并创建数据库；编写后台逻辑代码；实现前后端数据交互处理；运用HTML5与CSS3进行页面美化与性能调优；利用服务器进行网站发布。课程具体的岗位能力目标概括为以下四点：

(1)具备基本的HTML5编程能力，制作网站前期的策划能力；

(2)具备使用HTML5+CSS3进行网页整体布局和局部设计美工能力；

(3)具备利用JavaScript或其他工具进行数据交互能力；

(4)具备运用Bootstrap进行响应式网站开发能力。

2 Web前端开发职业技能等级证书职业技能要求分析

职业技能等级证书是体现毕业生职业技能水平的重要凭证，可以较好地反映职业活动和个人职业生涯发展所需要的综合能力，职业技能等级证书的取得是提升高职毕业生就业竞争力的有效手段。Web前端开发职业技能等级证书分为初、中、高三个等级，每个等级的职业技能要求有所差别，其中高级证书职业技能总体要求是具有复杂网页设计开发能力和网站架构设计规划能力；中级证书职业技能总体要求是具有动态网页设计开发能力；初级证书职业技能总体要求是具有静态网页开发能力。按照高职毕业生对应中级证书职业技能的标准， Web前端开发对接具体岗位及教学目标，课程对应的Web前端开发职业技能等级证书(中级)职业技能具体要求见表1。

表1 Web前端开发职业技能等级证书(中级)职业技能要求

3 基于课程岗位能力与证书职业技能对接的Web前端开发课程标准制定及实践效果

“职教20条”要求2019年启动1+X 证书制度试点工作，是对我国职业教育改革的重要部署，也是对职业教育的重大创新[3]。1+X 证书制度中“1”代表学历证书，“X”代表若干职业技能等级证书。学历证书是培养德智体美劳全面发展的高素质复合型技术技能人才的主渠道，职业技能等级证书主要突出职业技能的培养和考核。通过校企深度融合，引入行业和企业开发的等级证书、允许学生跨专业跨学科考证等，不仅丰富和深化了学历教育的内容，还使得高等职业教育能紧跟产业发展的新需求，为高等职业教育培养跨行业、跨等级的复合型技术技能人才提供了更大组合空间[4]。但由于高职学生在校时间较短，只有将学历教育的课程岗位能力与职业技能等级证书的职业技能要求对接，才能有效结合两者的优势，进而有效满足我国产业转型升级对产业工人的素质和技术技能水平的提高后的要求。原来很多简单重复的操作性职业将逐步被智能化的机器人取代，但操作性与专业性交叉融合的新型职业工种将大量涌现，高职院校作为高素质的复合型技术技能人才培养的主阵地，制定基于课程岗位能力与证书职业技能对接的课程标准，并付诸实践，是达到社会对高职毕业生培养要求的重要手段之一[5]。

3.1 课程定位

综合考虑高职学生的总体情况，将Web前端开发课程岗位能力定位为职业技能等级证书中级的职业技能要求，同时兼顾初级的职业技能培养和后期的高级的职业技能提升，但为减少与其他课程在知识技能学习过程中的重叠，Web前端开发课程总目标定位于使学生掌握常用的网页设计和网站工具，掌握网页设计的基本技能，熟悉HTML5语言，能够利用HTML5和CSS3知识进行Web前端网页设计、制作及站点管理的基本知识和技能，能够独立制作中小型的静态网站。

3.2 课程内容

Web前端开发课程教学内容的制定充分考虑到了Web前端开发从业人员的职业发展路径与成长路径，根据课程定位和课程技能目标合理安排教学内容，主要包括：

(1)HTML5开发工具的安装和使用；

(2)HTML5文档结构、页面、表单、图形元素和属性；

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

(4)JavaScript基本语法、函数、面向对象功能的使用方法；

(5)jQuery中选择、插件、事件和动画功能的使用方法；

(6)jQuery事件和动画等开发交互效果页面设计；

(7)Bootstrap内核解码开发响应式页面设计；

(8)Bootstrap布局、组件、基本样式、插件、组件的使用方法；

(9)使用 HTML5 新增语义化元素、页面增强元素与属性及多媒体元素等功能美化页面。

3.3 课程技能目标

Web前端开发课程主要教学目标：以企业用人为导向，以岗位技能和综合素质为核心，掌握HTML5+CSS3网页设计思想及基本设计技巧，具备运用JavaScript脚本编程语言编写客户端程序和Bootstrap响应式开发的能力，能从事Web 前端编程、测试、终端界面开发和网站发布与维护等工作的技术技能人才。通过Web前端开发课程的学习，一方面让学生熟悉网页设计师和网站管理员等对接岗位的职责、业务内容和流程，具备与之适应的职业素养；另一方面具备静态、动态网站搭建工作领域和工作岗位任务所需的职业技能。考虑到职业技能的培养是一个整体而漫长的过程，本课程的技能目标分为职业基本技能和职业迁移技能两个维度。

其中，职业基本技能主要包括：

(1)使用HTML5和CSS3进行页面基础布局的搭建与样式美化；

(2)HTML5本地存储与离线存储原理及应用；

(3)HTML5 Canvas绘图、媒体查询及响应式开发；

(4)基于 HTML5 制作响应式单页面应用；

(5)Bootstrap样式的统一使用方法；

(6)利用Bootstrap制作响应式炫彩网页。

职业迁移技能主要包括：

(1)利用 JavaScript进行动画效果与用户交互逻辑的编写；

(2)搭建后台开发框架并创建数据库；

(3)编写后台逻辑代码；

(4)实现前后端数据交互处理；

(5)运用HTML5与CSS3进行页面美化与性能调优；

(6)利用服务器进行网站发布。

3.4 课程教学重点、难点及学时分配

根据上述课程内容和课程技能目标达成，职业基本技能培养是重点，职业迁移目标培养是难点，同时结合课程团队真实项目开发，在教学过程中嵌入2个自主开发项目：学生成绩管理系统和新生报到管理系统。以“新生报到管理系统”设计过程为主线安排教学内容，作为教师上课示范项目，让学生在课堂上进行练习；通过“学生成绩管理系统”以实训和课外大作业等实践教学方式解决教学中的重点和难点，培养学生项目合作、团队精神及创新能力。课程教学重点、难点及学时分配见表2。

表2课程教学重点、难点及学时分配

3.5 课程资源

本课程配有丰富的网络教学资源。校本资源方面：课程团队通过学校云平台课程资源库建有“Web前端开发”网络课程，教师可以通过网络课程资源库进行辅助教学，包括发布多媒体课件、微视频、在线答疑、话题讨论、作业提交等；学生可以通过在线辅助教学资源进行自主学习，利用该平台可以有效打破课程教与学的时空限制。企业合作平台方面：课程团队与传智播客高校教辅平台合作，利用该平台可以实时跟踪学生的学习进度，并可以开展在线考试和网络教学签名等众多功能。

3.6 课程考核

衡量高职教育教学质量的标准，不仅要注重理论“知不知道”，更要注重实践动手能力 “会不会干”。Web前端开发课程作为职业能力培养的核心课程，其考核的核心是学生能够做出一个应用系统。课程采用笔试、上机考试(设计)等多种考核方式。为提高学生就业竞争力，可以用获奖或证书成果直接认定，置换学分。(如图1所示)

3.7 实践效果

Web前端开发课程标准的制定以岗位技能目标达成为导向，以提升学生就业竞争力和可持续发展为课程教学总目标，实践证明，其实施效果良好。根据对毕业生的就业跟踪反馈调查发现，通过课程学习使学生掌握了Web前后端数据交互、响应式开发等知识，具备了静态网页设计、开发、调试、维护等能力，能迅速与用人单位“接轨”，受到了用人单位的好评。教学团队的师生共同参与，先后开发了新生报到管理系统、基于贫困因素加权模式的高校贫困生动态数据库系统，并进行了学校招生信息网等软件的开发和网站建设，上述成果都已被学校相关部门所采用，收到良好的效果，达到了能力培养、产学结合的目的。

图1 课程考核构成

4 结语

“职教20条”明确提出要完善教育教学相关标准，发挥标准在职业教育质量提升中的基础性作用。课程标准作为高职院校课程建设的基础性指导纲领，在 1+X 证书制度下，基于课程岗位能力与证书职业技能对接制定的Web前端开发课程标准，有效推动了学历证书与职业技能等级证书的有机衔接，达到了进一步夯实学生可持续发展基础、提升毕业生就业竞争力的目的。对于推进国家职业教育教学改革，实现“课证融通”，具有积级作用；同时对其他相关课程标准的制定也提供了一种思路，具有一定的借鉴意义。