智慧学习视域下《前端技术》线上线下混合式教学模式研究与实践

刘智萍

摘 要：智慧学习视域下，基于线上线下混合教学模式的特点和优势，基于不同学科的特点，努力构建一套全新的课堂教学模式，已经成为当前高等教育的重点。特以此作为研究的视角，分析了《前端技术》教学现状，并在此基础上结合线上线下教学模式的优势，提出了线上线下混合式教学模式具体开展路径，旨在提升《前端技术》教学质量，满足新时代下人才培养要求。

关键词：智慧学习；前端技术；线上线下；混合式教学

中图分类号：G64          文献标识码：A          文章编号：1673-9132（2023）18-0009-03

DOI：10.16657/j.cnki.issn1673-9132.2023.18.003

《前端技术》是应用型本科院校电子技术专业中一门专业课程，主要涵盖了软件行业中关键技术。尤其是伴随着信息技术的发展，无论是生产还是生活各个环节，都离不开互联网信息技术。为了更好地满足社会发展的要求，学校在開展《前端技术》教学时，唯有基于当前课堂教学中存在的最多弊端，积极推进教学改革，基于智慧学习的要求，促进线上和线下教学相融合，借助混合式这一新型的教学手段，全面提升人才培养质量，以更好地满足当前社会要求。

一、线上线下混合式教学模式概述

（一）内涵与特点解析

线上线下混合式教学模式伴随着信息技术的发展而出现，属于一种全新的课堂教学模式，主要是在传统课堂教学的基础上，融入线上教学模式。在这种教学模式下，将传统线下课堂教学模式和网络教学进行了深度融合，利用网络集中了多种教学资源，并促进了教学方式的转变，使得原本死板的师生关系变得更加融洽、活跃。

纵观传统《前端技术》教学现状，基本上都是采用讲授法、谈论法、演示法的方式进行教学。在传统的课堂教学中，基本上都是以课堂作为载体，借助口头讲解的方式，将相关的知识传授给学生。在传统的课堂教学中，教师还会结合教学的需求，融入一些新颖的元素；伴随着信息技术的发展，线上线下混合式教学模式的应用，将课堂真正归还给了学生，为课堂教学注入了新鲜的血液和活力，并借助信息技术这一先进的教学手段，增强了学生的课堂体验度。

（二）应用优势研究

与传统的课堂教学模式相比，线上线下混合式教学模式保留了传统课堂教学中的优势，并最大限度挖掘了线上资源、网络教学手段，使其成为线下课堂教学的有效补充、完善。从传统教学模式来说，其主要优势是学生可以和教师面对面，双方可及时进行有效的反馈，并围绕其展开讨论，最终形成浓厚的学习氛围。而在线上教学模式下，学生的学习突破了时间和空间的限制，学生可结合自己的实际情况，随时随地进行学习。因此，在线上线下混合教学模式下，教师可充分利用线上教学资源，补充教学内容，巩固理论知识，为学生进行答疑和指导等。在线上线下混合式教学模式下，教师可结合教学内容、重难点等，精心录制视频，将其发布到相关平台上，学生可在课下结合自己的学习情况反复观看；也可以借助线上平台，发布学习任务，为学生进行答疑等，使学生在线上教学辅助下，完成知识的内化和理解，真正提升学习效果。从学生的层面上来说，线上线下混合式教学模式为学生提供了更为多元、更为丰富的学习方式，促进了学生思维、能力的全面发展，有效提升了人才培养质量［1］。

二、智慧学习视域下《前端技术》教学现状分析

（一）教学内容不能及时更新，课程知识不够合理

技术领域本身就处于不断更新的状态中，《前端技术》中的相关内容，也应不断进行更新。但当前《前端技术》教材内容相对滞后，且教师在开展课堂教学时，也仅仅是按照教材上的内容进行灌输，只对传统的科学技术进行简单介绍，很少关注新内容。这导致《前端技术》教学出现了明显的滞后性。

（二）教学模式滞后，实践教学课时比例低

鉴于《前端技术》学科特点，教师唯有积极推进教学改革，灵活开展课堂教学，并在理论教学的基础上积极开展实践教学，才能真正提升课堂教学质量。但当前《前端技术》学科教学依然沿用传统的教学模式、固定的教学流程，致使课堂教学枯燥无味。教师过分集中在理论知识教学中，忽视了实践教学。即便是开展了实践教学，也是教师的主观设计，致使设计出来的实践教学方案与学生的学习不相符，难以真正提升人才培养质量。

（三）考核机制片面，重成绩、轻实践

