“工单制”教学模式在Web前端开发课程中的应用研究

周香庆，龙江腾

（江西信息应用职业技术学院，江西南昌 330013)

0 引言

Web 前端开发是软件技术专业的职业核心技能课程，也是步入网站前端开发的入门课程。本课程依据高职软件技术专业教学标准，以服务中国制造2025和区域经济发展为己任，面向网页前端开发领域重点培养互联网信息类技术技能型人才，在软件技术专业课程体系中占有非常重要的基础作用[1]。课程设计是坚持以就业为导向，与“校企合作、工学结合”的办学模式紧密结合，在教学中坚持以学生为主体的现代教学理念，以技能学习为核心，以学生获得职业能力为目标，提高学生的自主学习能力，为其胜任软件开发、网站运维、前端开发等相关岗位工作和可持续发展打下基础[2]。

1 学情分析

Web 前端开发授课对象是计算机和软件系的大二学生，在经过之前课程任务学习，学生已经具备了基本的语法知识，包括：教学内容涵盖网页基础知识、网页结构和标签、CSS 样式、网页选择器、CSS 美化网页元素、盒子模型六大模块。尽管大多数同学对编程具有浓厚兴趣，但随着学习难度的不断增加，部分学生对编程有畏惧心理，对于HTML语言的应用场景知之甚少，盲目跟从老师的讲解，并没有做到对岗位知识深入理解。大二部分学生由于还未适应专业课学习模式，造成有些科目基础薄弱，而其就业压力不像大三学生一样迫在眉睫，对未来缺乏明确的目标和规划，对于就业岗位认识较少。因此导致学习热情不高，认为及格就好，业余时间大多用来上网、打游戏、追剧等。

2 “工单制”教学实施策略

“工单制”教学模式是一种基于任务的教学方式，旨在将真实工作情景融入授课内容中。该教学模式以“1+X”Web 前端开发岗位技能标准为依据，结合高职学生特点和实践性课程的教学要求，引入了“理实一体”“翻转课堂”以及“线上线下混合式教学”等教学理念。此外，它还通过使用项目式、任务式、探究式和协作式等与职业教育相符合的教学方法，设计出符合职业能力要求和实际教学需求的网页实训项目[3]。与传统的“教师讲，学生学，考试背”教学模式不同，“工单制”教学模式突破了传统教学模式的限制，并形成了一种基于传统课堂和线上教学平台的混合教学模式。在该模式下，教师将以任务为核心，贯穿整个教学内容，构建课程的脉络。学生将通过参与工单任务的完成来学习和掌握知识和技能，同时也培养了学生解决问题和团队协作的能力。在教学内容组织方面，这种教学模式通过整合“工单任务”将各个知识点和技能进行有机结合，使学生在实践中进行学习。工单任务作为基本单位，具有一定的综合性和真实性，能够让学生在完成任务的过程中充分运用所学知识和技能，锻炼实际操作的能力。该教学模式还引入了“理实一体”的教学理念，强调理论与实践的结合。学生不仅仅是被动接受知识的输入，而是通过实际操作和解决问题的实践活动来加深对知识的理解和掌握。同时，采用“翻转课堂”和“线上线下混合式教学”等教学方法，可以更好地激发学生的学习兴趣和主动性。

2.1 课程分配

课程安排为80学时，其中教学内容分为四个主要模块：网页基础知识、CSS 样式、CSS 美化网页元素以及盒子模型[4]。在这些模块中，学生将学习到关于html标签、字体样式、段落样式表、CSS滤镜、超链接及伪类、盒子模型、边距与定位等方面的知识。为了保持理论与实践教学的平衡，教学过程中的理论和实践比例被设定为1∶1。

为了更好地支持教学需求，教师们在教学过程中充分利用、丰富和完善线上教学平台资源，以提供更多线上教学资源。这个举措使得学生可以在课堂之外进行自主学习，并在完成任务时获得适当的指导和支持。为确保学生对所学内容的掌握程度，采用过程性考核和期末考核相结合的考核办法。这样的方式能够全面评估学生的学习进展，并促使他们在整个学期内保持学习的动力和积极性。同时，这也是对传统考核方式进行改革和创新的一种尝试，更符合现代教育的要求。

