混合式教学模式下Web前端技术教学资源建设研究

于建军 宋妍

摘 要：Web前端技术教学是当前计算机教学中的重要内容之一，在混合式教学模式下，Web前端技术教学要注重教学资源的建设，打造以学生为中心的教学资源库，用开放、实用来突出线上线下的联动，以此来进一步强化教学的效果。基于此，本文从Web前端技术教学资源建设要求与目标入手，首先分析Web前端技术教学资源建设思路，然后探究混合教学模式下Web前端技术教学资源建设的具体内容，希望可以借此给相关的研究提供一定的参考。

关键词：混合式教学模式;Web前端技术;教学资源

1 Web前端技术教学资源建设要求与目标

随着Web前端技术的高速发展，当下前端工程师已经逐步从软件开发的岗位中细分出来，因此企业对前端技术人才的需求量也与日俱增。在这一背景下，高校要与社会需求相对接，针对性的开展Web前端技术教学工作。从当前的实际情况来看，Web前端技术课程教学资源的建设要突出以学生为中心，注重培养学生的实际动手能力，鼓励学生模仿、反思和创新。在这方面教学资源建设需将线上资源与线下教材相融合构建新的学习平台，让学生成为知识的使用者和资源的创建者，这样不仅有利于学习资源的共享，而且能提高学生的自主学习能力。

在进行教学资源建设时，还可用二维码的形式来联系线上和线下，所有的教材都在章节附有二维码，学生可快速找到对应的线上资源。而且学生在线上平台进行资源创建时，管理员和教师也要进行审核，这样就能加强二者的对应。除此之外，在教学资源建设中还要充分的将理论与实践结合，借助案例来让学生进入情景完成特定项目，以此来锻炼其解决实际问题的能力。

2 Web前端技术教学资源建设思路

Web前端技术教学资源建设要突出全方位育人，重视学生职业素质与情感目标的培养，因此在课程资源建设中可加入课程思政，培养学生设计和创作过程中的工匠精神，注重传播正能量与家国情怀。其次，在教学资源建设的过程中还可采用逆向工程的形式，首先深入企业进行Web前端工程师岗位需求的调研，分析企业岗位的技能与素质需求，然后结合教学经验来进行归纳和总结，设计教学的重点，这样在人才培养中才能更具针对性，形成标准化的教材开发流程。

Web前端技术教学资源建设需考虑到课程的实用性，因此还可用案例分析和项目贯穿的形式来组织内容，这样学生在学习知识点时还能有效结合实践，对于加强理论学习效果和培养学生动手能力都有着重要的意义。针对这一方面，在教学资源建设时可按照内容进行划分，合理的嵌入案例分析模块，让学生在实践中进一步深化对理论知识的理解。另外，教学资源的建设要注重多层次和立体化，打造可拓展的教学资源库，其中不仅要包括案例、课件、教学指导手册，同时也要有视频、分层次基础训练等，充分满足学生的多样化需求。在这方面可鼓励师生共同构建教学资源，通过平台的不断沉淀来积累优秀案例，使资源能够不断更新。

3 混合式教学模式下Web前端技术教学资源建设的具体内容

混合式教学模式下Web前端技术教学资源的建设首先要设置相应的规范标准，然后按照教学目标来确定不同性质和层次的教学资源。具体而言，可从以下几个方面入手：

（1）教材大纲的编写。教材大纲属于指导性的教学资源，它是Web前端技术课程教学活动的纲领性文件。在混合式教学模式下，教学大纲的编写要围绕教学目标、课程性质、教学重难点、学时、考核方式等综合性的开展，确保教学大纲具有实际指导意义，能够引领教学活动的顺利开展。

（2）教材编写。教材是知识的重要载体，它按照教学目标来划分章节，其中每一章又分为上机操作部分和理论部分。为了规范教材的编写，理论部分的知识模块和案例模块应尽量打造成双核模式，让学生可以边学边练，这样就能有效的指导学生加强实践能力的培养。其次，在利用项目开展教学时需明确项目需求，让学生从问题入手自主分析，提升其解决实际问题的能力。为了加强线上和线下的联系，教材的知识点可配相应的案例二维码，将线上资源融入到线下教学中，为开展混合式教学、翻转课堂等奠定坚实的基础。

（3）教学课件与视频录制。教学课件与视频的录制应以问题为导向，然后在其中导入知识点，借助案例与实践操作进一步深化讲解.整个过程应清晰流畅，明确教学思路，为学生构建起相应的知识体系。在这方面可借助思维导图的形式来开展，用小视频示范等形式将抽象的知识具体化，让学生有更直观的感受。

（4）课程案例与项目的编制。课程案例与项目对学生深化理解知识点有着重要的帮助，因此在课程案例与项目的编制中要围绕常见问题和知识点开展，让学生在解决问题的过程中将知识内化，同时培养学生自主思考能力和解决实际问题能力。一般而言，案例包括問题需求、分析思路、总结等。在建设教学 资源时可将各课程案例与项目归纳，按照其特色分解到每个章节，让学生在学习的过程中不断增加和迭代，最终完成整个项目。

4 结语

混合式教学模式下，线上线下教学是建设课程资源的重点所在，特别是对于Web前端技术课程而言，其教学资源建设更是需要不断的更新，加入新的案例与项目。因此在这方面要注重学生的参与，打造以学生为中心的模式，然后从教材大纲的编写、教材编写、教学课件与视频录制、课程案例与项目的编制几个方面来重点推进。本文就此展开了相关的分析，希望可以借此给混合式教学模式下Web前端课程教学资源建设的完善提供一定的参考。

参考文献：

[1]卢秋锦.基于“WEB前端技术”课程的智慧课堂构建与实践[J].宁波工程学院学报，2021，33（02）：121-127.

[2]胡如会.基于OBE的Web前端开发技术课程教学改革[J].贵州工程应用技术学院学报，2021，39（03）：94-100.

[3]邓慈云，胡柳，吴瑶.基于Web前端设计课程教学在高职院校中的探索研究[J].电脑知识与技术，2021，17（13）：102-103.

[4]李泽文，陈晓柱.混合式教学模式下“前端设计技术”课程的教学研究与实践[J].广东职业技术教育与研究，2021（02）：29-31.

作者简介：于建军（1981.8-）男，汉族，山东潍坊人，副主任，讲师，硕士，主要从事计算机专业研究

宋妍（1983.12.15）女，汉族，山东荣成人，助理讲师，本科，计算机专业教师。