一直以来，受到传统教学理念的制约，教师在实施教学评价时，考核重点常常集中在学习结果和取得的成绩上。在这种滞后的教学评价模式下，学生常常不能真正理解这些理论知识，而是一味地死记硬背，甚至在这种枯燥的学习过程中，导致学生逐渐滋生出多种不良的情绪，致使考核价值功能逐渐失去原有的初衷。

三、智慧学习视域下《前端技术》线上线下混合式教学模式构建路径

（一）做好充足的学前准备工作

在线上线下混合式教学模式下，教师在推进教学改革时，可充分借助钉钉、微信、学习通等多种平台，向学生推送学习材料，提前向学生安排学习任务。而要实现这一教学目标，教师在开展课堂教学之前，就要花费一定的时间和精力，对教学内容、教学对象进行全面、深入的分析，科学设计教学目标、教学流程，为学生呈现一份高质量的课前预习方案。 为了保障学生学习活动的效果，还应在熟悉相关课程基础上，调动自己头脑中的相关知识，为学生提供一份完美的学习材料，以满足学生学习需求。在《前端技术》的线上线下混合式教学模式下，就可提前借助网络平台，为学生发送学习材料、安排教学任务等。在向学生推送学习材料时，每一位教师都具备自己的想法，而教师自身的这种想法，就真切地体现了教学方式的改革、创新。鉴于此，在优化教学材料时，应结合具体的教学内容、学生的实际情况，遵循由浅入深、由易到难的原则，将一些相对简单的基础概念、理论性的学习材料置于最前面，待到学生真正掌握了相关知识之后，方可进入到后续复杂材料的学习和理解中；另外，在线上线下混合式教学模式下，还应引导学生积极参与其中，与学生共同商量，开发相关的习题，并发布到教学平台上，以便于学生在课下进行针对性的学习［2］。

（二）优化课程教学组织模式

线上线下混合教学模式下，教师在开展《前端技术》教学时，应努力转变传统的课堂教学模式，结合素质教育的要求，尊重学生在课堂上的主体地位，以项目教学法作为载体开展学习。在具体的教学中，可以项目节点作为依据，按照分组的原则，将全班学生划分为几个学习小组。为了保障合作学习顺利开展，在划分学习小组时，必须要做好学生综合能力分析，确保每一个小组内学生的学习能力、性格等存在互补性，以便于更好地开展合作、交流；而在小组之间则应尽力保持平衡，使得各个小组之间保持实力均衡；同时，在划分学习小组时，还应关注每一个小组的人数，一般以5～7人作为标准，且一旦进入到具体的项目学习中，小组人数不宜再发生改变，以免制约项目教学的正常进展。其次，在线上线下混合教学模式下的项目学习中，还应围绕学生在线上学习中的反馈，科学确定项目、设计探究任务，并带领学生对其进行细化、分解，以便于小组学生在明确的探究项目引导下，查找相关的资料。文献、文章等，并经过小组内学生的对比，找出其中的相同之处和不同之处，最终经过筛选和剔除，形成最佳的项目探究资料。最后，结合项目探究的任务，以及筛选出来的资料展开探究性学习，经过小组内学生的头脑风暴，在群策群力中完成项目的高效学习。与传统的教学模式相比，线上线下教学模式下的项目教学模式最为显著的特点，就是学生在学习中能够围绕自己的观点和看法进行交流，在交流中，学生学以致用的能力、自主学习能力等也有所提升，真正实现了素质教育下的教学目标。

（三）开发《前端技术》线上线下混合式教学案例

在《前端技术》线上线下混合式教学模式下，鉴于该学科的特点，紧紧围绕“以学生为中心、以实践为中心”的教学理念，结合线上线下混合教学模式的特点，进行了优化设计。在本论文研究中，就以“CSS选择器”这一章节中的“H5导航栏设计”为例，对其进行了详细探究。

首先，课前线上自主学习。在这一阶段学习中，教师借助“超星学习通”发布了课前自主学习任务。学生通过教师发布的视频、微课预习H5一级导航栏的基本构成、结构代码、经典网页布局等开展自主预习。并以小组合作的形式，分析具体的探究任务、查阅资料、设计构思等，初步完成页面制作这一学习任务。学生在课前自主线上学习的过程中，常常会出现一定的疑惑，教师可引导学生通过App展开线上讨论，或者由教师直接进行课后答疑，帮助学生完成重難点的解析；同时，教师还可以结合学生线上讨论的问题，掌握学生的自主学习情况，明确课堂教学的重难点，提前进行针对性的备课。

