本栏目责任编辑：王力
计算机教学与教育信息化
1+X 证书制度与Web 前端课程教学融合创新探索
张莉
(广东女子职业技术学院应用设计学院，广东广州511450)
摘要：Web 前端开发岗位需求近年来得到快速增长，1+X 证书制度与Web 前端开发技术专业的融合势在必行。然而传统
教学方法并不符合现代企业对Web 开发人才的要求，因此，Web 前端开发相关课程教学应与时俱进，通过多种课程教学创新手段，推进“1”与“X ”的融合，真正做到“课证融通”，全面提升职业教育质量和学生就业竞争力。关键词：1+X 证书制度；Web 前端开发；课程教学创新；教学模式中图分类号：G642
文献标识码：A
文章编号：1009-3044(2021)11-0090-03
开放科学（资源服务）标识码（OSID ）：
Research on Teaching Innovation of Web Front-end Course Based on 1+X Certificate ZHANG Li
(Department of Application design,Guangdong Women ’s Polytechnic College,Guangzhou 511450,China)Abstract:The job demand of Web front-end development has been growing rapidly in recent years,so the integration of 1+X certifi⁃cate system and Web front-end development technology is imperative.However,traditional teaching methods do not meet the re⁃quirements of modern enterprises for Web front-end development talents.Therefore,the teaching of Web front-end development related courses should keep abreast of the times,promoting the integration of "1"and "X"through various innovative teaching methods,truly achieving the integration of course and certificate,and comprehensively improving the quality of vocational educa⁃tion and students'employment competitiveness.
Key words:1+X certificate system ；Web front-end development ；Innovation of course's teaching ；teaching mode
随着互联网行业的发展，尤其是在一些大中型互联网公司，网站开发的相关岗位越来越走向细分，产品、UI/UE 设计、前端开发、后端开发、测试等岗位，既分工明确而且还需要紧密配合。在2010年左右，前端开发工程师已经成为一个独立存在的岗位，并具有大规模招聘需求。从百度、京东、智联招聘要求分析，企业并不偏爱只会JS 、HTML5、CSS 的技能单一型求职者，而是热衷聘用一人多技的复合型人才。
我院计算机应用、数字媒体应用技术专业开设了Web 前端开发相关课程，根据近几年毕业生跟踪调查数据分析结果来看，学生在进入企业工作时还存在一些问题，需要对课程内容进行调整优化。
“1+X ”证书制度的推广旨在鼓励学生获得学历证书的同时，积极取得多类职业技能等级证书，拓展就业创业本领，缓解结构性就业矛盾。我院以此为契机，将Web 前端开发职业技能等级证书（以下简称“技能证书”）的技能要求融入相关专业人才培养规格，开展书证融通的人才培养模式探索[1]。
1Web 前端开发课程教学现状
1.1课程内容不符合企业实际需求
Web 前端开发涉及的知识面较广，学生及时了解和运用较
新的前端开发技术，才能适应岗位需求。在课程设置方面，目前主要以HTML+CSS+JavaScript 为基
础课程，没有对HTML5、CSS3、jQuery 等主流技术进行深入讲解。对行业内广泛应用的各种前端框架，在课程教学过程中只是简单介绍，学生没有掌握使用方法，进入工作岗位后需要重新学习，使学生的开发能
力大打折扣，不能满足企业需求[2]
。1.2课程体系结构不够清晰
Web 前端开发技术的学习是一个由浅入深、循序渐进的过程，在课程体系设置方面也要进行分析和梳理，学生只有掌握了基础知识才能进入下一阶段的学习。目前不同课程之间存在着部分内容重复的情况，学生感觉知识结构重复，学习兴趣不高，需要根据人才培养方案系统调整本专业的课程设置，理
收稿日期：2020-10-26
web端登录基金项目：2017年广东女子职业技术学院创新创业专项研究课题重点课题（CYA201701）；2017年广东女子职业技术学院教育教学
改革项目（50013901）；2020年全国工业和信息化职业教育教学科研课题（GXHZW20201901）
作者简介：张莉（1978—），男，湖南省澧县人，副教授，硕士，主要从事计算机网络技术、网站建设方面的教学与研究。
90
计算机教学与教育信息化
本栏目责任编辑：王
力
Computer Knowledge and Technology 电脑知识与技术
第17卷第11期(2021年4月)
清课程前后衔接关系，明确每门课的教学目标与内容，建立完
整、合理的课程体系[3]
。1.3学生缺少项目实践机会
课程在教学过程中受课堂练习时间限制只能安排一些比较小的实践内容，内容的实用性不高，由于学生很少有机会参与到真实项目开发的实践过程，学生在课堂上表现积极性不高。如果能引入真实项目的实践，在项目开发过程中让学生自主发现问题、解决问题，不断积累开发经能，提高动手能力，既
能增强学习内容的实用性，也能提高学生学习的积极性。1.4课程内容与考证培训脱节
现阶段开设的课程内容是根据本专业人才培养方案中的
职业岗位能力确定的，与技能证书考试大纲中要求的知识范围有较大差异，学生在考证前需要重新组织培训，梳理课程内容，查漏补缺，比较浪费时间。根据Web 前端职业技能等级标准和专业教学标准要求，将证书培训内容有机融入专业人才培养方案，分布在不同的教学课程内容中，通过平时的教学与项目实施，推进“1”和“X ”的有机衔接，提升职业教育质量和学生就业能力。
2Web 前端开发教学创新措施
为了保障人才培养质量，提高学生考证通过率与就业率，
对本专业人才培养方案进行优化调整，对Web 前端开发相关的课程教学进行创新，主要采取措施如下：2.1明确课程体系建设目标
课程体系建设是专业建设的一个重要方面，是加强学院内
涵建设、提高教学质量的核心环节。掌握Web 前端开发的相关技能不是通过开设某1门课或短期培训可以解决的问题，而是涉及整个专业的课程体系设置，除了通识教育课程模块以外，职业平台课程、
职业能力课程、职业能力拓展课程、自主学习课程等模块都分布Web 前端知识的相关课程，内容由浅入深，以增强学生职业技术技能水平和综合职业素质人才培养为目标，夯实学生可持续发展基础，创建适合复合型技术技能人才成长的专业核心课程体系。2.2教学模式创新
强力推进新课程的实施，促进以项目课程开发为中心的校
本研究深入开展，探索与新的课程体系相适应的教学模式[4]。教学内容的改变对教师提出了更高要求，要从职业技能、教学方法、课程考核评价等多方面提高教师实施新课程的能力，加大教师培训力度，改变传统教学模式，促进学生多样化发展。2.2.1以学生为中心的教学模式
在学习过程中运用以学生为中心的教学模式，学生自主地
去构建知识，并实现知识的迁移。案例教学的优势在于引导学生从注重知识变为注重能力。学生拿到案例后，先要进行主动分析，还要经过小组讨论，提出解决问题的方案，发挥学生的主导作用，体现学生的主体地位。教师根据不同学生的不同理解补充新的教学内容，通过案例分析与演示，让学生掌握Web 前端开发相关技术。
2.2.2教学做一体化的实践过程
课程实践内容由两部分组成：实验（课内实验）和实践(课
程设计)。实验由HTML5、CSS3、JavaScript 、jQuery 、Bootstrap 等
知识模块部分组成，主要用来突破难点。实践部分采用项目驱
动教学法，学生分组完成一个真实Web 前端开发项目，主要用来整合课堂知识内容，提升学生Web 前端开发技术技能运用能力，实现教学做一体化过程。2.2.3以小组为单位进行过程管理
教师根据班级总人数进行随机分组，每组3~5人，组长由各组自己推选。在项目实践过程中，组长主要负责管理小组内各类学习事务安排、学习检查、实验考核、组织评价等工作。组长也是项目经理，负责项目分工及进度跟踪汇报等工作。2.2.4定期开展代码展示与心得交流
教师采用启发式、引导式教学方法对项目进行分析和引入，提出最基本的解决方案，然后由学生自主练习和小组内讨论，提出最佳解决方案。在项目实践过程中，定期开展小组交流活动，将代码编写规范、运行效果良好的小组进行展示与交流，小组成员展示自己的编程思路与源代码，为学生创造相互学习、交流的机会。2.2.5网站展示项目成果提升成就感
课程结束时，将各组完成项目放在校内网站服务器上运
行，做成项目成果展示网站，方便学生浏览与相互评价，提升学生的成就感。组长组织小组成员根据网站的设计效果和项目完成情况进行相互打分，最后由教师进行集体综合评分，公平合理，学生对评
价结果认可度较高。2.2.6慕课平台辅助完成作业练习
学院使用的超星学习通慕课平台可开展无纸化作业与课程练习，学生登录网络教学平台进行在线作业和课程练习。实践内容可提交源代码或截图发布在慕课平台，方便教师查看和批改。理论知识部分可以设置自动批改，学生完成答题后即可查看分数和答案，方便学生了解理论知识掌握情况。2.2.7多途径开展学习讨论与答疑
慕课平台也可以开展学习讨论、资源分享等功能。课堂讨
论比较浪费时间，可以开设一些有助提高学生技能的话题，在网络上组织讨论，利用课后时间完成。学生遇到的问题可以在慕课平台上提出讨论，教师和学生都可以参与解答，还可以通过QQ 、等即时通信工具进行交流和答疑。2.2.8过程考核与终结性考核相结合
课程考核方式采取过程考核（50%）和终结性考核（50%）相结合的方式。过程考核采用多元化考核方式，分别为线上自学（30%）+任务表现（20%）+讨论交流（8%）+课堂出勤（7%）+课堂互动（5%）+单元测试（10%）+平时作业（20%）；终结性考核主要针对各组实践项目的完成情况进行考核，分别为组间互评（30%）+教师总评（70%）。2.3课程内容要与时俱进
随着移动互联网技术的快速发展，网页设计岗位相关的
分工越来越细致，Web 前端开发人员在市场上处于供不应求的状态。现在很多企业需要的是HTML5+Web 跨平台混合开发人才，所以我们在培养Web 前端开发人才时要注意跨平台混合开发能力的培养。仅仅掌握传统内容已经不能满足企业需求，课程内容要与时俱进，将主流Web 前端开发技术引入课堂，要求学生至少掌握两种前端框架的使用方法，重点培养学生的实
91
本栏目责任编辑：王力
计算机教学与教育信息化Computer Knowledge and Technology 电脑知识与技术第17卷第11期(2021年4月)
践应用、规范代码编写等能力。根据工业和信息化部教育与考试中心提供的“Web 前端开发职业技能等级标准”分析，主要开设课程如表1所示。
表1Web 前端开发相关课程
课程级别
初级课程
中级课程
高级课程
课程序号
123456
78910
1112
课程名称Web 页面制作基础HTML5开发基础与应用JavaScript 程序设计轻量级前端框架MySQL 数据库基础与应用
PHP 技术与应用Web 前后端数据交互技术
响应式开发技术网站项目实战性能优化与自动化技术
前端高效开发框架技术与应用
移动Web 设计与开发
学时建议243624121840102436323232
2.4明确职业技能导向
企业需要什么样的Web 前端开发人才呢?根据各大招聘网
站对Web 前端开发人才的技能需求进行分析，我们总结出一个Web 前端开的人员至少需要具备以下条件：熟悉Ajax 、DOM 、JSON 等相关技术，熟练使用原生JS 编程，具有良好的规范开发习惯；熟悉W3C 规范、HTML5、CSS3、ES5/ES6/ES7等前端开发技术；掌握CSS 预处理器任意一种如Sass ，能写出高效、可读的代码，有使用ElementUI 、Bootstrap 、SemanticUI 主流前端开发框架经验，具备独立完成项目开发能力；至少熟练掌握一门（Hy⁃brid React 、Angular 、Vue 等）及相关框架和技术；具有良好的理解能力、高度的责任心、
优秀的学习能力等。
图1Web 前端开发职业技能等级标准与就业方向
Web 前端开发职业技能等级标准与就业方向如图1所示。只有真正了解企业对Web 前端开发人才的实际需求，明确1+X 中的职业技能导向，才能设计相应的教材与课程内容，坚持以项目为导向的课程设计模式，转变学生学习观念，注重积累职业技能。
2.5专兼结合的教师团队
高职院校的教学团队强调“专兼结合”实际上是根据高职院校“以服务为宗旨、以就业为导向”的办学指导思想以及人才培养目标要求，将行业、企业的技术骨干和专家纳入教学团队，实现深度的校企合作。兼职教师队伍是专业教学团队的重要组成部分，聘用兼职教师的根本目的在于承担专业课或实践教学任务，强化专业实践能力培养，这有利于保证教学内容的针对性和实效性。学院也有相关政策支持从企业聘用专业技术人员承担专业课程教学任务，保障兼职教师队伍的规划与管理，促进“专兼结合”教学团队的良好发展。
3结语
广东女子职业技术学院非常重视1+X 证书制度的落地与实施，作为第一批Web 前端开发技能证书的试
点单位，多次组织教师参加Web 前端开发技术相关的培训与研讨会议，对相关专业人才培养模式进行了一些实际有效的探索，把学历证书与职业技能等级证书结合起来，探索实施1+X 证书制度，是职教20条的重要改革部署，也是重大创新[5]。
参考文献：
[1]郑根让，史志强，何成，于晓霞.1+X 证书制度下以书证融通重
构专业核心课程体系——以WEB 前端开发证书与软件技术专业为例[J].职业教育研究,2020(1):12-17.
[2]黄承明.移动互联时代Web 前端岗位课程建设探讨[J].清远职业技术学院学报,2020(1):55-62.
[3]李增福.基于1+X 证书制度的Web 前端课程标准建设研究[J].科技创新导报,2020(8):193-195.
[4]飞.1+X 证书制度与Web 前端开发专业融合的探索[J].信息与电脑(理论版),2020(4):219-222.[5]中华人民共和国中央人民政府.职业教育“1+X ”证书制度来了[EB/OL].[2019-04-17].v/fuwu/2019-04/17/content_5383660.htm.
【通联编辑：王力】
92

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。