基于OBE 理念的Web 前端开发课程思政路径探索

摘要：五年制高职专业课注重实践，学生重视程度高，融入课程思政能潜移默化地影响学生，落实立德树人根本任务。文章提出以OBE理念为核心的教学策略，该理念倡导以结果为导向设定符合需求的知识、技能和素养目标，再通过思政元素的挖掘和提炼，在设计创新型课堂时将其融入教学内容，课后建立健全考核评价体系，及时动态改进，提高课程思政与专业课的有效融合，培养全面发展的新时代优秀人才。

关键词：OB理念；课程思政；Web前端开发；教学模式

中图分类号：G42文献标识码：A

文章编号：1009-3044（2024）34-0173-03开放科学（资源服务）标识码（OSID）：

0引言

人才培养是国家百年大计，教育部2020年5月颁布的《高等学校课程思政建设指导纲要》中指出，全面推进课程思政建设是落实立德树人根本任务的战略举措，课程思政建设是全面提高人才培养质量的重要任务。课程思政的根本任务是立德树人，将做人做事的基本道理，社会主义核心价值观的要求，实现民族复兴的理想和责任，润物无声地融入各类课程教学中[1]。当前，五年制高职专业课的特点导致思政教育融入存在一定难度。学生常常感到困惑和不适应，认为思政元素生搬硬套，影响了思政教育的实际效果。因此，专业课融入课程思政，需要在教学设计中紧密结合专业特点，自然渗透思政元素，实现与专业知识的有机融合。本文以五年制高职电子信息工程物联网技术专业的Web前端开发核心课程为例，探索基于OBE（基于成果的教育）理念的课程思政融入路径，以期促进学生综合素质的全面发展，培养更具社会责任感和创新精神的优秀人才。

1五年制高职专业课课程思政方面的教学现状

在五年制的高职教育教学生涯中，对于专业课教学而言，教师们更加注重学生的技能培训和考证通过率，却将思政教育视为额外负担，担心其挤占宝贵的教学时间。这种心态导致思政教育常被边缘化，即便融入也往往流于形式，如简单插入思政视频或图片，缺乏深度与针对性，难以触动学生心灵。因此，专业教育与思政教育常呈现“两张皮”状态，不能发挥出课程育人的功能。Web前端开发课程作为五年制高职电子信息工程系物联网技术专业的重要课程，这门课程为学生提供了必要的技术基础和思维方法，对学生后续专业课程的学习起到了关键性的作用。如何在Web前端开发课程中将课程思政的教学理念贯穿到教学之中？答案是“明其理、熟其用、穷其变”。所谓“明其理”，就是探讨课程思政导入Web前端开发的基础与意义；所谓“熟其用”，就是探索如何将课程思政元素导入Web前端开发课程的教学之中，并且巧妙应用；“穷其变”就是在实践中，不断地反思、创新，力求教学内容和课程思政不断地融合。这一理念在专业教学中具有重要的意义和作用。

2OBE理念下专业课与课程思政融合的契合性

2.1OBE理念概述

OBE（Outcomes-basededucation）理念也称为成果导向教育理念，它倡导以学习成果为导向，以学生为主体和中心，采用反向设计的方式进行课程体系的建设[2]。它更加关注学生的知识掌握程度，注重对学生能力和素养的评价。因此，OBE倡导采用多样化的评价方式，如项目作品展示、实际应用表现等，以全面、客观地评估学生的学习成果，培养学生自主学习能力和实践能力，并采用多样化的评价方式来推动教育改革和提升教育质量。

2.2对“课程思政”理念的再认识

课程思政是将思想政治教育融入课程中，通过渗透思政元素来引导学生对与思政相关的价值观和道德问题进行深入思考和讨论[3]。首先，课程思政强调了专业知识与思政教育有机结合。将思政元素融入专业课中，使学生更加直观地感受到思政教育的实际应用，并提高他们对专业知识的理解和掌握。其次，课程思政注重培养学生的创新能力和批判性思维。通过案例分析、实际问题讨论等方式，在解决实际问题时引导学生运用所学知识，并培养他们的创新能力和批判性思维。最后，课程思政对个人、社会和国家的发展都具有积极影响。通过培养具有正确价值观和道德观的人才，为社会提供更多具有社会责任感和创新能力的专业人才。

