基于1+x证书制度的Web前端开发基础课程教学研究

李丽娜

摘  要：为了适应现代化的市场需求，培养适合企业需要的人才，实现毕业生高质量的就业，国务院职业教育改革方案中强调要推动职业教育的发展。基于证书培训内容与专业人才培养方案相结合的背景，从2019年起，各职业院校开始实施职业教育“1+X职业技能等级证书制度”。那么，在“1+X”背景下，专业人才培养方案中和“1+x”相关的课程的教学如何开展则值得一线授课团队研究。

关键词：混合式教学  1+x   Web前端   研究

中图分类号：G642                           文献标识码：A文章编号：1672-3791（2021）04（b）-0146-03

Teaching Research on Web Front End Development Basic Course Based on 1+X Certificate System

LI Lina

（Information Technology School of Changchun Finance College， Changchun， Jilin Province， 130028 China）

Abstract： In order to meet the needs of the modern market， cultivate talents suitable for the needs of enterprises， and realize high-quality employment of graduates， the vocational education reform plan of the State Council emphasizes the promotion of the development of vocational education. Based on the premise of the combination of certificate training content and professional talent training program. From 2019， "1+X vocational skill level certificate system" will be implemented in vocational education. Then， under the background of "1+X"， how to carry out the teaching of "1+X" related courses in the professional talent training program is worth studying by the front-line teaching team.

Key Words： Mixed Teaching; 1+X; Web front end; Research

1  课程整体规划

为配合国家的职业教育改革方案，作为吉林省Web前端开发“1+X”试点院校，学院将“1+X”职业技能等级证书考试与专业人才培养方案相融合，开设有多门与Web前端“1+X”职业技能考试相关的课程。该文以与Web前端“1+X”职业技能等级证书考试的一门相关课程《Web前端开发基础》为例，分析探讨如何将教学过程与职业技能证书考试相融合。高质量地完成教学任务的同时，提升学生的职业技能考试通过率。

基于证书培训内容与专业人才培养方案相结合的前提，《Web前端开发基础》这门课程的教学内容对应的是Web前端开发职业技能初级证书考试知识点的HTML模块和CSS模块。Web前端的“1+X”初级考试，从工作领域出发，以工作任务为基础，考核学生的职业技能，进而考验学生的操作技能，最终考查学生的知识点掌握情况。如何在一个授课周期内让学生既有知识上的收获，又在实践操作能力上有所提升，并且在职业素养上有一定的进步，则是教师为了学生能够达到职业技能等级考试的考核要求设置的教学任务目标，授课前将围绕此目标对该门课程做整体教学规划。

参考“1+x”Web前端开发职业技能初级考试对职业技能、操作技能及知识目标的要求，梳理该门课程需要了解、掌握的知识点，依据知识点在项目开发过程中的作用与彼此间的关联性，建立知识结构。学生走出校门快速融入企业，适应市场需求，能够为现代化社会建设贡献自己的一份力量，是职业教育人的期待。企业当之无愧是最了解市场需求的，开启校企合作，让企业充分发挥其优势，凭借其丰富的项目实战经验并结合当前市场需求，能为学校该专业知识结构的建立提供有效指导。企业和一线教学团队的合作可以使教学内容的选取不仅符合职业技能考试的需求，也贴近企业项目开发实际需要，且能按照学生认知的特点安排知识点出现的先后顺序，使学生更加容易对知识理解接收。经过多次协商优化，最终建立了该门课程的知识结构。

从课程名称出发，将章作为1级知识点，将整门课程内容从HTML、CSS、动画等方面分为几个大的模块。每章分为若干节，每个小节为一个2级知识点。小节下划分3级知识点，对该节知识进行详细介绍。知识点间关系明确后，知识结构清晰的情况下，可以有针对性地建立教学资源。教学资源准备充分后，再根据已拥有的教学资源设计教学活动。

2  教学资源建设

