“岗课赛证”融通的Web前端开发课程改革与实践

摘要：Web前端开发课程是面向Web前端开发工程师职业岗位开设的一门理论与实践相结合的专业核心课程。从提高学生职业能力出发，对接岗位需求，改革教学内容，使课程与岗位能力、职业技能大赛和Web技能证书相融通，构建“岗课赛证”四位一体相互融通的课程体系，搭建多师共育、梯次培养的育人机制，实施“三四三”立体化大课堂学习模式，改革课程评价方式为三维课程评价。通过一系列改革，提高了学生的岗位契合能力。

关键词： Web前端开发;课程改革;岗课赛证

中图分类号：G642        文献标识码：A

文章编号：1009-3044（2022）08-0144-02

2005年以后，互联网进入Web2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化[1]。新的Web标准、各种移动终端的普及、响应式开发的需求、新的前端框架不断涌现，社会急需大量优秀的Web前端开发工程师。Web前端开发课程是面向Web前端开发工程师职业岗位开设的一门理论与实践相结合的专业核心课程。但目前的教学内容大多是网页设计课程的延续，对接职业能力不足，学生毕业时达不到从事Web前端开发的职业能力，供需矛盾突出。

1 Web前端开发课程存在的问题

1.1“岗赛证”没有有效融通于课程体系

课程对应的岗位是Web前端开发工程师、但教学内容中包含岗位需求的知识点并不完善，也与Web前端开发相关职业技能大赛的标准相脱节，与Web前端开发技能等级证书考查点也缺少衔接;缺少优秀的项目化教材;缺少开放共享的立体化教学资源;尚未形成基于工作过程的项目化课程体系。工作岗位、技能竞赛、技能等级证书缺乏与Web前端开发课程的有效融合。

1.2 教师实战经验不足，人才培养乏力

目前，高职学校教师大多来自高校毕业生，企业实践经验普遍不足，导致Web前端开发人才培养机制严重落后于产业发展需要，办学脱离企业，专业脱离产业，教学脱离实践，课程脱离岗位，毕业生的职业行动能力、创新能力和职业素质均难以满足岗位需求。

1.3 教学模式陈旧、学习动力不足、课堂低效

传统授课中教学模式单一、教师照本宣科，导致学生被动接收、课堂互动性不足、学生缺乏兴趣、信息化教学手段匮乏，一些学生手机用于娱乐、电脑用在玩游戏，学生学习动力不足。

1.4 评价方式片面、偏重技能不重素养

传统的计算机类专业课考核方式只重视专业技能的考核而缺乏对职业素养、综合素质的评价，教师不重视对学生职业素养和职业精神的培养，许多学生以不挂科为原则。传统的考核方式不能有效带动学生的全面发展。

2 解决问题的方法

2.1 构建“岗课赛证”四位一体相互融通的课程体系

针对课程体系陈旧，没有融合岗位能力、大赛标准和职业技能证书考核要求的问题，调研市场对Web前端开发工程师职业岗位需求，研读Web开发类技能大赛标准，并与当前Web职业技能等级证书相衔接，与山东师创软件工程有限公司Web开发工程师共同研究制订了“课岗直通”课程体系。校企合作开发“课岗”“课证”“课赛”和“课思”四融合新形态一体化项目教材，“课岗”融合培养实战操作能力，“课证”融合培养职业能力，“课赛”融合培养参加技能大赛的能力，“课思”融合进行课程思政、培养立德树人、精益求精的工匠精神[2]，实现“真实项目引领、课训练赛一体、德能情智并进、校企师生共赢”（图1）。

课程以真实项目“山东信息职业技术学院网站”组织学习内容。根据德国工作领域理论，将项目分解为“静态网站搭建”和“动态效果实现”两个工作领域，对接岗位需求和技能标准，将项目分解为3个模块、10个任务、25个子任务，采用任务驱动完成各任务的学习[3]。因Web技术的更新和学校网站的改版，将项目及时更新，做到因时而进、因势而新。

2.2 搭建多师共育、梯次培养的育人机制

针对Web前端开发人才培养方式单一、社会适应力不足的问题，搭建了课程教学->训练竞赛->实战开发->服务社会的梯次培养机制。专任教师负责在一体化教室开展项目化教学，掌握最基本的Web前端开发知识和技能，并与企业导师一起带领学生在实训室开展课程实训，操练技能、备战竞赛，优秀学生进一步在工作室强化技能和在工匠工坊实战开发、服务社会。学生因基础和兴趣不同，选择适合自己的发展领域。优秀学长及竞赛优异者以老带新、共同提高。实现了多师共育、梯次培养[4]。

2.3 实施“三四三”立体化大课堂学习模式

根据布鲁姆的认知金字塔模型，将传统的低阶认知过程让学生课前自学，课中进行高阶认知的教学。依托超星精品资源共享课程和智慧树在线开放课程，将每个教学单元30%的基础内容让学生通过微课视频课前自學、40%中等难度的内容通过小组同学互助共同完成、30%的重难点内容由教师引导在课堂完成。利用开放共享的立体化教学资源，各种智能终端设备，课前、课中、课后纵向贯通，自学、助学、导学三种模式结合，搭建“立体化大课堂”，实现课上课下、线上线下、随时随地的学习、答疑、测试、学习情况跟踪。通过调整学习模式，扩展了课堂学习的三维空间，提高了课堂学习成效。教学全过程融合思政育人，培养学生精益求精的工匠精神。

2.4 改革课程评价方式为三维课程评价

针对传统的课程评价方式片面、重技能轻素养，没有对学生进行全面综合考查等问题，制订了一套信息化教学背景下计算机类专业课程的考核评价方案，从形成性评价[5]、岗位能力评价、综合素养评价三个维度考核学生（表1），既考查专业技能，又考查职业素养，推行全过程专业和素质评价。

3 改革成效

山东信息职业技术学院自实施课程改革以来，学生参加“移动应用开发”“HTML5融媒体设计”等Web开发类技能大赛获奖人次显著增多，学生学习兴趣浓厚，带动了其他专业课的学习。学生获取职业技能证书和毕业证书双证率达到了87%。计算机类专业毕业生从事Web前端开发岗位者由19%提升到36%，毕业生就业质量显著提高。用人单位评价毕业生素质高、能力强，对毕业生满意率达98%，得到用人单位普遍认可。教师主编两部教育部“十三五”规划教材，改革成果辐射到其他使用教材的高职院校，提高了Web前端开发人才培养质量。

参考文献：

[1] 李志云，董文华.Web前端开发案例教程：HTML5+CSS3[M].北京：人民邮电出版社，2019.

[2] 曾天山.“岗课赛证融通”培养高技能人才的实践探索[J].中国职业技术教育，2021（8）：5-10.

[3] 李志云.网页设计与制作案例教程：HTML+CSS+DIV+JavaScript[M].北京：人民邮电出版社，2017.

[4] 刘安韬，刘喜华，张婷.课岗证赛融合模式在高职课程及专业建设中的应用[J].黑龙江科学，2020，11（5）：11-14.

[5] 李嘉明，李慧芬.新工科背景下Web前端课程教学改革[J].电脑知识与技术，2020，16（24）：159-160，178.

【通联编辑：王力】AB3F36C9-6A49-46D7-A245-6A2B5211615C