高职《Web前端开发》“岗课赛证”融通课程改革与研究

2023-12-06贵阳职业技术学院谭丽君

大众科学 2023年7期

文 | 贵阳职业技术学院谭丽君

随着互联网与移动技术的飞速发展，Web前端开发技术在网站、智能终端、移动APP、物联网、响应式开发等领域广泛应用，Web前端开发就业前景广阔，企业对人才的需求量大，但目前高职院校开设的《Web前端开发》课程教学内容比较陈旧，与行业脱节，跟不上行业发展，学生毕业时达不到从事Web前端开发的职业能力，供需矛盾突出。亟需对《Web前端开发》课程进行改革研究。

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

1.1 教学内容与企业需求脱节

随着Web前端技术的高速发展，Web前端开发工作早已不是编写几个简单的静态页面就可以完成的，需要实现复杂的用户界面和的业务逻辑，学生只掌握HTML+CSS+JavaScript，是无法满足岗位需求，必须要掌握前端框架技术Vue。但是大部分高职院校把HTML+CSS+JavaScript和前端框架技术Vue，分成两门课程，两门课程严重脱节，大部分老师不讲如何使用Vue框架技术应用到Web前端开发项目中，导致学生所学技能，不能满足目前Web前端开发的业务逻辑以及高效率，达不到企业岗位要求。

1.2 课程内容结构不合理，没有形成项目化课程

目前，高职《Web前端开发》课程，在教学内容设计上，大部分仍然采用传统的知识点类型划分章节的模式，教学内容局限于各个命令、语法的基础使用，没有对接Web前端开发项目工作流程，缺少项目化的教学内容，学生不知道在真实项目中如何运用HTML+CSS+JavaScript和Vue技术。

1.3 教学模式陈旧，学生学习动力不足

传统授课中教学模式单一，信息化教学手段匮乏，教师在讲解案例时，直接讲代码，没有将复杂的代码进行分解和形象化，没有让学习的知识通俗易懂，学生学习有难度，导致学生学习积极性不高、课堂互动性不足、学生缺乏学习兴趣。

1.4 课程考核机制不完善，无法保证学习效果

目前，很多学校的《Web前端开发》课程考核方案中，仍然是平时成绩占40%+期末考核占60%的模式，其中平时成绩只包括学生上课考勤和完成课后作业情况，期末考核占比较大，缺乏有效的过程性评价。这种考核机制偏重期末考核，忽视整个学习过程，就会忽略对学生学习态度、课堂表现、职业技能、创新思维能力的考核，从而不利于对学生综合水平的考察。

2.《Web前端开发》课程改革思路

2.1 对接岗位需求，实现“岗课融通”

对接岗位需求是高职课程开发的基础，所以，必须要对企业岗位的需求进行调查研究，否则开发出来的课程会与企业需求脱节。在BOSS直聘网站上，搜索“Web前端开发”关键词，学历要求为大专，从大量的搜索到的结果中发现，大部分企业都要求熟练掌握HTML、CSS、JavaScript前端开发技术，熟悉前端主流技术框架Vue，有相关项目经验者优先。

《Web 前端开发》课程内容要对接Web前端开发岗位需求，就必须重组教学内容，在原有的HTML+CSS+JavaScript技术之上，加上主流框架技术Vue。并且，教学内容结构应打破传统的知识点类型划分章节的模式，将课程内容按项目式重构，每个项目分解到各个任务中，以实现“岗课融通”。

2.2 对标“1+X”职业技能等级标准，实现“课证融通”

“Web 前端开发”证书成为首批启动的“1+X”5个职业技能等级证书之一，已在全国试点院校中全面推广。Web 前端开发职业技能分为初、中、高3 个等级，初级和中级适合职业院校，高级适合应用型本科。其中初级证书要求具有静态网页开发能力，中级证书要求具有动态网页设计开发能力，高级证书要求具有复杂网页设计开发能力和网站架构设计规划能力。本课程所涉及的考证内容包括：静态网页制作、网页编程，从事响应式网页开发、Web前后端数据交互。因此，在《Web前端开发》课程中应在教学内容上融入“1+X”证书考试的内容，学生学习本课程后，可以直接报名参加考证，实现“课证融通”。

2.3 对接技能大赛要求，实现“课赛融通”