2020年，教学环境比较特殊，在全国各地疫情扩散的背景下，2020年上半年，教师对教学过程有了全新的体验。在未發生新型冠状病毒肺炎疫情之前，教学授课环节主要是开展线下教学模式，这也是我们比较熟悉的传统授课方式。虽然当前网络比较发达，我们也会在线上为学生准备学习资源，不过利用的程度不是很高。环境使然，2020年，教师的授课地点完全呈现在网络之上，这就使得大部分的教师会或多或少地感到紧张、害怕、兴奋、新奇。然而教师对网络授课平台不熟悉，并不适应面对镜头进行直播，即便采用录播的方式，在语言、表情的表达上、熟练度上也是有所欠缺的。网络授课的同时，也让全国的学生们对线上学习有了全新的感受。疫情让全民的网络操作能力上升了一个新台阶，各种网络教学平台的服务能力也有所改善，网络卡顿现象减少。经过一学期的线上教学，以笔者所处环境为例，教师在网络环境下的教学能力以及学生在网络环境下的软件操作能力、在线学习能力均有所改变。通过实践可以看出，教师和学生都具备线上授课以及线上学习的基本能力，这为开展线上、线下混合式教学奠定了一定的基础。

网络平台是线上教学的基础，受疫情的影响和推动，目前全网有多种在线平台可供高校师生选择使用。2020年上学期，为了不影响学生学习的进度，课程组通过超星学习通建立了《Web前端开发基础》线上课程。课程组教师按照“1+x”职业技能考试知识点要求，参考课程知识结构设置，合作开发了一部分微课视频资源，并引入了一些在线优质视频教学资源，提供给学生进行知识点的学习掌握。知识点学习的最终目的是后续能够熟练地完成项目开发，为锻炼提升学生的操作技能，课程组教师在线上为学生准备了充足的实践项目以及相关素材，供学生操作练习使用。为加强学生对知识点的熟悉程度，课程组成员为学生准备了在线客观题练习题库。经过一个教学周期，该门课程不仅拥有了一定量的线上教学资源，同时最为重要的是，教师具备了线上教学的基本能力，例如：录制微课时，表情更加自然，语言表达更加流畅，即便是在脱稿的状态下也可以表述得更加精炼专业，而不会出现录播初期时脱稿就卡顿、出现很多口头语的情况;线上组织教学更加熟练，能更高效地发挥线上平台的作用。

在当前软硬件各方面综合环境背景下，虽然该门课程的线上资源还有待进一步充实完善，但目前已具备开设线上教学的基本条件。可以在开设线下教学的同时，辅助线上资源的应用，从而提升教学质量。

另外，在线下授课过程中，学生还可以使用与该门课程相匹配的实训平台。经过课程组的讲解和指导，学生在实训平台中，通过项目实践的方式不断提升自己的动手能力、思考能力和解決问题的能力。

3  设计教学活动

充足的教学资源要匹配适当的教学活动，才能发挥出教学资源应有的作用。教学活动应以提高学生参与度为前提，课程组结合现有的教学资源经过综合设计全面开展。参考教学进度计划，为每一次教学任务设计教学活动，并根据实际教学效果进行适当的调整，教学活动主要包括以下几个环节。

3.1 课前预习

发挥线上平台的优势，每次课前为学生在线预留预习任务，让学生通过微课视频对下次课程的教学内容有所了解，并清楚自己对知识点理解的难点在哪里，方便线下教室上课时着重学习。线上平台也给教师和学生的随时沟通搭建了平台，学生可以把自己的预习难点通过在线留言的方式发给老师，让老师对学生的预习情况有所了解和掌握，方便教师根据实际情况安排调整线下教学内容。

3.2 任务导入

随着网络技术的飞速发展，网络应用的全面普及，Web前端岗位角色的划分越来越细化。在2010年左右，Web前端开发工程师已经成为一个独立的岗位。为了适应Web前端职业发展需要，在平时的授课过程中，该门课程采用任务驱动的“教、学、做”的教学方式。线下授课时，每一节课的知识点均对应着若干任务。上课伊始，授课教师要让学生清楚此次课程的具体任务目标是什么？激发学生们完成任务目标的热情，带着任务进行学习，可以更加深入地了解知识点的应用场景，以及知识点的功能。

