课程思政在《Web前端脚本框架应用》课程中的实践探索

密海英 沈茜

◆摘  要：以《Web前端脚本框架应用》课程为例，从课程现状、课程思政设计思路、基于优慕课平台的“课程思政”教学实践三个方面探讨如何将课程思政与专业课教学有机融合，梳理课程的思政元素，建立基于“课程思政”的教学项目案例库，构建混合式教学模式，发挥“思政元素”的价值引领作用，使学生在掌握专业技能的同时实现德育与智育的统一，从而推动高校全方位育人发展。

◆关键词：课程思政;优慕课;混合式教学;教学设计

2016年12月，习近平总书记在全国高校思想政治工作会议上强调： “其他各门课都要守好一段渠、种好责任田，使各类课程与思政理论课同向同行，形成协同效应。”这就要求专业课教师也要在教学过程中融入思想政治教育元素，使学生在掌握专业技能的同时实现德育与智育的统一，完成思政课程到课程思政的逐步转变，从而推动高校全方位育人发展。

本研究以计算机应用技术专业的核心课程《Web前端脚本框架应用》为例，以优慕课为网络教学平台，对课程进行“课程思政”教学设计的实践探索。

1课程现状

本课程以教育部“1+X”Web前端开发职业技能等级证书（初级）为标准，面向计算机应用技术专业大二学生，是计算机应用技术的一门专业核心课程。在教学过程中不仅要传授学生知识和技能，而且要注重学生核心素养的培养。但是以往的教学方式更侧重于专业知识技能的传授，而忽略了专业课程育人的功能。因此应将思想政治教育与课程理论教学、实践训练充分结合，更好地发挥专业课堂育人功能。

2“课程思政”设计思路

“课程思政”是要求在知识传授的过程中，通过有效融入思政元素，达到思政教育，从而在知识育人的同时，达到思想育人的目的。在《Web前端脚本框架应用》课程中融入思政元素将按照以下几个步骤进行：第一，找准思政元素定位，挖掘出适合融到课程中的思政元素要点;第二，通过分析课程标准，梳理课程知识点，寻找课程知识与思政元素的契合点，建立教学项目案例库;第三，充实教学资源，充分发挥思政引领作用。

2.1挖掘思政元素

思政元素包括万象，在挖掘思政元素前首先做出基本分类，可以包括爱国情怀、法治意识、职业素养以及工匠精神等。在挖掘过程中，有意识地选取多个类别的思政元素，达到全方位育人的效果。在《Web前端脚本框架应用》课程中主要选取了社会主义核心价值观，中华优秀传统文化以及工匠精神融入到课程教学案例中。

2.2建立基于“课程思政”的教学项目案例库

在课程总体设计中，本课程采用项目案例教学。在教学案例库的建设方面，为发挥充分“全课程育人理念”效应，充分考虑授课对象的特点，设计出符合授课对象兴趣要求的教學项目案例。故在项目案例中应多选取能够引起学生共鸣的案例，如国家大事、社会热点、校园生活等，挖掘课程元素与思政元素的契合点，确定出既适合知识教学又能体现出思政教学的主题，构建基于“课程思政”的课程教学项目案例库。如“基本选择器”教学案例中通过排版设计“社会主义核心价值观”网页页面，融入思政教育元素，使学生在实践任务的过程中对社会主义先进文化的精髓有更深的认识，产生认同感;“DOM操作”教学案例通过对“商品评价”真实性的认识，融入思政教育元素对学生理性进行网络购物、诚信评价商品，帮助其他消费者了解真实产品的教育;“Validation插件的使用” 教学案例让学生一方面认识到互联网时代知识共享的意义和价值，同时也能够甄别哪些是开源代码，哪些是有版权保护的代码。

2.3构建混合式教学模式，发挥“思政元素”的价值引领作用