围绕Web 前端开发岗位中的前端页面设计技能模块，课程还设计了多个工单任务。这些任务包括但不限于：1)熟悉网页版式、构成要素和设计工具；2)掌握网页结构标签的用法；3)掌握CSS 样式与选择器，应用定位、浮动、边距美化网页内容等。通过这些任务，学生将有机会进行实际操作，并在解决问题的过程中提升自己的技能和能力。最终，他们将完成一个主题网页的效果设计，展现出所学知识的应用能力。

通过以上的课程安排和教学方式，学生将能够系统性地掌握前端开发所需的基本知识和技能。他们不仅能够理解并运用各种网页技术，还能够利用CSS样式进行网页美化，同时也了解如何设计具有吸引力和用户友好性的网页。这些所学知识和技能将为学生未来在Web 前端开发领域的就业和职业发展奠定坚实的基础。

2.2 工单实施

课程采用岗位工单实战任务为主线，以基于学习通与CSDN 高校教学社区平台的混合教学为方法的“工单实施六步骤”教学方法。每个工单任务都有任务目标、任务介绍、任务规划、任务资讯、任务实施和任务总结6个步骤。

1)任务目标：详细说明本次任务完成后达到的目标，此次教学重点内容。

2)任务介绍：情景设置引入岗位工作任务，讲解任务要求，明确任务目标。

3)任务规划：本次任务设计知识点思维导图，理清任务涉及的知识点。

4)任务资讯：完成本次任务过程中应知应会的内容讲解，通常是任务理论讲解、知识视频、技术文章等教学内容。

5)任务实施：提出任务实施要求，确定任务验收标准、操作规范、完成时间。

6)任务总结：学生总结此次任务得与失，教师对学生任务完成情况进行评价打分。

2.3 课堂策略

课前知识获取阶段采用线上学习通+CSDN 学习社区开展。课中探究开发阶段采用线下上机实践模式开展，将任务案例教学、分组讨论、情景模拟等多种教学方法有机融合。课后知识巩固阶段采用线上模式开展，通过分组完成工单任务，将知识内化为职业技能。项目结束时通过答辩对学生的任务完成效果进行评判。将枯燥的理论知识应用到逼真的具体工作场景中，促使学生关注实际工作问题，激发将理论应用于实践的学习热情，培养学生分析问题和解决问题的能力[5]。

课前知识获取阶段采用线上学习通+CSDN 学习社区开展，目的是让学生在课程开始前通过线上平台自主获取相关知识。通过使用学习通和CSDN学习社区，学生可以浏览在线资料、观看教学视频，参与讨论和交流，以便在课堂上有所准备。

课中探究开发阶段采用线下上机实践模式开展，这一阶段的重点是让学生通过实践来深入探究知识。课堂上，教师会结合任务案例教学、分组讨论和情景模拟等多种教学方法，帮助学生将理论应用于实际工作场景中。通过解决实际问题和完成具体任务，学生可以更好地理解知识，并培养他们分析问题和解决问题的能力[6]。

课后知识巩固阶段采用线上模式开展，旨在帮助学生巩固所学知识并将其内化为职业技能。学生将被分组完成工单任务，通过协作合作来运用所学知识解决实际问题。线上平台提供了便捷的工单任务发布和提交功能，学生可以在组内交流讨论，并最终将解决方案提交。通过这种方式，学生不仅可以加深对知识的理解，还能培养团队合作和沟通能力。

在项目结束时，将通过答辩对学生的任务完成效果进行评判。这个环节旨在对学生的学习成果进行总结和评估，评价他们在实践中应用理论的能力。通过答辩，学生需要展示他们在解决实际问题中所运用的技能和思维方式，并回答评审人员的问题。

采取以上教学模式的目的是将枯燥的理论知识与逼真的具体工作场景相结合。通过关注实际工作问题，激发学生将理论应用于实践的学习热情，并帮助他们培养分析问题和解决问题的能力。这样的教学方法可以使学生从被动倾听者转变为主动学习者，更好地准备他们未来的职业发展。

2.4 资源建设

课程资源建设围绕工单任务实施需求展开，分为质量监控教学平台、专业技能学习资源、情景训练场三类。

第一类是质量监控教学平台。这个平台由学习通班级和CSDN技术学习社区组成。为了督促学生完成工单任务，该平台会根据任务实施过程中的要求对学生进行定量和定性的评估。教师可以通过学习通班级发布任务，收集并检查学生的工单任务完成情况。同时，CSDN 技术学习社区提供了一个互动交流的平台，学生可以在其中分享经验、互相讨论问题，以便更好地完成任务。