其次，课中实练，促进知识内化。在线上线下混合式课堂教学中，可结合“超星学习通”学习结果，以及学习中的反馈，掌握学生的在线学习情况。之后，围绕学生自主学习的结果，结合本章节的教学重难点，提出针对性的问题，引导学生结合课本中的教学案例，围绕“H5导航栏设计中出现的常见问题”进行探究学习。在具体的教学过程中，可适当融入案例，引导学生在讨论中共同完成。待到学生基本上掌握这一知识点后，还应回归到项目学习中，引导学生以小组作为载体，通过头脑风暴，经群策群力共同完成作品，并对其进行升级。教师则在这一过程中，观察学生的学习态度，做好同步记录等，并围绕学生在小组探究中存在的疑惑进行答疑，切实保障整个学习过程的顺利开展。

最后，课后拓展，优化教学效果。在线上线下混合式教学模式中，学生可将自己完成的作品上传到网络平台上，引导学生进行欣赏，并围绕其展开评价，借助评价促使学生形成全面、深刻的认知，并逐渐养成精益求精的良好习惯。在“H5导航栏设计”混合式教学中，就可引导学生将小组的作品上传到平台上进行展示，学生可利用手机进行查看和下载，并对其进行全面、合理的点评。如此，不仅激发了学生的学习积极性，也促使学生在参与点评的过程中，拓展了自身的视野，并对所学知识进行了巩固，真正提升了学生的技能。

（四）构建《前端技术》教学资源库

以往，教师在开展《前端技术》教学时，基本上都是按照教材上的内容进行的，教学资源比较狭隘，与《前端技术》学科特点，以及学生的学习需求不相符。素质教育背景下，为了进一步提升《前端技术》的教学效果，应围绕教学目标，为学生提供不同层次、不同性质的教学资源，对其进行整合和汇总，最终形成集教学大纲、教材内容、教学视频、课程案例、教学项目、题库于一体的资源库。首先，编写教学大纲。在教学资源库中，教学大纲具备指导性，属于纲领性文件。必须要围绕教学目标、课程的特点、教学重难点、课时、考核方式等，科学设计教学大纲，并将其存储到相关平台上。其次，编写并拓展教材内容。在构建混合式教学资源库时，应结合现行教材上的内容，并结合具体的内容进行拓展和延伸，将其融入学习平台中，旨在拓展学生的学习空间。再次，录制教学视频、整理课程案例等，主要是围绕《前端技术》教学的特点和要求，精心录制教学课件，并结合不同层次学生的学习需求，录制难易程度不同的教学内容，保存在教学资源库中；还应围绕教学内容，整理相关的课程案例，以便于学生在课下进行自主学习。

（五）构建全新的考核模式

鉴于线上线下混合式教学模式以及《前端技术》课程的特点，在推进教学改革时，还应着眼于课程的考核模式，基于互联网这一平台，构建一套全新的考核模式。一方面，从考核形式上来说，可将其划分为两种，即：多人协作考核、单人考核。由于互联网属于一种信息化的教学平台，与单人完成的模式相比，在实际工作中更加关注多个人的协作。在这种情况下，考虑到学生未来的就业情况，必须要增加多人协作的考核模式，还应适当提升上机实践操作的考核比重，旨在强化学生的实践能力，使其与未来行业需求接轨。另一方面，革新考核评定方式。应试教育模式下培养出来的大学生，金字塔型的知识能力体系，致使学生的能力知识体系大同小异。但是进入到大学之后，这种情况也随之发生改变，传统的单人考核评定方式已经格格不入，而通过答辩、群里讨论的考核模式往往取得了更优的效果。鉴于此，在构建《前端技术》线上线下混合式教学模式时，还应充分利用互联网平台，设计相关的考核方式，以便于借助新型的考核模式，提升人才培养质量［3］。

综上所述，新时代背景下，传统《前端技术》教学模式弊端日益显露。面对这一现状，就要基于互联网信息平台，积极构建线上线下混合教学模式，并充分借助混合式教学模式的优势，调动学生的学习积极性，提升学生的实践能力、创新能力等，不断提升人才培养质量。

参考文献：

［1］ 王晓.线上线下混合式教学在F校《新媒体营销》中的应用研究［D］.云南师范大学，2022.

［2］ 谭有倩，刘明，李艳萍.混合式教学在“Web前端技术”课程中的应用策略及效果研究［J］.教学学术，2021（2）：72.

［3］ 罗剑，邢翠，聂鑫.混合式教学模式下Web前端技术教学资源建设研究［J］.软件导刊，2021（7）：201.

［责任编辑 谷会巧］