《Web前端开发》课程对应贵州省技能大赛赛项是“移动应用开发”，本赛项面向产业主流技术，通过完成一个完整的工作过程，使参赛选手熟悉并掌握世界技能大赛的技术规范和技术标准。因此，在《Web前端开发》课程中应融入技能大赛的相关知识点，比如：主流框架Vue，使用axios进行网络请求，通过后台提供的接口快速接入数据。将技能大赛内容融入课程，让技能大赛不再仅仅是小部分学生的提升拔高，实现“课赛融通”。

2.4 教学模式改革，提升学生学习兴趣

教学时尽量避免使用深奥的专业术语，而是采用简洁易懂的表达方式，将复杂的问题简单化，多用表格、图解、思维导图框架分析的方式，将抽象问题形象化。讲解案例时，不是直接讲代码，而是用框架分析法，将复杂的代码进行分解和形象化，以便学生能又快又好地学懂弄懂、轻松上手，并能实践操作，提高学生学习兴趣。

3.基于“岗课赛证”融通的《Web前端开发》课程的开发

3.1 制定课程教学标准

3.1.1 课程性质与任务

本课程是软件专业的专业核心课程，开课时间为高职第二学期，每周6学时，共 102 学时，前导课程为《高级程序设计语言（C语言）》，后续课程为《MySql数据库》、《PHP程序设计》。在专业课程体系中起到承前启后的作用。

本课程内容面向Web 前端开发岗位，依托产教深度融合新模式，引入新技术，融入职业技能等级证书要求，对接技能大赛要求，实现“岗课赛证”综合育人模式，以立德树人为引领，培养学生掌握Web前端开发的流程，使用框架技术快速高效实现Web前端开发。

3.1.2 课程要求与目标

《Web前端开发》课程的目标是全面贯彻党的教育方针，培育和践行社会主义核心价值观，落实立德树人根本任务，培养德技并修、服务区域产业发展的高素质复合型技术技能人才。

（一）素质目标

1.培养学生终身学习态度，具备将知识与技能迁移应用的能力；具有自我管理能力、职业生涯规划能力；

2.具备团队协作、诚实守信等优良品质，能合理地协调社会关系、人际关系；

3.培养劳动光荣、技能宝贵的劳动意识；

4.具备明规守则、严谨细致的职业素养和敢闯会创、务实担当的职业精神；

5.培养吃苦耐劳、乐于奉献、精益求精的新时代工匠精神，树立科技报国信念。

（二）知识目标

1.熟悉HTML中常用标签及属性；

2.熟悉CSS中常用样式设置、弹性布局、自定义动画；

3.熟悉JavaScript中变量、数组、对象、方法、事件；

4.熟悉Vue前端框架基础知识、本地应用、网络应用、综合应用。

（三）能力目标

1.熟练使用HTML标签进行页面架构；

2.熟练使用CSS实现美化页面的效果；

3.熟练JavaScript使用实现交互式效果。

4.熟练使用Vue前端框架技术实现响应式数据驱动；

5.熟练使用axios进行网络请求；

6.熟练使用后台提供的接口快速接入数据的能力；

3.2 重构课程教学内容

《Web 前端开发》课程是软件技术专业学生必修内容，旨在培养学生能具备Web 前端开发工作岗位的能力。本课程的开发依托产教深度融合模式，落实立德树人的根本任务，结合岗位和专业特点，以市场需求为出发点，以培养职业能力为核心，以工作过程为导向、工作任务为载体，将课程重构为制作古诗词欣赏页面、制作黄果树瀑布图文宣传页、制作志愿者信息登记表、制作贵州美食页面、制作红色电影展播页面、制作贵州美景页面、制作购物计数器、制作图片切换、制作贵州村超赛项记事本、制作贵州避暑景点页面数据加载十个项目。

3.3 制定课程评价机制

废弃传统的单一评价模式，采用过程性评价占比70%+综合性评价占比30%的模式，其中过程性评价，评价学生在整个课程学习中，对主要核心技能的掌握情况，突出学生自身的学习活动，学生通过过程性评价，完成了学习目标并获得满足感。有助于激励和引导学生的学习。并且，教师可以通过过程性评价，发现学生容易出错和学生没有掌握的知识技能，找到学生学习的困难所在，有助于教师修改教学方法，帮助学生解决问题，不断提高教学效果。同时，也会发现很多同学的创新想法，教师给予表扬和支持。

首先整理出《Web 前端开发》课程的核心内容，包括核心知识点和核心技能项目，然后根据核心内容制定课程考核方案，包括过程性评价和综合性评价，其中，过程性评价包括平时考核（考勤和作业）和4次过程考核。通过评价实现对学生学习态度、课堂表现、职业技能、创新思维能力的考核，达到对学生综合水平考察的目的。