3.3 任务分析

明确任务目标的前提下，授课教师采取以小组讨论的方式引领学生进行任务分析。此环节可以实现的功能目标有以下几点：首先，可以带领学生复习已经学习过的知识;其次，回忆课前复习，引导学生认识了解此次课程的新知识点;最后，着重培养职业素养，锻炼学生们的沟通协作能力，为将来其走入企业能够与客户进行良好的沟通奠定基础。

3.4 任务实施

教师对学生们的任务分析结果加以总结，结合此次课程的任务目标确定最终实施方案。教师通过对任务实施过程进行讲解，为学生介绍新知识点，重点讲解学生们在预习过程中理解起来比较困难的知识点。在任务实施过程，将课程思政渗透其中，让学生们在学习技能的同时，具有良好的思想品格，为社会的正能量发展贡献力量。

3.5 课堂实践

实践出真知这个道理，在Web前端开发基础的学习过程中也是适用的。即便理论知识掌握得很好，不代表操作技能也会很出色，实践才是检验真理的唯一标准。只有不断地动手完成实践任务，才能提升操作能力。考虑巩固动手能力，为“1+X”考试打牢基础的需要，教师可以为学生们安排课堂实践任务。比如：采取进行小组竞赛的方式，让学生们小组内合作完成任务，师生共同打分，评比出每个小组的成绩，以此促进学生们的参与热情。

3.6 课后作业

根据每次课程知识点及学生掌握情况，为学生们布置课后作业。作业主要内容为在线题库中的练习题。通过在线题库的不断练习，加强学生对知识点的理解，使学生逐渐对课程中的每个知识点有一个精确的认识，为实践环节知识点的正确应用，为任务效果的实现打下夯实的理论基础。

授课教师可以把教学评价纳入到课后作业环节。通过调查问卷或测试等方式向学生了解知识掌握情况。学生也可以在线与教师沟通，表述自己的学习情况。通过了解，分析教学评价信息，适当调整教学进度与内容。教师可以与学生约定时间，在线上群里，统一进行答疑，师生一起交流解决问题，在解决问题的同时，也可以调动学生的学习热情，提升学习动力，增强学习效果。

3.7 拓展练习

学生对每个单元的知识掌握情况和应用能力会有所不同。授课教师可以根据学生的实际学习情况，分梯度的布置扩展学习任务。知识点掌握情况较好的学生，可以安排难度高一些的扩展练习项目;知识点掌握情况一般的学生，则安排难度系数低一些的扩展任务。授课教师随时跟进，给予指导，鼓励学生完成任务。通过扩展任务的完成，进一步增强学生对知识点的熟悉度，进而提升动手操作技能。

4  结语

合理的教学安排是教师进行教学的前提，是学生取得良好成绩的基础，是学生顺利走向工作岗位的前提。希望在师生的共同努力下，学生们能在学习过程中储备丰富、精准的理论知识，还能够精良地符合职业需求的操作技能，培养良好的职业素养，顺利通过“1+X”职业技能考试，在不久的将来能够为社会的发展建设贡献自己的一份力量。

参考文献

[1] 孙静懿.1+X证书制度背景下的高职教学改革研究——以长春金融高等专科学校为例[J].产业与科技论坛，2020（5）：125-126.

[2] 王帅.金融高等职业院校人才培养模式探讨——以长春金融高等专科学校为例[J].长春金融高等专科学校学报，2016（3）：31-35.

[3] 王瑞.基于能力本位的高职会计实践教学课程改革研究[J].科技风，2020（30）：29-30.

[4] 谢红艳.高职院校开展“1+X”证书制度的思考[J].现代职业教育，2020（43）：166-167.

[5] 王明敏.“1+X”证书制度试点背景下中职学前教育专业课程教学改革研究[D].湖南师范大学，2020.

[6] 顾睿.基于MVVM的虚拟DOM轻型Web前端框架的设计与实现[D].西安电子科技大学，2019.