“Web前端开发”混合教学模式探索与实践.pdf

“Web前端开发”混合教学模式探索与实践--第1页 “Web前端开发”混合教学模式探索与实践 作者：黄欢 来源：《中国信息技术教育》2021年第22期 “Web前端开发”混合教学模式探索与实践--第1页 “Web前端开发”混合教学模式探索与实践--第2页 “Web前端开发”混合教学模式探索与实践--第2页 “Web前端开发”混合教学模式探索与实践--第3页 摘要：本文探索了线上线下混合教学模式，并以“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 为基础课程， 其知识面相对较广，因而教学设计需要注重整体性，让学生掌握多方面的知识，从而取得较好 的教学质量。同时，基于混合式的教学模式，建设多层次可扩展的教学资源库尤其重要。教学 资源包括教学课件、上机指导手册、实验库、案例库、试题库、项目库、教学视频等，这些资 源又分为基础知识和提高知识。根据学生的不同基础，逐级提高学生的水平。需要注意的是， 课程内容要与时俱进、由浅入深，可以考虑将主流Web 前端开发技术引入课堂，要求学生至 少掌握一种前端框架的使用方法，重点培养学生的实践应用、规范代码编写等能力。[3] 3.教学方式的改革 （1）课前充分预习 “Web前端开发”混合教学模式探索与实践--第3页 “Web前端开发”混合教学模式探索与实践--第4页 课前学生通过视频教程、PPT 了解学习目标，知道学习任务，记录不懂的问题，写下学习 心得。教师端可以通过雨课堂记录学生出勤情况，还可通过在线习题，了解学生自学后的知识 掌握情况。 （2）课中交流讨论 课中是对学生预习的检验，教师提前审阅学生的心得体会，收集问题，并把学生不理解的 内容在课堂上讨论解决。教师可针对典型问题提出最基本的解决方案，然后由学生讨论，找到 最佳解决方案。尤其在项目实践过程中，定期开展交流活動，将编码中典型的错误或学生都困 惑的知识点，通过界面效果、代码展示开展编程思路讨论，为学生创造相互学习和交流的机 会。 （3）课中问题启发 启发式教学是教师经常使用的教学方法之一，即由教师提出问题引导学生思考，问题要具 备典型性和实际性。例如，在Web 前端开发中，教师展示表单的应用场景，如去