摘  要：“互联网+”和网络应用为人们生活的方方面面打开了可能，“Web前端开发基础”课程是计算机专业的基础课程，诸多教育工作者正在寻求该课程的教学改革创新之路，但目前教学评价中存在的问题阻碍了该课程的持续发展。从过程性评价角度出发对该课程进行改革，应用“线上平台+线下课堂”的混合模式进行教学实践，发现过程性评价能够调动学生课堂参与的积极性，提高学生对课堂教学的满意程度，提升学生的学习效果。

关键词：互联网+；Web前端开发基础；过程性评价

中图分类号：TP39；G434；G71 文献标识码：A 文章编号：2096-4706（2023）11-0190-05

Research on the Application of Process Evaluation in the Course “Web Front-end Development Foundation”

XIAO Danyang

（School of Physics and Electronic Science， Guizhou Normal University， Guiyang  550025， China）

Abstract：“Internet plus” and network application have opened the possibility for all aspects of people's life. The course “Web front-end Development Foundation” is a basic course for computer majors. Many educators are looking for the way of teaching reform and innovation of this course， but the problems existing in the current teaching evaluation hinder the sustainable development of this course. The course is reformed from the perspective of process evaluation， and the blending mode of “online platform+offline classroom” is applied to carry out teaching practice. It is found that process evaluation can mobilize students' enthusiasm for classroom participation， improve students' satisfaction with classroom teaching， and improve students' learning effect.

Keywords： Internet plus; Web front-end development foundation; process evaluation

0  引  言

在經济全球化、信息化的今天，人们熟悉的“互联网+”和网络应用为人们生活的方方面面打开了可能。有了网络，人们的各项活动已不再受时间和空间的限制。网站作为一种高效便捷的工具和平台，正越来越多地融入人们的生活，需要有更多的Web网站开发人才服务于互联网行业。随着人们对Web应用交互需求的增加，Web前端开发技术变得更加高深，更加专业化，简单的网页创建已经不能满足于市场的需求。根据市场对Web前端开发人才的需求，越来越多的中职院校开始将Web前端开发技术作为软件技术专业的一个特有方向。以Web前端开发技术课程为例，从过程性评价角度出发寻找该课程的创新改革之路，以打破传统课堂教学的束缚，充分培养学生的逻辑思维和编程思维。

1  “Web前端开发基础”课程

1.1  课程性质

“Web前端开发基础”课程是计算机专业中需要以扎实的理论知识培养学生实践技能的一门核心课程。前端开发是为网站或应用程序等创建前端界面的过程，通过HTML、CSS和Java Script等技术扩展的新软件框架和技术路径有助于使计算机等其他网络产品具备实时交互功能[1]。

1.2  目前课程教学中的评价问题

在“互联网+”的背景下，中职院校的“Web前端开发基础”课程在不断地进行改革创新，授课教师也更加看重学生的技能提升。然而，在教学实践过程中，该课程的教学效果评价方式还存在一些问题，影响了学生对技术知识的掌握。

1.2.1  评价方式单一

中职学校每个学期都会要求学生以无记名方式在线上对教师的教学方式、教学效果、教学满意度等进行评价。“Web前端开发基础”课程包含很多与计算机相关的专业内容和操作内容，学生若仍以匿名评价方式对待这门课程，很容易出现评价主观化、单一化倾向。“Web前端开发基础”是一门实践课程，但有的教师还是采用常规的平时成绩和考试成绩来考评学生的学习效果，会带来评价结果不能客观反映学生技术掌握情况的问题[2]。

1.2.2  评价内容存在局限性

中职院校教师仅仅是在一学期的期末对学生进行平时成绩+期末考试成绩的综合评价，其中平时成绩包括对学生上课出勤情况和完成课后作业情况等内容的评价，而期末考试成绩占比较大，并且只局限于对理论知识的考核。这种评价方式具有局限性，不利于对学生综合水平的考察。“Web前端开发基础”是一门实践性很强的课程，如果教师过于重视考核结果而忽视考核过程，就会忽略对学生学习态度、课堂表现及创新思维能力的考核，从而不利于对学生进行全面客观的评价[3]。

1.2.3  有效性评估不充分

采用过程性评价后，有些中职院校出现了实效性不足的问题。由于一些老教师多年来都是采用单一的评价模式，对以往的评价环节和评价指标体系已经形成思维定式。他们因为不够充分了解过程性评价的评价内容和评价方式，不能熟练地将这种评价方式应用于教学中，导致他们在实际教学过程中并未正确地融入过程性评价，也就未能发挥其应有的评价效果[4]。此外，教师无法在理论知识教学和实际技能教学之间找到平衡，在评价中无法量化学生实际操作能力，致使学生不够重视实践项目，不注重自己实际应用能力的提升。

