以移动Web开发课程为例的课程思政设计研究

常莹 陈海燕 朱庆华

摘要：随着高等教育的发展，特别是在职业学校，教师在进行教学时，以往只重视学生的专业知识的学习情况，以及动手实践操作能力的培养，忽视了对学生思想道德情操的引导和培养。文章主要研究如何在实现教学目标和教学重点的同时开展思政教育并融入教学中，使专业课的课堂成为思政教育的有利阵地[1]。

关键词：职业教育;专业课程;思政教育

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

文章编号：1009-3044（2022）19-0130-02

移动Web开发是计算机应用专业课程体系中最基本、最重要的课程之一，是学生步入顶岗实习前的一门专业必修课，这门课程在教学计划中的重要性是不言而喻的。作为一名计算机应用专业的教师，将课程思政和育人理念融入课程的各个环节，在知识传播的过程中实现价值引领，为计算机应用相关工作岗位输出优质的人才是非常重要的。北京电子科技职业学院向来注重学生思想道德的培养和引领，通过课程思政元素的融入，让学生以校为荣，坚定理想，做中国力量、中国精神、中国效率的继承人和发言人。

1 设计思路

1.1本次设计的课程思政目标

课程教育学生的爱校精神;要有责任感、有担当;要遵守职业规范;要有工匠精神;心理健康;有艺术审美。

1.2课程思政教学设计内容

1.2.1课前思政引入

2020年春，一场突如其来的疫情危及人民生命和国家安全，广大医务工作者不畏艰险，毅然出征，成为“最美逆行者”。通过知识的学习，让学生充分讨论，并最终设计出“我爱我校”移动网站的首页，培养学生爱国、爱校和工匠精神。

1.2.2课中思政贯穿授课过程

教师讲解专业课程内容及要求的过程中，引导学生：

1） 通过所学知识设计首页框架，实现防疫知识的宣传，培养学生尊重生命、勇于承担责任、有担当的精神;

2） 让学生发现身边的最美电科人，使学生拥有健康的心理，向榜样学习;

3） 在代码书写时亲力亲为，通过自己的劳动获得最终成功，同时要有版权意识，注意版权保护[2];

4） 在代码书写时遵守规范，代码该缩进就缩进，有职业精神。

1.2.3课末思政总结反思

要求学生课后根据设计进行完善，并进行反思回顾，在作业本专栏记录收获、体会和设计不足，进一步思考首页设计待完善内容，如：主题设计、栏目设计、布局设计等，并在今后的课业设计中修正，进一步提高自己的艺术审美。

2 案例描述

今天的生活中很多人都离不开手机，衣食住行中，信息成了我们最亲密的伙伴。移动网站、各种App成了每个人每天都要访问浏览的内容。学好移动网站开发的技术，懂得人们的思维、操作方式，设计并实现一款优秀的App或网站，让科技服务于人民生活。有很多人认为：学计算机的人每天都和冷冰冰的机器打交道，既缺乏人文环境，又缺乏人文精神。事实是计算机专业的人，不仅要有极强的逻辑思维能力和知识，也注重人文思想，更加注重科技改变人民生活的理念。

2.1移动网页首页页面布局

2.1.1 index.html文档头标签设计，如图1所示。

2.1.2 页面布局

老师讲解jQuery Mobile页面标签设计的知识，给出教学案例，标签及效果如图2和图3所示。引导学生模仿案例，熟悉移动网页框架结构，为下一步设计好首页做好知识准备。

本教学内容思政体现在，代码书写时亲力亲为，通过自己的劳动获得最终成功，同时要有版權意识，注意版权保护。

2.2导航栏设计

导航栏由一组水平排列的链接构成，通常位于页眉或页脚内部。默认地，导航栏中的链接会自动转换为按钮（无需 data-role="button"），如图4所示。

学生三人一组讨论，设计导航，经过充分研讨，设计了4个导航栏。

思政贯穿内容为，课程开始引用龙应台写给安德烈的一段话：假如两年后，你想拥有选择的权利，选择有意义、有时间的工作，而不是被迫谋生。教育学生从现在开始，珍惜学习的机会，珍惜每一节课！[3]