2.3OBE理念下专业课和课程思政教学融合的有效性

OBE和课程思政在其本质和内涵上具有高度一致之处，两者都强调关注学生个人发展、社会价值观念培养，并通过研究学生的个人目标、学校要求、家庭期待和社会需求等来指导教育实践，更好地满足学生需求并培养出具有综合素质和正确价值观念的高素质人才。为此，本论文从实际出发，选取专业课Web前端开发这门课为例，对思想教育和专业课程教学融合途径进行研究，旨在为促进课堂教学创新、设计思政课堂教学内容提供借鉴与反思。

3OBE理念下Web前端开发课程思政实践路径探索

Web前端开发课程作为一门重要的专业课程如何在OBE理念下进行思政教育，实践路径可以从以下几方面进行探索。

3.1结合人才培养计划，明确课程思政教育目标

根据OBE理念，Web前端开发课程的教学体系一般按“课程目标→教学内容→教学方法→评价体系”的路径反向设计而成[4]。因此首先就是设定目标，课程思政教育旨在培养学生的思想品德和社会责任感。通过对知识、能力、素质等方面进行剖析，并利用逆向思维构建课堂，可以更好地实现课程思政教育的目标。教师根据学科内容和学生需求，选择合适的教学方法和策略，并组织相关的课堂活动，以培养出具有良好道德品质和社会责任感的高素质人才。其次可以通过改革教学方法，如采用情境教学、项目教学等，来激发学生的学习兴趣，提高他们的思考能力和实践能力，最后建立一个有效的评价机制来检查课程思政教育的效果。评价机制不仅可以帮助我们了解学生的学习情况，还可以帮助我们调整教学策略，以达到更好的教育效果。

3.2挖掘探索思政元素，完善课堂教学内容

在思政教育中，我们应该重视学生心理发展的重要性，并采取相应的引导方法。鼓励学生主动参与、主动体验以及给予融入感，帮助他们实现自我价值，并促进其健康成长。在将思政融入教学过程中，可以采用多种形式来呈现思政教育要素。例如，可以通过案例讲解来引发学生对道德、社会责任等问题的思考。每一章都以某个思政主题为主线，并持续运用不同的展示方式来潜移默化地感染学生。这样可以使思政教育元素在教学过程中得到多次强化，提高学生对思政内容的理解和接受度。

在Web前端开发专业课程中融入思政内容，可结合各章节特点设计思政主题，比如第一章的Web前端开发概述教学中，在介绍Web前端开发技术、Web相关概念、常用浏览器以及前端开发工具软件时，我们引入红色网站案例，强化学生爱国意识，同时激发学生创新精神和探索欲，并强调其职业规范和道德要求。在第二章HTML基础教学中，学生需要熟悉和掌握HTML的基本结构和标记，熟练使用HTML常用标记创建简单网页，因此可以让学生认识HTML标记语言的重要性，培养学生的职业素质和道德规范。在第三章列表与超链接的教学中，学生需要掌握列表样式设置方法及掌握超链接样式设置方法，因此可以引入做人做事要遵守各项规章制度、没有规矩不成方圆的道理，融入职业情怀教育，做事要认真负责、一丝不苟。在第四章表格与表单的教学中，除了让学生掌握创建表格和表单的HTML标记外，可以强调数据安全的重要性。引入分析网络安全案例和讨论数据泄露的风险，让学生明白在前端开发中保护用户数据的重要性。在第五章CSS样式的教学中，除了讲解CSS语法和使用方法外，可以引导学生拓宽视野、训练创新思维。借助分析国内外优秀的网页设计和CSS应用案例，让学生了解到CSS在网页美化、交互效果实现等方面的强大功能。同时，鼓励学生勇于创新、敢于尝试新的设计理念和技术手段，做到精益求精、追求卓越。第六章的盒模型教学中，除了讲解盒子模型的概念和相关属性外，可以融入团队合作、有效沟通的理念，实现知识与行动的高度统一，以此达成知行合一的境界。在第七章导航栏制作的教学中，深入探索并解析多种导航栏设计的构思与实现策略，引领学生认识到在导航栏的设计与开发旅程中，用户体验与安全性是必须并重考量的两大核心要素。这一过程旨在培养学生的综合设计思维，确保他们在实践中能够兼顾美观性、易用性与安全性。在第八章综合网站设计制作的教学中，除了让学生掌握HTML+CSS进行网页布局的方法外，可以引导学生思考职业愿景，根据行业趋势规划技能发展，树立正确技能观和职业规划意识。具体可见表1。