2  过程性评价在“Web前端开发基础”课程中的应用

2.1  过程性评价的优点

首先，过程性评价可以帮助协调学习活动。过程性评价强调学生自身的学习活动，其评价结果可以让学生确定他们目标实现的程度，使学生知悉未来需要付出多少努力和时间才能完全理解本单元的内容。其次，通过学习成果的外部确认起到自我提升的作用。学生在过程性评价的帮助下完成了学习目标并获得满足感。再次，可以借助过程评价来诊断学习问题。例如，教师可以通过过程性评价发现课程教学中还有哪些没有突破的学习课题和学生没有掌握的知识技能，进而使未来学习的重点得以明确。最后，在过程性评价的帮助下，学生可以发现学习的困难所在，这有助于教师制定适当的教学计划。开展过程性评价既有助于激励和引导学生的学习，也有助于教师的自我提升[5]。

2.2  利用现代信息手段实现过程性评价

课堂教学的改革和信息技术的发展，使学生在教师的积极引导下，可以使用广泛的学习平台进行学习，而不仅仅限于手边的课本。利用现代信息技术设计有趣的教学软件，从而激发学生的学习兴趣并及时对学生的学习进行过程性评价。在整个教育教学过程中以各种方式评价课程教学，以切实了解学生的操作技能情况。线上单元测试和考核标准如图1所示。

考虑到“Web前端开发基础”教学评价方式单一的问題，教师们可以充分利用现有的互联网等教学资源，构建线上和线下混合评价方式。对于线上考核，教师可以每周或每月通过学习通等学习平台检查学生对课本内容的掌握程度，及时了解学生对理论知识和技能的掌握情况，为学期末的综合考核打下良好的基础，如图1所示为“Web前端开发基础”线上单元测试题和课程考核标准；对于线下考核，教师可以根据学生平时作业的完成情况，在组内开展互评模式，并要求学生找到自己与组内成员的学习差距和需要改进的地方。图2展示了过程性评价在整个教学过程中的应用。

2.2.1  课前评价

在日常课程教学之前，学生可以在学习通平台上观看教学视频，预习课程内容，提前了解“Web前端开发基础”中HTML、CSS、Java Script的相关概念和理论知识。通过教学视频的学习，学生对相关语法知识有了一定程度的了解，可以尝试进行简单网页的制作，以加深对课程内容的理解。预习过程中遇到的任何问题学生都可以在学习通平台上留言，教师会及时检查学生的课前预习情况，对学生提出的问题进行反馈以帮助学生解决问题。图3给出学生在学习第二章HTML基础时，可以登录学习通查看预习目标和教学大纲，观看教学视频并进行教学前测。

2.2.2  课中评价

该课程采用基于任务驱动的教学法，在授课过程中，教师可以直接打开浏览器搜索一些有代表性的网站让学生了解本节课的学习目标，然后让学生运用所学知识点将其实现。在实现过程中教师要对学生存在的问题及时做出反馈，有针对性地讲解以加强学生对所涉知识技能的理解与掌握。

在给学生布置实践任务时可以结合翻转课堂模式，让学生以自愿组合的方式分组去完成大型实践项目。如构建某个网站页面，学生要提前获取信息，结合教师课堂上所讲的知识和线上视频去了解实际操作方法，随后进一步将其应用到实际任务当中。这种学习方式可以让学生主动选择完成实际任务时所需的应用技能和知识点，不仅加深了他们对基础知识的理解，还通过交流、合作和创新提高了他们的实际操作能力和团队合作能力。例如学生通过“线上平台+线下课堂”学习了HTML文字段落标记和图像标记后，教师让学生利用记事本工具和HTML标记制作了个人爱好介绍的网页，如图4所示，图5给出了个人爱好页面展示和相关核心代码。

项目完成后，小组派代表进行作品汇报，展示相应网页并分享制作过程中的心得体会，其余同学进行提问点评，授课教师进行作品点评，对作品中的亮点之处进行表扬，对作品所存在的问题予以指正，并督促学生及时修正完善作品。

2.2.3  课后评价

在日常课程教学之后，教师可以录制补充视频再次讲解课堂中学生未能充分理解的知识点。一节课的时间毕竟是有限的，“线上线下相结合”有助于学生利用课后时间进行复习和巩固，进一步加深对知识点的理解和应用。