第二类是专业技能学习资源。该类资源包括课程微课视频、操作规范、纸质教材、CSDN 技术博客以及企业工程师和教师的专业指导。通过这些资源，学生可以在不同的学习方式下全方位地获取专业知识。微课视频可以提供简明扼要的讲解，操作规范则明确了任务执行过程中的步骤和规则。纸质教材提供了更系统化和深入的理论知识。此外，访问CSDN 技术博客和得到企业工程师和教师的指导可以帮助学生解决实际工作中遇到的难题，提高实践能力。

第三类是情景训练场。为了模拟企业的工作环境和实际岗位，课程会部署相应的设备环境，并考核学生对操作规范的掌握。在这个训练场中，学生可以得到真实的实践锻炼，提高他们在工作场景下的职业技能。通过面对真实的情境挑战，学生能够更好地理解并应用所学的知识。

以上三类资源的建设旨在为学生提供全方位的学习支持。质量监控教学平台帮助教师督查并评估学生的任务完成情况，促使学生积极投入学习。专业技能学习资源提供多样化的学习材料和指导，帮助学生获取专业知识和实践技能。情景训练场则提供真实的环境和实践机会，培养学生在实际工作中的应变和解决问题能力。通过这些资源的综合运用，学生将能够更好地应用理论到实践中，提高自己的综合素质和职业能力。

3 课程特色与创新

3.1 教学内容的高阶性

本课程将德育内容与专业内容充分融合，通过在课程思政中讲述“长征精神”“井冈山精神”“爱岗敬业精神”等内容，将思政元素融入本次任务课程中，使学生在学习和实践中自觉地树立正确的价值观，实现思政育人目标。通过讲解这些精神，激发学生对于团结协作、勇敢拼搏、服务社会等方面的意识和行动力，培养他们的道德情操和社会责任感。在课程设计中，教师精心挑选相关案例和实际工作场景，让学生在掌握技术知识的同时，也能理解相关的人文精神和价值取向。通过这样的方式，课程具有高阶性，不仅注重学生的专业能力培养，也注重他们的综合素质和人文修养的培养。

3.2 教学方式的创新性

为了提高教学效果和学生的学习主动性，本课程采用了岗位工单实战任务为主线的教学方式，同时结合了基于学习通和CSDN高校教学社区平台的混合教学方法。这种创新的教学方式改变了传统的“教师讲、学生学、考试背”的教学模式，形成了一种基于传统课堂和线上教学平台的混合教学模式。通过“工单任务”，学生不仅需要掌握相关的知识和技能，还需要进行实践和应用。激发了学生的探究式学习和反思总结的能力，在解决实际问题的过程中提高了教学效果。而采用混合教学的方式，可以让学生灵活地利用线上平台进行学习和交流，增加了教学的灵活性和互动性，使学生在学习中更加积极主动。

3.3 人才培养的时效性

为了适应时代的需求和社会的发展，本课程注重人才培养的时效性。通过与“1+X”课证、竞赛“课赛”的双重融通，为校企合作和产学研做好准备，培养技能型人才。课程内容采用项目贯穿和任务驱动的方式进行授课。教学知识点属于“1+X”证书考核要求的知识点，重视培养学生的知识、技能和能力三个方面。在知识和技能掌握的同时，还注重提高学生的动手能力、分析能力和解决问题的能力。通过实践任务和竞赛活动的引导，学生可以将所学知识应用到具体的实际工作中，并在实践中不断提升自己的专业能力。这种时效性的人才培养模式，有助于学生更好地适应就业市场和社会的需要，并为他们的职业发展奠定坚实的基础。

4 教学成效

在教学中注重激发学生的学习主动性，教师通过布置任务、设置情景、设计等环节完成学生“发现问题——解决问题”的实践体验。学生在接受新知识、新技术的过程中，有目标、有体验、有发现。利用线下实训、线上视频、技术博客等资源，学生能够反复看，随时看，为学生完成目标任务提供了便利性。通过学习通班级数据和CSDN 技术社区的博客评论，可以发现实行工单任务式教学，可以让学生逐步体验到学习的成就感，逐渐建立起自信心。

课程思政将价值导向与知识传授相融合，明确课程思政教学目标，在知识传授和能力培养中，弘扬社会主义核心价值观，传播爱党、爱国、积极向上的正能量，培养科学精神，从而实现将思想价值引领贯穿于教学计划、课程标准、课程内容等主要教学环节。