3.3建立考核评价体系，确保课程思政落实到位

基于OBE理念，确保课程思政在Web前端开发课程中落实到位，构建一个全面、高效且有效的考核评价体系是至关重要的。因此，在构建思政产出评价体系时，为了更好地实现反向设计和持续改进，需要设置一套可量化的课程思政产出评价体系[5]，在课程考核体系中深度融合思政教育，为了确保思政教育在课程考核中得到充分重视，设定思政考核的权重占比约为10%。鉴于教学流程涵盖课前、课中与课后三大环节，课程思政的产出评价也相应地细化为这三个部分，以确保思政教育的全面融入与有效评估。课前思政考核侧重学生的主动探索与初步思考，主要通过学生提交的调研报告来评价。在课内评价环节，通过案例教学引导学生开展深入讨论，观察并评估学生在这一过程中展现出的价值观形成轨迹与思辨能力的发展状况，在案例教学后，引入“五问反思法”，帮助学生深入思考和总结案例教学的经验和教训：1）我学到了哪个知识点？2）我之前是怎么想的？3）我之前的想法怎么样？4）我应该怎么想才对？5）我怎样才能用上它？其中第一问是对知识性内容的回顾，第二、三问是促进学生的理解，第四、五问是测量高阶目标，并设想应用情景[6]。课后作为巩固与提升的环节，课后评价以小组合作的形式完成案例设计报告。在评价体系构建中，强调评价学生主体的多元性，深度融入了学生的自我评价与相互评价。只有通过科学、合理、有效的评价体系，课程思想政治教育的质量才能保证，才能培养出专业技能扎实、综合素质高以及社会责任感强的新时代优秀人才。

4结束语

课程思政与专业课的融合，不仅可以有效提高学生的专业技能，也可以锻炼学生的综合能力以及社会责任感。本文对Web前端开发课程将思政元素融入专业课教学的路径与办法进行探讨，在课程教学设计中，巧妙地将社会主义核心价值观、职业道德、信息安全意识等思政元素融入前端开发的理论知识与实操练习中，引导学生树立正确的价值导向。采用富含思政意义的案例进行教学，如分析国内外优秀网站的前端设计，探讨其在用户体验、数据安全等方面的社会责任感体现，从而加深学生对专业知识的理解和对社会责任的认知。组织学生参与具有思政教育意义的Web前端开发项目，如开发公益类网站或应用，让学生在实践中体验团队合作、责任担当，同时提升专业技能。这些路径与方法体现了教学模式的创新，不仅丰富了课程内容，还增强了教学的时效性和针对性，它们不仅打破了传统教学的界限，更通过引入前沿理念与技术手段，实现了教学资源的优化配置与高效利用，希望能为新时代的职业教育教学改革提供借鉴与思考。

参考文献：

[1]李华，魏光杏，刘东旭.专业课教学融入课程思政的实践探索：以网页设计课程为例[J].成都中医药大学学报（教育科学版），2022，24（4）：125-127.

[2]窦新宇，王建龙，王玉娜.基于OBE理念的课程思政评价体系的构建[J].工业技术与职业教育，2022，20（2）：65-68.

[3]王学俭，石岩.新时代课程思政的内涵、特点、难点及应对策略[J].新疆师范大学学报（哲学社会科学版），2020，41（2）：50-58.

[4]卢玲，杨武，陈媛，等.数据结构课程思政路径探索与实践[J].计算机教育，2022（2）：30-33.

[5]姜建文，陶端健，刘晓玲，等.基于OBE理念的“化学教学设计与实施”课程建设与教学实践[J].化学教育（中英文），2022，43（12）：68-76.

[6]赵亚楠，庞亚恒，毛羽丰.基于OBE理念的应用化学类课程思政教学改革与实践：以《环境分析化学》课程为例[J].沧州师范学院学报，2023，39（1）：128-132.

【通联编辑：张薇】