“JavaScript程序设计基础”课程思政教学设计与实践

吴菁 王苹 李超燕

摘 要：《高等学校课程思政建设指导纲要》指出，要在全国所有高校、所有学科专业全面推进高校课程思政建设，要把课程思政融入课堂教学建设的全过程[1]。本文以“JavaScript程序设计基础”课程为例，对接1+X职业技能等级评价标准，以“工匠心做事，感恩心做人”为引领，多角度分层次凝练思政元素，深入探索课程思政的教学内容和方法，实现立德树人的育人目标。

关键词：课程思政；教学目标；思政元素；JavaScript程序设计

中图分类号：G712               文献标识码：A                文章编号：1674-2346（2023）02-0076-05

教育部印发的《全面推进高等学校课程思政建设》明确提出：全面推进高校课程思政建设是落实立德树人根本任务的战略举措。在高校价值塑造、知识传授、能力培养“三位一体”的人才培养目标中，价值塑造是第一要务。全面推进课程思政建设，就是要寓价值观引导于知识传授和能力培养之中，帮助学生塑造正确的世界观、人生观、价值观[2]。在“JavaScript程序设计基础”课程建设中，认真贯彻教育部文件精神，紧紧抓住课程建设的“主战场”、课堂教学的“主阵地”，将专业课程与思政课程同向同行，将显性教育和隐性教育有机统一，形成协同效应，构建起全方位、多角度、分层次的育人大格局。

1    课程思政总体教学目标设计

“JavaScript程序设计基础”是计算机应用技术专业大一的专业基础课，属Web前端开发的课程。Web前端开发岗位的主要知识和技能如图1所示。

在“Web前端开发”学习过程中，涉及3个递进过程：源代码开发阶段（类似利用原材料纯手工制作）、代码库应用阶段（类似使用现成的零部件进行组装）、框架应用阶段（类似购买半成品，只需配置参数即可）。虽然目前Web前端开发是采用在现有框架的基础上速成，但框架、库都是使用JavaScript脚本语言编写，故JavaScript在前端的学习中非常重要。

课程知识点覆盖第一阶段源代码开发，主要讲解JavaScript基础部分。根据学校的办学定位和专业人才培养要求，该课程教学紧扣1+X Web前端开发职业技能等级标准，主要涉及3个核心知识点：ECMAScript基础知识、BOM和DOM；涉及2项核心技能：表单验证和常见客户端网页特效制作。（图2）

通过对课程的分析，确定该课程思政的总体教学目标为：通过“对接最新的企业项目、对接最真实的工作过程，对接1+X职业技能等级评价标准”，以“工匠心做事，感恩心做人”为引领，融入课程思政元素，培养学生的爱国情怀，培养学生的团队协作意识，培养学生的审美和设计思想，培养学生分析问题和解决问题的能力，将细致严谨、精益求精等工匠精神贯穿始终，加强职业道德和职业意识的培养，规范完成“JavaScript程序设计基础”的教学目标。

2    课程思政元素的凝练和有机融入策略分析

从纵横2个维度，多角度、分层次凝练课程思政元素，创建有温度的示范课程，如图3所示。

2.1    育人坐标：垂直方向

在保证专业教学水准的前提下，构建层次递进、相互支撑的垂直方向课程思政的教学体系，并将之落实到教学活动中，培养学生的专业素养、人文情怀、家国情怀和世界胸怀。

个人成长层面：把职业道德教育放在重要地位，端正学生职业态度，培养学生遵纪守法、诚实守信、踏实认真的职业素养。同时借助中华优秀传统文化与专业课的结合点，通过小人物承载大情怀、小事情阐述大道理，以文育人，在潜移默化中提升学生“爱国、敬业、诚信、友善”的个人品德修养。

国家社会层面：引导学生正确认识世界和中国发展趋势，培养学生家国情怀和责任担当精神，把实现民族复兴作为个人的使命担当，为把我国建设 “富强、民主、文明、和谐”的社会主义现代化强国而奋斗。牢固树立社会主义法治观念，遵守职业道德，强化“自由、平等、公正、法治”的价值取向[3]。同时结合课程的特色，注重强化学生工程伦理教育，培养学生精益求精的工匠精神[4]。

