HTML5云应用开发课程思政教学改革探索

黄金晶，吴阅帆

(苏州工业职业技术学院软件与服务外包学院，江苏苏州215104)

在党的十八大报告中，首次将“立德树人”确立为教育的根本任务，“立德树人”要求教育要把德育放在首位。习近平总书记在全国高校思想政治工作会议上指出，思政课是落实立德树人根本任务的关键课程，其他各门课都要守好一段渠、种好责任田，使各类课程与思想政治理论课同向同行，形成协同效应[1]。因而，德育绝不仅仅是思政课老师的责任，德育应该贯穿在每一门课程的教学过程中。对于高校学生来说，他们的思想活跃、见识广泛、求知欲强，正确的价值观引导非常重要，在学校教育中，各类专业课和思政课要协同育人[2]，让学生德技双修[3]。

HTML5云应用开发课程是高职计算机系云计算技术与应用专业开设的一门专业必修课程。对于高职云计算专业的学生来说，云应用开发工程师是他们可以从事的岗位之一，云应用开发工程师除了具有良好的专业能力外，还要有对工作一丝不苟的态度、较强的责任意识和规范意识、较好的团队协作精神。HTML5 云应用开发课程遵循“德育为先、知识为本、能力为重、全面发展”的育人理念，不仅要培养学生掌握HTML5 的相关知识、利用HTML5和CSS3等技术进行云应用项目设计与开发能力，还要培养学生良好的职业素养。

1 基于课程思政的教学改革方案

1.1 课程教学目标

在云计算技术与应用专业的人才培养方案中，HTML5 云应用开发课程开设于大二，作为一门专业必修课，它的教学不仅仅要教授学生知识，育人也不可或缺。笔者将HTML5 云应用开发课程的教学目标分为素养目标、知识目标和能力目标。课程主要面对的就业岗位为云应用开发工程师，在素养目标中，力求培养学生的责任感、团队意识、创新精神等，知识目标主要是帮助学生掌握HTML5、CSS3 和JavaScript 的相关知识，能力目标主要是培养学生开发云应用项目的能力，表1所示的为课程主要的教学目标。

表1 课程主要教学目标

1.2 融入课程思政的教学内容

HTML5云应用开发课程是一门Web前端开发技术类的课程，操作性强，强调学生实操的过程，在教学内容中如何有机地融入思政元素是值得深入探究的。很显然，课程思政不是在课堂上给学生讲大道理，也不是带领学生喊口号，正如专家所说，课程思政是随风潜入夜，润物细无声的过程[4]。HTML5云应用开发课程是以云应用项目为载体，将HTML5、CSS3、JavaScript等技术融入其中。这门课程虽然是一门开发类的课程，但是包含了丰富的思政元素，比如科技兴国、民族自豪感、时代精神、工匠精神等。将思政元素融入教学内容后，使得知识传授、价值引领和思想政治教育有机融合[5]，课程教学实现了全过程育人。专业知识通过有效思政案例的融入变得生动有趣，学生在专业知识、技能学习的同时，提升了道德和职业修养。下面具体描述课程思政教学内容的融入。

1)整体教学内容

在整体教学内容的选取上，课程采用项目化教学，选择“我的云盘”项目为载体。云盘是一个典型的云应用项目，作为云计算技术与应用专业的学生，云盘是需要了解的项目之一。利用云盘可以方便地进行资料的存储，减少了计算机病毒的携带和传播，同时可以防止隐私的泄露。在整个项目完成过程中，将工匠精神贯穿到底，加强学生代码规范意识，培养他们精益求精的品质。同时网页中各元素色彩的搭配、页面的排版、页面的布局等都融入了“五育”[6]中的美育，培养学生在网页设计中认识美、爱好美和创造美。除了“我的云盘”项目外，课程还布置了相关的拓展项目，培养了学生的创新意识。

2)单元教学内容

课程将“我的云盘”项目按照工作任务分解，分为登录注册、我的相册、我的文档、我的音乐、我的视频、回收站几个模块，每个模块都选择了合适的思政案例，将思政元素融入其中，如图1所示。

图1 课程思政元素融入图

在“登录注册”模块中，以云盘登录注册表单验证为例，对学生进行诚信教育，教导学生要遵守道德规范，引导学生树立正确的社会主义核心价值观。在“我的相册”模块中，引入最美抗疫瞬间的图片，鼓励同学们为抗疫贡献自己的力量。在“我的文档”模块中，通过对大国工匠事迹的收集，让学生了解工匠精神，作为高职的学生，要在自己的专业领域踏实、严谨、精益求精。在“我的音乐”模块中，学生选择自己最喜欢的爱国歌曲，了解歌曲创作的历史背景，激发学生的爱国情怀。在“我的视频”模块中，学生围绕“祝融号”“玉兔号”“蛟龙号”等航天探海工程，感受到中国航天技术的进步，增强学生的科技自信，提升民族自豪感。在“回收站”模块中，引入信息安全，提高学生信息安全与隐私保护的意识，采用合理的手段保护自己的信息处于安全状态。

1.3 课程教学策略

