以《Web 前端开发》课程为例的高职院校专业课的思政探索与实践

杨勇

（陕西职业技术学院，陕西 西安 710038）

一、引言

为了更好地解决“培养什么样的人，如何培养人以及为谁培养人”的这个问题，坚持把立德树人作为中心环节，把思想政治工作贯穿教育教学全过程，实现全程育人，全方位育人。专业课程是课程思政建设的基本载体，专业课以及专业课的教师对大学生的影响很深，因此，全面推进专业课的课程思政建设尤为重要。

二、Web 前端开发课程概况

Web 前端开发课程是高等职业教育软件技术专业的一门必修的专业核心课程，旨在培养具备企业用人要求的Web 前端开发工程师岗位人才。课程内容主要涵盖HTML、CSS、JavaScript 知识域，开发工具HBuilderX 的使用。本课程采用项目化教学的方式，理论结合实践，以任务驱动的方式快速引导学生赋予实操，掌握技术，积累开发经验。注重培养学生对Web 前端开发岗位的认知度，页面设计能力，自主学习能力和职业道德素养。

三、课程思政教学设计思路

（一）教学内容规划与开发项目的设置

以立德树人为出发点，坚持正确的政治方向，以学生为中心，把对学生职业素养的培育，世界观，人生观，价值观培育和塑造通过“基因式”融入课程中，把思政教育贯穿于教学全过程，潜移默化，润物细无声地引导学生。基于上述考虑，通过企业调研和利用网络资源获取Web 前端开发岗位技术技能要求，形成Web 开发岗位技能栈，以及人力素质模型，结合课程内容梳理本课程的教学内容，按照教学计划及教学内容结合企业项目，设计课堂中开发的项目。整体思路是按知识领域划分，项目设计结合知识域由局部到整体，开发技术难度逐步提升。

1.第一模块，web 前端开发课程概述

本模块介绍Web 前端开发在行业的发展情况，课程涉及的核心技术，及知识组成，向学生解惑这门课程要学什么，怎么学，可从事的工作方向等问题，引导学生入门Web 开发这门课，提升学生对本门课程的兴趣。

2.第二模块，HTML 知识点

本模块设计成项目，知识点涵盖在项目开发过程中。知识点主要涉及HBuilderX工具的使用，HTML 各标签，页面结构组成，项目以展示班级信息为主体，本项目主要提升学生对HTML 各标签的认识，理解HTML 页面组成，积累HTML 标签应用的经验。

3.第三模块，CSS 知识点

本模块设计成项目，主要知识点涉及CSS 基本属性和应用方法。项目为开发一个展示人物介绍为主体的静态页面，本项目结合HTML 各标签知识点，应用CSS 相关知识实现页面的布局，多彩的展示方法呈现出赏心悦目的静态Web 页面。

4.第四模块，JavaScript 知识点

本模块设计成项目，主要知识点涉及JavaScript 的应用。项目为开发一个可局部刷新的动态页面，本项目以HTML、CSS 为基础，结合JavaScript 技术实现动态页面开发，提升学生对动态页面的理解，着重掌握JavaScript 技术的应用。

5.第五模块，整体网站页面开发

本模块以项目的方式，综合运用Web 前端核心技术，开发展示学院教学相关信息为主体的网站页面。加强学生对Web 基础知识的理解，提升学生对页面的设计能力，开发过程中解决问题的能力，以及综合应用Web 前端技术的能力。

（二）教学实施方法

本门课程教学主要采用项目化的方式，老师主导讲解知识点，学生为开发项目的主体。整体实施借助网络平台资源“职教云”系统，设置课前任务导入，学生课前登录系统完成相关任务，采用在线学习老师提供的资料或通过网络查阅的方式掌握课前要具备的知识。老师结合教学进度和项目进度进行课中任务设置，学生按照技能互补的方式组建3 到4 人的小组，以小组的方式完成项目开发任务。课中老师以引导的方式讲解知识点，并指导学生开发项目。完成任务后，每个小组内部自评，并由1 名代表总结分享，老师点评，起到正向激励负向改进的作用。老师结合学生开发任务实际情况设置课后任务，包括任务的持续完成或知识拓展等，学生利用课后时间持续储备本门课程专业知识。

（三）思政元素设计