超越个人、超越国界层面：“博学之，审问之，慎思之，明辨之，笃行之”（《中庸.第二十章》），引导学生博闻强识，不断提升学习能力；慎思明辨，不断拓宽思考力；坚定笃行，不断增强行动力，从而不断提高学生的科学素养和人文素养，鼓励学生用发展的眼光、积极的思维，去探索科学发展的新路径，用所知所学报效国家、贡献世界[5]。

2.2    育人坐标：水平方向

围绕国家和区域发展的需求，结合学校发展定位和人才培养目标，构建全面覆盖、类型丰富的水平方向的课程思政体系，把思政元素与课程教学进行有机融合，不断提升课程思政育人的效果。

与时事政治相融合。在讲解JavaScript事件代码时，通过某高校李同学，编写JavaScript脚本，攻击当地政府网站被判刑的事件，帮助学生树立正确的网络道德观和人生观，明白互联网亦在道德和法律约束范围内。为人做事要有底线意识，要牢牢守住底线，绝不违反国家网络安全法。

与传统文化相融合。在讲解JavaScript代码优化时，结合国学“工欲善其事，必先利其器”思想，阐述代码优化的重要性。通过减少HTML、CSS、JS代码的耦合度、优化DOM操作等途径，解决Web常见的性能瓶颈问题，使JavaScript代码更具有可维护性，同时改善Web應用的用户体验。

与数字工匠相融合。讲解JavaScript发展史时，通过学习主流渐进式框架Vuejs.org的创造者――尤雨溪的典型事迹，增强学生的文化自信和民族自信。通过分析国际软件技术应用的现状，增强学生们投身专业研究的使命感，鼓励学生支持民族产业，把爱国热情转化为刻苦学习的实际行动。

与项目相融合。在讲解JavaScript综合应用时，选择最真实的校地党建合作项目――花木基地网站开发，贯穿课堂教学全过程。通过案例学习，增强学生服务当地产业的意识，以数字化形式，用专业技能去推动传统产业升级。

3    课程思政的具体改革内容

3.1    优化教学内容，有机融入思政元素

以“别具‘匠‘心，为传统产业插上‘数字化翅膀”为主线，把握课堂思政的建设方向和重点。选择校地党建合作项目――花木基地网站开发，贯穿课堂教学全过程。通过案例学习，增强学生服务农业现代化、服务乡村全面振兴的使命感和责任感。课堂案例的思政元素如表1所示。

选择抗疫网站制作――模仿完成衛健委的官网主页，作为课外作业。通过案例制作，让学生明白今天能在教室安心地学习，那是很多人付出的结果。“哪有什么岁月静好，只不过有人在替我们负重前行”，引导同学们懂得今天的幸福生活来之不易，好好学习，不要辜负党和人民对他们期望。

3.2    创新教学方法，案例贯穿，设计互动环节，实施教学模式的改革

对分课堂，重在体验。复旦大学博导张学新教授基于认知心理学原理，提出一种原创性的课堂教学新模式，称为“对分课堂”。它的核心理念是课堂上一半时间分配给教师讲授，另一半时间留给学生讨论，课外安排学生进行自主学习[6]。讲授和讨论时间隔开，即本次课讨论的是上次课讲授的内容。通过隔堂讨论，既加深学生对知识的理解，又培养学生的学习能力和表达能力[7]。

例如讲解选项卡特效时，从学生的认知需求出发，兼顾共有知识的衔接，采用“递进式”设计教学内容。先讲解案例的核心知识点，通过“display： block/none”控制页面元素的显示与隐藏。为了提高代码可重用性，引导学生使用函数进行代码封装，但手动调用函数有局限性。为了提高代码的可维护性，递进推出面向对象的编程思想，但该知识点难懂，须安排学生课后再进行自学，并为隔堂讨论做准备。这种模式，结合了传统课堂与讨论式课堂各自的优势。在缩短讲授时间的同时，又让学生理解单元的基本框架与重难点，厘清内容间的相互关系，促进学生知识的重构。

