摘要：本文探索了线上线下混合教学模式，并以“Web前端开发”课程为例，从课程资源建设、教学方式、实验与实训及考核四个方面进行线上线下融合改革，以期能够提升学生学习的参与感与成就感。

关键词：Web前端开发;混合式教学;教学内容;教学方式;实践

中图分类号：G717  文献标识码：A  论文编号：1674-2117（2021）22-0104-05

随着互联网技术的发展，Web开发分工越来越细，出现了Web前端开发、移动开发、后端开发等岗位，它们分工明确且紧密配合。从当前互联网公司的就职要求来看，除了必须掌握HTML5、CSS3和JavaScript等的基础技能外，还需要熟悉vue、react等前端框架，熟悉后台管理系统的开发全流程。针对Web前端开发人才的需求，笔者所在学院计算机科学与技术专业开设了“Web前端开发”课程，但课程内容总体比较滞后，教学方法比较单一，因此，笔者结合自身的教学实践，提出了线上线下混合式教学模式，从课程的教学内容、教学方法、课程实践、课程考核方式四个方面进行改革与实践，以提升学生的学习兴趣和动手能力。[1]

● 课程设计

1.教学中引入思政元素

立德树人是永恒的主题，教师需在教学中加入思政元素，如前端技术涉及界面设计，可以美育先行;一种界面效果有多种实现方法，需要培养学生多角度思考和分析问题的能力;代码的设计与调试过程需要培养学生的工匠精神，注入家国情怀，培养正确的世界观、人生观、价值观以及勇于挑战困难的精神。[2]

2.教学内容改革

Web前端开发技术所包含的内容较多，目前主要以HTML+CSS+JavaScript为基础课程，其知识面相对较广，因而教学设计需要注重整体性，让学生掌握多方面的知识，从而取得较好的教学质量。……