1+X证书制度与Web前端课程教学融合创新探索

ISSN1009-3044

ComputerKnowledgeandTechnology

电脑知识

电脑知识

与技术

与技术

Vol.17,No.

11April

2021

E-mail：*************.cn

第17卷第11期(2021年4月)

http：//

Tel：+86-551-6569

1+X证书制度与Web前端课程教学融合创新探索

张莉

(广东女子职业技术学院应用设计学院，广东广州511450)

摘要：Web前端开发岗位需求近年来得到快速增长，1+X证书制度与Web前端开发技术专业的融合势在必行。然而传统

教学方法并不符合现代企业对Web开发人才的要求，因此，Web前端开发相关课程教学应与时俱进，通过多种课程教学创

新手段，推进“1”与“X”的融合，真正做到“课证融通”，全面提升职业教育质量和学生就业竞争力。

关键词：1+X证书制度；Web前端开发；课程教学创新；教学模式

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

开放科学（资源服务）标识码（OSID）：

ResearchonTeachingInnovationofWebFront-endCourseBasedon1+XCertificate

ZHANGLi

(DepartmentofApplicationdesign,GuangdongWomen’sPolytechnicCollege,Guangzhou511450,China)

文章编号：1009-3044(2021)11-0090-03

Abstract:ThejobdemandofWebfront-enddevelopmenthasbeengrowingrapidlyinrecentyears,sotheintegrationof1+Xcertifi⁃

r,traditionalteachingmethodsdonotmeetthere⁃

ore,theteachingofWebfront-enddevelopment

relatedcoursesshouldkeepabreastofthetimes,promotingtheintegrationof"1"and"X"throughvariousinnovativeteaching

methods,trulyachievingtheintegrationofcourseandcertificate,andcomprehensivelyimprovingthequalityofvocationaleduca⁃

tionandstudents'employmentcompetitiveness.

Keywords:1+Xcertificatesystem；Webfront-enddevelopment；Innovationofcourse'steaching；teachingmode

随着互联网行业的发展，尤其是在一些大中型互联网公

司，网站开发的相关岗位越来越走向细分，产品、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

基金项目：2017年广东女子职业技术学院创新创业专项研究课题重点课题（CYA201701）；2017年广东女子职业技术学院教育教学

改革项目（50013901）；2020年全国工业和信息化职业教育教学科研课题（GXHZW20201901）

作者简介：张莉（1978—），男，湖南省澧县人，副教授，硕士，主要从事计算机网络技术、网站建设方面的教学与研究。

90

计算机教学与教育信息化

本栏目责任编辑：王力

第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等

本栏目责任编辑：王力

ComputerKnowledgeandTechnology

电脑知识

与技术

知识模块部分组成，主要用来突破难点。实践部分采用项目驱

动教学法，学生分组完成一个真实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

（

（

ComputerKnowledgeandTechnology

电脑知识

与技术

践应用、规范代码编写等能力。根据工业和信息化部教育与考

试中心提供的“Web前端开发职业技能等级标准”分析，主要开

设课程如表1所示。

表1Web前端开发相关课程

课程级别课程序号课程名称学时建议

1Web页面制作基础24

初级课程

2HTML5开发基础与应用36

3JavaScript程序设计24

4

轻量级前端框架

12

5MySQL数据库基础与应用18

6PHP技术与应用40

中级课程

7Web前后端数据交互技术10

8

响应式开发技术

24

9

网站项目实战

36

10

性能优化与自动化技术

32

高级课程

11

前端高效开发框架技术与应用

32

12

移动Web设计与开发

32

2.4明确职业技能导向

企业需要什么样的Web前端开发人才呢?根据各大招聘网

站对

Web

Web前端开发人才的技能需求进行分析，

JSON

前端开的人员至少需要具备以下条件：熟悉

我们总结出一个

Ajax、DOM、

习惯；

等相关技术，

熟悉W3C规范、

熟练使用原生

HTML5、CSS3

JS编程

、ES5/ES6/ES7

,具有良好的规范开发

等前端开发

技术；掌握CSS预处理器任意一种如Sass，能写出高效、可读的

代码，有使用ElementUI、Bootstrap、SemanticUI主流前端开发框

架经验

brid

,具备独立完成项目开发能力；至少熟练掌握一门（

解能力、

React

高度的责任心、

、Angular、Vue

优秀的学习能力等。

等）及相关框架和技术；具有良好的理

Hy⁃

图1Web前端开发职业技能等级标准与就业方向

92

计算机教学与教育信息化

第17卷第11期(2021年4月)

只有真正了解企业对

Web前端开发职业技能等级标准与就业方向如图

X

Web前端开发人才的实际需求，明确

1所示。

1+

以项目为导向的课程设计模式，

中的职业技能导向，才能设计相应的教材与课程内容，

转变学生学习观念，注重积累

坚持

职业技能。

2.5专兼结合的教师团队

高职院校的教学团队强调“专兼结合”实际上是根据高职

院校“以服务为宗旨、以就业为导向”的办学指导思想以及人才

培养目标要求，将行业、企业的技术骨干和专家纳入教学团队，

实现深度的校企合作。兼职教师队伍是专业教学团队的重要

组成部分，聘用兼职教师的根本目的在于承担专业课或实践教

学任务，强化专业实践能力培养，这有利于保证教学内容的针

对性和实效性。学院也有相关政策支持从企业聘用专业技术

人员承担专业课程教学任务，保障兼职教师队伍的规划与管

理，促进“专兼结合”教学团队的良好发展。

3结语

广东女子职业技术学院非常重视1+X证书制度的落地与

实施，作为第一批Web前端开发技能证书的试点单位，多次组

织教师参加Web前端开发技术相关的培训与研讨会议，对相关

专业人才培养模式进行了一些实际有效的探索，把学历证书与

职业技能等级证书结合起来，

20条的重要改革部署，也是重大创新

探索实施1+X证书制度，是职教

[5]

。

参考文献：

[1]郑根让

构专业核心课程体系

,史志强,何成,于晓霞

——以

.1+X

WEB

证书制度下以书证融通重

前端开发证书与软件技术

[2]

专业为例

黄承明.移动互联时代

[J].职业教育研究

Web

,2020(1):12-17.

前端岗位课程群建设探讨[J].清

[3]

远职业技术学院学报

李增福.基于1+X证书制度的

,2020(1):55-62.

[4]

[J].

李鹏飞

科技创新导报

Web前端课程标准建设研究

.1+X证书制度与

,2020(8):193-195.

[5]

信息与电脑

中华人民共和国中央人民政府

(理论版),2020(4):219-222.

Web前端开发专业融合的探索[J].

了

.

content_.

[EB/OL].[2019-04-17].www.

职业教育

/fuwu/2019-04/17/

“1+X”证书制度来

【通联编辑：王力】

本栏目责任编辑：王力