家庭作业是课堂教学评价中不可或缺的一部分，尽管以往教师布置的作业存在单调、重复、机械等诸多缺点，但课后作业的重要性是不可否认的。课后作业既有助于学生对知识的巩固和掌握，还能培养学生的实践能力。在讲授完每个模块的内容后，教师会在学习通平台上给学生布置网页设计的作业，学生明确相关要求完成作业。

学生在完成作业的过程中有任何问题都可以在学习通平台上留言，教师对学生的不解之处及时给予解答，引导学生顺利完成作品的制作。学生线上提交作品后，教师会及时进行点评和反馈。

3  过程性评价实施

3.1  研究对象

选取陕西某职业院校2020级计算机专业两个班共计50名学生作为研究对象，进行为期6周的“Web前端开发基础”教学实践。一个班为实验组，授课过程注重过程性评价，另一个班为对照组，采用传统授课方式进行教学。

3.2  研究方法

过程性评价实施后向50名学生发放调查问卷，以了解学生课堂参与的积极性、课堂满意度和学习效果。该问卷包含三个维度，由12道选择题组成。采用李克特五点计分量表，每个题目设置五个选项，分别为非常不同意、不同意、一般、同意、非常同意，分别赋值为1、2、3、4、5分。

设置第一题到第三题旨在了解学生课堂参与的积极性，包括课堂发言的积极性、任务完成的积极性以及与同学合作的积极性。

设置第四题到第七题旨在了解学生的学习效果，包括学习兴趣、学习信心、学习态度和学习能力的提升。

设置第八题到第十题旨在了解学生对课堂的满意度，包括授课方式满意度、小组合作满意度以及教师反馈满意度。

为了探究过程性评价在中职“Web前端开发基础”课程中的应用效果，对实验组和对照组的调查结果量化后利用SPSS软件进行独立样本T检验。

3.3  数据分析

3.3.1  学生课堂参与的积极性

从如表1所示的统计结果中可以看出，实验组在课堂发言的积极性、任务完成的积极性以及与同学合作的积极性三个方面的均值都高于对照组，且P值均小于0.05，说明两个组在学生课堂参与上存在显著差异，即过程性评价能够显著提高学生的课堂参与积极性。学生课堂参与的统计结果如表1所示。

3.3.2  学生学习效果的提升

从如表2所示的统计结果中可以看出，实验组在学习兴趣、学习信心、学习态度和学习能力四个方面的均值都高于对照组，且P值均小于0.05，说明两个组在学生学习效果上存在显著差异，即过程性评价能够显著提高学生的学习效果。

3.3.3  学生的课堂满意度

从如表3所示的统计结果中可以看出，实验组在授课方式满意度、小组合作满意度以及教师反馈满意度三个方面的均值都高于对照组，且P值均小于0.05，说明两个组在学生的课堂满意度上存在显著差异，即强调过程性评价的教学更能让学生满意。

4  结  论

从过程性评价角度出发对课程进行改革，应用“线上平台+线下课堂”的混合模式进行“Web前端开发基础”课程的教学，调动了学生课堂参与的积极性，提高了学生对课堂的满意度，提升了学生的学习效果，增强了学生对知识和技能的理解和掌握，有利于学生应用所学知识技能解决问题。

“互联网+”时代对中等职业教育既是机遇也是挑战，尽管互联网为中等职业教育提供了更加便捷的平台，但与此同时，IT行业在实践能力上对中职学生有了更高的要求。教师们需要把改革创新融入教学活动，时刻关注着IT行业对学生的需求变化。在当今这个飞速发展的时代，Web前端开发技术应用于生产和生活的方方面面，所以中职院校已经拥有庞大的社会资源来开展这门课程。分析Web前端开发技术课程在“互联网+”时代存在的各种问题，从过程性评价角度出发对课程进行改革创新，不仅有利于提升教师的教学技能和职业素質，提高课程教学质量，也有利于提升学生的职业技能和综合素质，提高学生的实践应用能力和编程思维能力，以适应社会对中职应用型人才的需求，满足IT行业对Web前端开发工程师的要求。

参考文献：

[1] 储久良.Web前端开发技术课程教学改革与实践 [J].计算机教育，2014，218（14）：12-15.

[2] 孟瑶，葛玉洁，王康，等.“Web前端开发技术”课程微课设计研究 [J].计算机时代，2019（3）：82-84.

[3] 吴鸿韬，李智，袁玉倩.基于OBE理念的Web前端开发技术课程教学改革 [J].计算机教育，2019，299（11）：91-93+98.

[4] 王婷婷.高职Web前端开发教学中的新教法研究 [J].现代信息科技，2022，6（10）：196-198.

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

作者简介：肖丹阳（1995—），女，汉族，陕西安康人，硕士研究生在读，研究方向：信息技术。

收稿日期：2022-12-14