课程采用O2O 混合教学模式[7]实施教学，整个教学过程被分为课前、课中和课后。图2所示的为课程的教学策略图。

图2 课程教学策略图

课前：老师在网络教学平台上发布学习资源和学习任务，包括任务书、重难点微课、练习题等，学生对各类教学资源进行预习并完成课前学习任务，老师通过学生课前任务的完成情况对学生学情进行分析，并及时调整教学重难点。

课中：以项目为载体，采用任务驱动、分组教学的方式进行授课。课堂上以学生为主体，教师引导学生完成学习任务，并将思政元素融入其中。学生以组为单位，成员间相互交流，共同完成学习任务。每个小组任务完成后，教师以多元方式对学生进行评价，包括组内自评、小组互评和教师评价。评价的内容不仅涵盖学生的作品，还涵盖学生出勤情况、课堂纪律、团队合作等方面。

课后：教师布置和上课内容相关的拓展任务，学生及时完成课后拓展，巩固所学的知识，教师通过查看学生任务完成的情况，及时了解学生本课的学习情况，包括素养目标是否达成、知识点是否掌握、能力是否达到要求。

2 教学实施实例——“我的相册”单元

“我的相册”是“我的云盘”教学案例中的一个教学单元，本节以该单元为例，展开教学实施过程的描述。“我的相册”是“我的云盘”项目的重要组成部分，是用来存放用户保存的各类型图片。通过“我的相册”单元，要求学生进一步掌握利用DIV+CSS进行页面布局、掌握CSS3的transform属性等。

2020年初，一场突如其来的新冠肺炎疫情打乱了人们的生产生活，疫情暴发后，全国各地的医护人员、志愿者驰援疫区，基层干部、社区等工作人员不辞辛劳、日夜奋战，留下了很多感人的照片。“我的相册”单元，要求同学们搜集2020年以来感动自己的抗疫瞬间图片，这些图片构成“我的相册”素材。图3所示为“我的相册”单元教学过程，分为课前、课中和课后三个环节，利用O2O混合教学模式，能够更好地“以学生为中心”，提高学生学习的效率。

图3 “我的相册”单元教学实施过程

课前，教师首先发布学习任务，请学生利用互联网进行信息检索，找到最感动你的抗疫瞬间。在素材查找过程中，一个个鲜活的事例让学生感受到伟大的抗疫精神，全国人民在党中央的正确领导下，上下一心、众志成城、共克时艰。其次，教师发布了HTML5标签、DIV+CSS盒模型、CSS3属性的相关学习资源，供学生课前学习。最后，教师发布课前测试，通过测试结果能够提前了解学生对本课知识的掌握情况。图4 所示的为学生课前搜集到一些图片实例。

图4 学生收集的图片实例

课中，以任务驱动的方式进行教学。首先，学生根据任务书的要求，利用前面已经学过的DIV+CSS盒模型分组实现页面的搭建。其次，讲解利用CSS3 技术实现图片缩放、旋转、平移的方法，并根据学生课前学习的效果对易错处进行分析，学生根据任务书中的要求，分组对页面中的图片利用CSS3 技术实现相关效果。图5所示为学生作品实例。最后是评价环节，课程采用多元评价方式。小组成员对自己的表现进行自评，组长汇报作品后，小组之间进行互评，老师根据小组作品结合学生在小组中的表现给出教师评分，最终按比例形成每个同学本单元课堂考核分数。在此过程中，德技并重，不仅考查学生掌握的知识和能力，同时考查学生的品质和素养。图6所示为单元考核评价过程。

图5 学生作品

图6 单元教学评价图

通过小组同学对本组作品的展示，学生再一次体会了医护人员等为战胜疫情付出的艰辛努力。目前我国进入常态化疫情防控阶段，有的学生防疫意识已经有所淡薄了，然而新冠病毒是一个非常狡猾的病毒，变异快、防控难度大。医护人员、各级各类工作人员为了保卫我们的健康，舍小家顾大家，同学们也应该为抗疫做出自己的努力，比如要正确佩戴口罩、不聚集、及时接种疫苗等。

课后，根据所学的内容进行相应的拓展。2021年是中国共产党成立100 周年，100 年来党和人民血肉相连、患难与共，中国共产党带领中国人民抒写了伟大的历史篇章。学生课后围绕着“党史展现”的主题，用图文呈现出100年来中国共产党经历的大事件。通过课后拓展，学生一方面灵活应用了课堂上所学的知识，另一方面学习了中国共产党的党史，了解了一大批优秀的共产党人和他们的感人事迹，激发了学生的爱国情怀。

3 总结

立德树人是教育的根本任务，HTML5 云应用开发课程作为一门专业课，坚持育人为本，德育为先，如何在专业课中将专业知识和思政元素有效地融合起来是值得深入研究的问题。课程教学团队对HTML5云应用开发课程进行了基于课程思政的教学改革，将家国情怀、使命担当、工匠精神、创新精神等思政元素融入教学内容，实现思政教育与知识技能教育的有机融合，引导青年学生树立正确的三观。通过课程思政改革，专业课程与思政课程将同向同行、协同育人，帮助学生成长为能够担当民族复兴大任的时代新人。