专业课的课程思政强调的“思政”主要是育人元素，非思想政治课中的“思政”，只要是对学生人生成长有积极引导，有助于激发学生的爱国，正义，道德，理想等正能量的都属于课程思政的范畴。教师能够在教学的过程中多谈思想，谈历史，能够告诉学生自己是如何读书的，如何进入该专业领域的，如何成长起来的，过程中遇到的困难是如何解决的等对学生引导。

基于上述原则结合企业调研对人才的要求，以及自身的工作经验挖掘本门课程的思政元素，主要从三个方面进行，如图1 所示。一是通用的育人元素，例如爱国精神，奋斗精神，红色文化，历史文化，科学精神，优秀的传统文化，最美逆行者精神，价值引领等。二是特色的育人文化，例如艰苦创业精神，创新精神，精益求精的工匠精神等。三是良好的职业素养，例如团队合作精神，良好的沟通能力，工作责任心，自我驱动学习能力，质量意识，信息安全意识等。

四、思政元素融入方法

《Web 前端开发》是一门专业课，本着先讲好专业知识，再有效融入育人元素的原则，本门课程思政元素融入设计如下。

（一）思政元素融入点，爱国精神，奋斗精神，科学精神

结合教学设计第一模块，讲述Web 技术发展史，再到移动端APP 的广泛应用，网络速度直接影响用户的体验，引入华为5G 技术的发展受到他国的制裁，华为通过自身强大的内驱力，与时间赛跑，工程师践行天道酬勤的奋斗精神研究5G 技术，才有了中国5G 处于世界领先的地位。激励学生爱国主义情怀，奋斗，勇于科学研究的精神。

（二）思政元素融入点，团队合作精神，良好沟通能力，工作责任心，自我驱动学习能力，质量意识

结合教学设计第二模块到第五模块，学生以开发项目的形式完成学习任务，积累开发经验。学生分组合作完成任务，相互点评，促进学生提升团队合作精神，沟通能力，工作责任心以及自我驱动学习的意识，老师点评小组完成任务的优缺点，潜移默化加强学生对项目开发质量意识的重视。

（三）思政元素融入点，艰苦创业精神，红色文化，历史文化，最美逆行者精神

结合教学设计第三模块，课前教师给学生下发任务，学生通过自学和查询资料的方式，每人研究整理2 名红色人物简介和2 名新冠疫情期间抗疫英雄简介，用于项目开发展示“人物介绍”的静态页面。学生通过研究红色人物和抗疫英雄学习红色文化，了解红色历史，体会老一辈的艰苦创业精神和最美逆行者的精神。

（四）思政元素融入点，传统文化，价值引领

结合教学设计第四模块，课前教师给学生下发任务，学生通过自学和查询资料的方式研究“仁，义，礼，智，信”各自的内涵，整理素材用于开发动态页面。学生通过研究“仁，义，礼，智，信”体会中华传统美德，增强文化自信，引导学生树立正确的世界观，价值观，人生观。

（五）思政元素融入点，创新精神，工匠精神，信息安全意识

结合教学设计第五模块开发学院教学信息展示的网站页面，各小组讨论设计展示模块，分工完成页面的开发，通过不断的打磨设计出最理想的页面展示效果提升学生勇于创新的精神和精益求精的工匠精神。通过二级院系架构设计出网站不同的访问权限，增强信息的隐私性以加强学生的信息安全意识。

结束语

课程思政建设是“三全育人”整体格局下的一项系统工程，教师队伍是育人的“主力军”，课程建设是育人的“主战场”，课堂教学是育人的“主渠道”。坚持育人与育才相统一，落实立德树人根本任务，全面提高人才培养质量，在专业课程加入“育人”元素，是教师对于“传道受业解惑”师道古训的一种践行。高职院校的课程除了教授学生技术技能，更应该为学生树立正确的价值观，塑造良好的职业素养和优秀的思想品质。Web 前端开发课程的教学设计中融入思政元素，通过项目化教学方式实施，潜移默化的引导学生树立正确的价值观，良好的职业素养，积累开发经验，为学生后期的成长奠定基础。后期需要在此基础之上从教学设计上，思政元素挖掘上，思政元素融入上改进创新，以更好地推进专业课的课程思政建设。