(1)以案例为核心，重构教学内容

《前端框架技术》课程设计的总体原则是“紧扣就业岗位，优化课程体系和课程标准”，基于此原则课程组成员进行调研，首先从前端框架技术的技术发展和工作岗位分析出发，以工作任务为依据，归纳学习领域的职业能力要求来定位并设计《前端框架技术》课程，安排相关学习情景设计。本课程教学内容组织以学生职业能力和职业素养的培养为核心，采用模块化结构构建课程教学内容体系。根据教学大纲要求，遵循由浅入深、工作过程循序渐进的原则，课程模块内容由理论知识点和实践内容构成。课程内容取舍上，基础理论以必需和够用为度，以实训项目加强学生对理论的理解和职业技能的掌握。

依据《前端框架技术》课程标准、Web前端开发“1+X”证书标准，融入创新创业教育，打破传统教材内容体系，本课程共安排了8个讲练结合的教学型项目案例，将Vue前端框架的相关知识融入到这8个项目的具体模块任务中。项目案例之间有一定的衔接关系，每个模块按照“知识导例－知识讲解－实践训练－知识拓展”层级递进方法来设计知识点，在完成任务的过程中掌握相应的知识和技能，层级递进的知识体系与学习步骤如图1所示。

图1 《前端框架技术》课程层级递进知识设计体系

(2)以学生为中心，优化教学方法

针对本课程教学内容和高职学生的特点，对课程的教学方法进行改革，以有效调动学生学习兴趣，促进学生积极思考与实践，进而促进学生职业能力的发展。

考虑到学生的接受程度，采用“讲中学、探中学、例中学”的方法，结合传统的启发式教学，引导学生归纳总结规律性的、特殊性的知识点。遵循“重点讲够、难点讲透、引导自学”的原则，结合翻转课堂，学生自学、自讲、互评，培养学生自主学习能力和查阅文献资料的能力。在实践教学中，采用“教师做中教、学生做中学”相结合的方式，形成“前期准备、课堂教学、总结反馈”的循环机制（如图2所示），注重过程监控，提高教学质量。

以课程为中心，通过全面的网络辅助教学功能，包括作业、测试、通知、答疑、讨论、资料、评价等互动教学活动，促进师生之间、学生之间进行资源共享、问题交流和协作学习，增强教学吸引力。

图2 教学组织形式

(3)以思政为牵引，完善课程资源

本课程在专业人才培养方案、课程教学标准的指导下，从课程特点与定位出发，确定本课程思政目标要聚焦社会主义核心价值观、科技创新、科技报国、社会责任、职业规范、团队协作、工匠精神等。课程团队以“设计结构化、资源颗粒化”的理念，找准若干个专业教学和思政育人的契合点，选取典型事例与热点话题，归纳提炼出32个课程思政点，并将其融入到不同的教学内容中。

另外，在《前端框架技术》课程的讲授过程中，注重站在计算机科学家的角度上去讲解，让学生以设计者的眼光去理解每一种元素存在的意义和作用，即科学家为什么要设计该前端功能，从而更容易掌握，使抽象的语法规则变得具体。了解了这些内容，知其然也知其所以然，学习起来势必会事半功倍。

围绕“价值引领、品行修养、知识传授、技能培养、思维创新、示范带动”六位一体课程育人理念，以学生为中心，使学生深入浅出了解Vue前端框架的逻辑思想、实现方法和应用技术，立足程序员、测试员、软件维护员等职业岗位（群），以学生职业素养、文化修养、团结协作、开拓创新、工匠精神、军工精神等为素质目标，确定学生的Vue基本概念、Vue开发环境搭建、Vue实例对象、内置指令、组件、Vue路由、状态管理等知识目标和利用Vue.js框架进行Web前端组件化开发的能力目标。具体教学目标如表所示。

本课程遵循先进性、实用性、科学性的原则，以完成典型工作任务为目标，确定8个学习情景，教学内容及对应教学资源如表3所示。

1.主要特色

（1）创新教学方法，提炼思政元素

抓住课堂讲授基础理论知识的教学主阵地，充分运用案例教学法，进行“提出问题—分析问题—解决问题”的互动式课堂教学，将课堂学习从校内向校外延伸，提高学生学以致用的能力。在课程思政教学上，充分发挥互联网资源丰富的优势，通过课程融入时政新闻、思政小案例等学习素材，实现课程思政教育中的资源互享与拓展，树立学生专业使命感、培养学生高度的责任心、严谨求实科学态度和爱岗敬业的精神，实现价值引领、知识教育、能力培养的有机统一。

（2）融通岗赛证创，重构教学内容

根据国家专业教学标准与学院软件技术专业人才培养方案，明确《前端框架技术》课程定位，对标前端工程师、网页设计师等岗位需求，引入真实工作任务场景，依据《前端框架技术》课程标准、Web前端开发“1+X”证书标准，融入创新创业教育，打破传统教材内容体系，将课程体系进行按照课前、课中、课后环节进行重构。科学设置教学任务，建立多样化、层次性的实践教学环节，改革实践教学的方法和途径，强化工程实践能力培养。

（3）推进自主学习，创新评价体系

在教学过程中，大力推动学生自主学习，教师辅助指导的模式。根据教学任务，教师讲解只限于重点内容，细节部分将留给学生带着任务在分组竞技中自主研究学习，将学生自主学习的过程与结果纳入学生课程评价。课程的评价体系主体由传统的以教师为主转变为学生自评、学生互评、教师评价、企业导师评价相结合，评价内容由传统的以期末考试为主转变为课前、课中、课后的过程性评价与结果性评价相结合。

2.影响力分析

本课程教学内容是全国职业技能大赛、“蓝桥杯”全国软件和信息技术专业人才大赛主要考核内容，对学生的算法能力培养具有极其重要意义，多年来在该课程的培养下，已有数百名学生在赛项中获得优异成绩，增强了学生的专业能力，提高了学生的就业竞争力。

3.国内外同类课程比较

（1）教学内容融通岗赛证创，重视实践环节；教学方法采用“任务驱动”教学模式，融“教、学、做”为一体，充分体现学生学习的主动性；教学评价增加了评价主体，实现了评价方式多元化。

（2）本课程具有一支学历、职称、年龄结构合理的教学队伍，中高级职称的教学人员是课程的中坚力量，同时重视课程后备力量的储备，课程负责人每年均承担课程的教学工作。

（3）课程团队成员科研能力强，技术服务水平高，教学改革研究成果显著。在团队的指导下，学生在各类专业、学科竞赛中多次取得优异成绩。

（4）注重课程思政的融入，在讲授理论知识和实践技能的同时，培养学生适应行业需要和社会竞争的能力以及自信精神、敬业精神、工匠精神、责任意识等，对学生进行全方位、立体式的培养。