在课堂教学设计方面，为了充分发挥“思政元素”的价值引领作用，切实提高教育教学效果，构建线上线下混合式教学模式。线上教学主要针对课前预习和课后拓展两个环节，需要在优慕课平台已有的资源基础上，更新思政元素教学资源，包括思政视频、网站素材和拓展链接3个方面。其中思政视频应用于课前预习环节，目的在于引起学生的学习兴趣，使学生通过观看视频了解与课程主题相关的思政元素内容。网站素材和拓展链接应用于课后拓展环节，分别为学生提供与思政元素相关的网站制作素材和典型案例，供学生模仿学习使用，提高学生技术应用的能力。线下教学侧重项目实践和解决重难点问题，教师在课堂教学过程中采用与思政元素相符的教学素材，适时运用多种教学手段，使思政元素贯穿课堂始终，让学生在获得知识技能的同时，得到思想上的升华。

3基于优慕课平台的“课程思政”教学实践

本实践内容选自课程中的DOM操作部分，包含属性操作、样式操作和内容操作，选用在网页上实现“商品交易售后五星评价”的工作任务作为教学任务，通过该任务的学习实践，学生既可以掌握jQuery技术DOM操作知识点，以达成专业课程知识与技能的教学目标;又可通过对“商品评价”真实性的认识，融入思政教育元素对学生理性进行网络购物、诚信评价商品，帮助其他消费者了解真实产品的教育。

3.1课前引导

在优慕课平台上请学生在指定时间完成两个任务。一是学习了解获取属性attr（），CSS 类名操作addClass（）和removeClass（），获取HTML（）、文本text（）和值val（）的用法，找出这些方法对应的语法格式;二是根据商家给出的全五星晒图+优质评价等要求评价商品获得返现的做法以及将对社会产生的影响给予评价。

3.2课中初探

教师提供对应以上知识点的三个实践案例，其中案例中的文字内容选取社会主义核心价值观，让学生把良好道德情操体现在日常学习和生活中，使得社会主义核心价值观落细落小落实。学生根据课前所学以及书本上的语法规则、案例完成以上三个实践案例。

3.3深度解析

综合应用三种DOM操作分三个任务实现商品交易售后五星评价的应用案例。在完成所有功能的过程中，融入因为对商品的不真实评价引起的一些案例和网络犯罪的思政教育，引导学生要践行社会主义核心价值观，客观诚信的评价商品，并且不要因为贪图小利参与一些好评返现或是商品刷单等侵害社会和他人利益的活动。应该打击网络侵权假冒、刷单炒信、虚假宣传、虚假违法广告等违法行为。

3.4课后评价

（1）综合课前主题作业;课中与学生的互动情况、编码规范等;课后学生提交的“实践任务书”进行评分。（2）课后小测，使用在线测试功能对本课知识点进行测评。（3）对自己购买的商品进行一次客观的评价，截图发讨论区。进一步理解社会主义核心价值观中“文明、公正、法治、诚信”，做到公平诚信评价商品，不参与网络刷单等违反社会公德的活动。评价表如表1所示。

4总结

“课程思政”针对不同专业具有不同的特色，挖掘出的思政资源也不同，因此对教师的要求也比较高，需要我们每位教师都能很好地利用校内外课堂长期不懈地加强对学生的思政教育，并不断在教学内容、教学方法、教学组织、评价机制等方面实践和创新，才能在教会学生技能的同时不断提高学生思想水平、道德品质和文化素养，让学生成为德才兼备、全面发展的人才。

参考文献

[1]阳琼芳，朱海燕.高职院校计算机类专业课程思政建设的探索与实践-以图形图像处理课程为例[J]. 广西职业技术学院学报，2020（10）：92-94.

[2]孙翠翠，李霞.“课程思政”教学实践探索-以《数据结构》课程为例[J].山东广播电视大学学报，2019（4）：21-23.

[3]远俊红，林波.课程思政在计算机专业课程中的应用： 以“Java 程序设计”为例[J]. 智库时代， 2019（21）： 153-154.

作者简介

密海英（1980-），女，江苏苏州人，苏州工业职业技术学院，副教授;沈茜（1976-），女，江苏苏州人，苏州工业职业技术学院，副教授。（江苏苏州 215104）。

项目：2020年学院课程思政与思政课程示范建设项目《Web前端脚本框架应用》。