案例教学，加强引导。案例教学不仅使课堂变得有趣，更重要的是寓价值观引导于知识传授和能力培养之中。例如期末综合作业――从“浙”里看百年，在百年奋斗路程中，留下无数先辈们奋斗的足迹，流传着多少感人的故事，传承着信仰的力量。通过案例鼓励和引导学生立足当下，勇担使命，刻苦学习，学以报国。

3.3    采用“一平台、二形式、三主体” 匠心积分制，进行评价方式改革

一平台：采用校Moodle平台和职教云平台记录学生的学习过程，对学生的学习情况进行及时跟踪与反馈，让学生关注自己的进步，培养良好的学习习惯。

二形式：作品完成后，通过合适的信息化手段，线上展示、线下汇报。该形式提升了学生信息化素养与展示汇报能力。

三主体：案例的学习效果从企业、教师、学生等3个方面进行评价，按照教学目标进行客观评价，系统地检验学生的学习效果。

匠心积分制：采用匠心虚拟币的方式，对零散的、不可量化的思政考核用匠心虚拟币的形式进行管理。匠心虚拟币，可以在班级流通。在课程开始前，由任课老师对每个选课的学生预付用于完成任务的匠心积分。在课程学习过程中，可以通过帮助其他小组等途径，获取匠心币。当遇到困难时，也可以通过消费匠心币的形式，解决问题。通过扣除匠心币的方式，引导学生对别人的帮助，要有感恩心。如果项目是以小组形式协作完成，小组长根据团队成员的贡献度进行分配。没付出的同学，得不到匠心币。课程结束后，通过积分兑换得到课程思政考核等级。匠心积分制旨在考核职业素养、精益求精的态度、团结协作的能力。

4    结语

综上所述，要让课程思政真正落实落地，必须充分发挥课堂在高校思政教育工作中的主渠道作用，探索课程思政的教学规律，深入挖掘课程的德育内涵，做好课程思政的教学设计，创新课堂的教学方法，多维度提升课程思政的实效性。通过强化课程的育人导向，实现知识传授与价值引领的有机融合，使价值塑造内生为课程教学中有机的、不可或缺的组成部分，从而完成立德树人的根本任务。

参考文献

[1]教育部. 教育部关于印发《高等学校课程思政建设指导纲要》的通知[EB/OL]（2020-05-28）.http：//www.moe.gov.cn/srcsite/A08/ s7056/202006/t20200603_462437.html.

[2]教育部.全面推进高等学校课程思政建设-教育部高等教育司负责人就《高等学校课程思政建设指导纲要》答记者问[EB/OL].（2020-06-05）. http：//www.moe.gov.cn/jyb_xwfb/s271/202006/t20200604_462551.html.

[3]张玲娜，王纪鹏.增强“课程思政”实效的三个维度[N].中国教育报，2020-06-18（08）.

[4]邓晖.七类专业课程有机融入、鼓励思政课与专业课教师合作教学教研、纳入教师考核评价：高校课程思政建设全面推进[N].光明日报，2020-06-06（03）.

[5]高松.校长思政第一课：弘扬科学精神，科学理性应对疫情挑战[EB/OL].（2020-06-27）. http：//news.scut.edu.cn/2020/0627/c41a42366/page.htm.

[6]张学新.对分课堂：大学课堂教学改革的新探索[J].复旦教育论坛，2014，12（05）：5-10.

[7]吴菁，王苹.“HTML5开发技术”课程思政教学改革探究[J].浙江纺织服装职业技术学院学报，2021，20 （02）：93-96.

Abstract： Guiding Outline for Ideological and Political Construction in Higher Education Curriculum points out that it is necessary to comprehensively promote the ideological and political construction of college courses in all colleges and universities across the country，and to integrate curriculum ideological and political education into the whole process of classroom teaching construction. Taking the course of JavaScript Programming Foundation as an example， this paper docks the “1+X” vocational skill level evaluation standard，takes “craftsmanship to do things，grateful to be a man” as the guide，condenses ideological and political elements from multiple angles and levels，and deeply explores the teaching contents and methods of ideological and political education，enhances the effectiveness of ideological and political education， and realizes the educational goal of building morality and cultivating people.

Key words： ideological and political education;teaching objectives;ideological and political elements;JavaScript Programming