一个新手在一个领域入门，必须经过一个月的专业培训，才能完成基本操作的整个流程;要做到独立、熟练操作，则最少要经过一年。所以，对于一个学生来说，具有耐心、责任心并脚踏实地，这是成功的首要条件之一。提升学生逻辑思维能力和逻辑推理能力，养成良好的学习情感及积极的学习态度[4]。重温中美贸易战中的“中国芯”，教育学生们认真学习，奋发图强，为祖国的腾飞、为中国梦而认真学习。

通过标签及代码的书写，树立学生踏实遵循标准和规范、严谨细致的工作学习作风;培养学生良好的编程意识，该有缩进的地方就要遵守规则，让学生明白一个集体需要每个成员都遵守相应的规则。

通过讨论环节，培养学生自信心及勇于自我表现的良好素质;教育学生要多跟有正能量的朋友同学交往;培养学生努力拓展思维理论与实际相结合的思维习惯。培养学生学会遵守规则，学会遵守社会的公德，培养学生要学会保存资料，学会资源共享，学会温故知新[5]。

2.3可折叠块设计

创建可折叠的内容块，需要向容器分配 data-role="collapsible" 属性。在容器（div）中，添加一个标题元素（h1-h6），其后是需要扩展的任意 HTML 标记。标签及效果如图5所示。学生三人一组讨论设计最终确定效果。

思政体现：通过讨论环节，培养学生自信心及勇于自我表现的良好素质;教育学生要多跟有正能量的朋友同学交往;培养学生努力拓展思维理论与实际相结合的思维习惯。

2.4 列表视图设计

jQuery Mobile 中的列表视图是标准的 HTML 列表：有序列表 （

） 和无序列表 （
）[6]。如需创建列表，请向
或
元素添加data-role="listview"。如需使这些项目可点击，请在每个列表项（
• ）中规定链接。标签效果如图6所示。

  学生三人一组讨论设计代码及预览效果如图7、图8所示。

  思政体现1：通过标签及代码的书写，树立学生踏实遵循标准和规范、严谨细致的工作学习作风;培养学生良好的编程意识，该有缩进的地方就要遵守规则，让学生明白一个集体需要每个成员都遵守相应的规则。

  思政体现2：让学生发现身边的最美电科人，使学生拥有健康的心理，向榜样学习[7]。

  3 总结反思

  移动Web开发是计算机专业的必修课，通过本课程的教学，学生能够掌握移动网站开发的基本技术和方法，教师在专业课中要注重寻找专业教育与思政教育的“触点”，培养技能型与家、校、国情怀并重的人才。

  老师在讲解教学知识的同时，将国家“生命-责任-担当”以及教育的热点词汇“工匠精神”作为主线，贯穿整个课堂的教学活动。教学过程采用案例引入，学生讨论、解决问题为线索，完成教学内容的同时进行思想教育。

  教师言传身教传递给学生正能量，学生努力学习，形成正确三观，回报社会。教学过程要使学生感受到：只有具有责任心、有担当的青年大学生，才能在以后为国家做出更大的贡献，成为担负起民族复兴大任的时代新人。

  参考文献：

  [1] 张华，董骁.传感器原理课程中思政教学的路径初探[J].福建电脑，2019，35（9）：50-52.

  [2] 孟令梅.“互联网+”时代学术期刊编辑角色的重新定位[J].晋阳学刊，2018（1）：125-131.

  [3] 張俊丽.近五年高考理综化学创新题对中学化学教学的启示[D].呼和浩特：内蒙古师范大学，2013.

  [4] 田向东.谈谈初中物理教育教学中学生逻辑思维巧培养[J].新课程（中），2019（11）：212.

  [5] 赵玉荣.培养中职学生良好品德的思考[J].重庆与世界（学术版），2012，29（6）：49-51.

  [6] 孙秀娟，贾民政.基于CSS的网页导航栏的设计[J].电子制作，2018（10）：32-34.

  [7] 吴霜.在职业素养教育中融入价值观教育的途径[J].新校园（上旬），2017（1）：146.

  收稿日期：2021-09-24

  作者简介：常莹（1972—），女，北京人，讲师，硕士，主要研究方向为软件工程、移动终端技术等;陈海燕（1971—），女，北京人，讲师，硕士，主要研究方向为移动终端技术等;朱庆华（1972—），男，北京人，讲师，学士，主要研究方向为电子技术、物联网技术等。