“1+X”证书下“Web前端基础”课证融通教学体系研究*

唐彩虹，赖晶亮，翟鸿雁

(广东轻工职业技术学院 信息技术学院，广东 广州 510300)

1 课程改革必要性

1.1 证书要求解读

“Web前端开发”是国家首批六个“1+X”职业技能等级证书之一。“Web前端开发”“1+X”证书职业技能等级标准重点强调了前端新知识、新技能的学习能力和创新创业能力[1]。这些能力要求源于前端开发知识更新速度快而且内容繁多，从事前端开发的人员必须具备较强的自学能力和知识迁移能力。互联网产品发展更新速度快也对从业人员的创新能力提出了较高要求。

1.2 课程现状及对策

“Web前端开发”“1+X”证书分为初、中、高3个等级，“Web前端基础”课程主要对接初级证书，并涉及中级证书少量知识点，主要讲授静态网页、响应式网页开发知识和技能。

前端技术知识多而杂，按照传统教学方式，容易在授课过程中出现知识内容“碎片化”，知识结构“割裂化”，且存在知识点的无效叠加，教学、培训效果难以达到“1+X”证书和企业用人单位需求。此外，在当前高职百万扩招等形势下，职业教育生源已经形成了开放入学的局面。探索灵活、个性化的自适应学习，支持学习者按照自身节奏学习已成为必需。

通过情境的整体性塑造和资源的有效整合，使教学目标由知识习得转向应用技能习得。将知识、技术、能力通过整体任务联系在一起，提升其在整体情境中解决问题的能力，这是“1+X”证书制度的核心要求[2]。因此，必须改革“Web前端基础”课程教学，将证书考核技能知识要求、能力培养目标融入专业教学即做到课证融通，才能提高人才培养质量，从而实现书证融通。

2 课证融通模式重构教学体系

下面将从课程目标厘定、教学内容选取、教学资源整合模式、教学过程实施、教学效果评价五个方面探讨课程对接“1+X”证书制度的整体方案。

2.1 课程目标厘定

紧扣“Web前端开发”“1+X”证书职业技能等级标准重新梳理课程目标。知识目标包括理解网页基本概念及Web标准构成；掌握HTML常用标签和HTML5新增标签的基本知识；掌握表单的创建、字段设置及提交；掌握CSS/CSS3的语法；掌握常用选择器(id，类，标签，伪类)；掌握盒模型的基本概念和相关知识；掌握浮动布局和定位布局；掌握Bootstrap栅格及组件的相关知识。能力目标包括具备熟练运用语义化标签手写HTML结构的能力；具备使用选择器书写CSS/CSS3代码的能力；具备使用盒模型解决问题的能力；具备使用浮动布局、定位布局书写页面结构的能力；具备使用Bootstrap框架开发响应式网页的能力；具备根据实际应用需求、创新性地设计网页的能力。素质目标培养学生严谨求实、一丝不苟的工作作风；培养学生的科学研究素养和创新创业精神；培养学生的职业道德和工匠精神等。

2.2 教学内容选取

“1+X”证书制度的职业技能等级标准主要突出“职业”二字，目的为了解决职业教育和社会人才需求脱节的问题[3]。为了深度对接“1+X”证书，本课程教学内容以教师本人参与企业实践期间完成的真实项目“广东云景旅游公司网站”为载体。

依据布鲁纳提出的螺旋式排列法，将网站的实现过程分解为六个子任务，每个子任务以学生已有的知识能力为起点，不断提出新的目标，又以新目标的解决和新知识点的建构作为新的起点，引出下一个子任务。这种由浅入深、层层递进、螺旋式上升的子任务容易提高学生注意力、培养学生的学习兴趣[4]。“1+X”证书职业技能等级标准中的知识点和技能点巧妙地涵盖在每个子任务中。课后学生通过完成拓展任务进一步巩固所学知识，拓展任务的设计同样具备螺旋式上升的特征，并具备一定的自主创意空间，能够引发学生不断分析新问题、思考新的解决方案，在提升学生计算思维能力的同时，培养学生的主动学习能力和创新能力。学期末实训任务要求学生完成创新型电商网站设计与制作，强化学生熟练制作商业化响应式网站的能力，并进一步提升学生的创新创业能力。学生通过完整教学内容的学习，为考取“Web前端开发”“1+X”证书奠定坚实基础。具体教学内容设计如下表1所示。

表1 螺旋式排列的教学内容设计

2.3 教学资源整合模式

丰富的教学资源为课程内容学习和“1+X”考证提供了强有力的支持。主要资源情况如下：

(1)轻工教育在线：建设线上精品在线开放课程。“轻工教育在线”中的教学资源包括教学计划、教案、电子版教材、教学课件、教学视频、拓展学习资料、练习题、作业等。

(2)微信小程序：为了给学生课后编程练习打卡提供一个平台，并充分调用学生的学习积极性。自主开发了“编梦之旅”微信小程序，已经取得软件著作权。该软件具有自主练习、在线PK、排名积分、错题集、排行榜等功能。软件采用游戏的形式寓教于乐，能够极大提高学生编程打卡的积极性。

(3)自编立体化教材：结合十几年前端开发相关课程教学经验，主编了工业和信息化“十三五”高职高专人才培养规划教材《Web前端技术项目式教学(HTML5+CSS3+Flex+Bootstrap)》。

(4)智慧学习云平台：工信部提供的“1+X”考证辅助网站，包括“Web前端开发”考证知识点的所有教学视频。

2.4 教学过程实施

培养前端新知识、新技能的学习能力和创新创业能力是“Web前端开发”“1+X”证书的核心要求。同时，学生多元化入学背景需要教师打造适应个性化需求的教学方式。因此，课证融通教学体系采用的是五步探究式翻转课堂教学法，将核心能力塑造融入教学各个环节。具体实施情况如下表2所示。

表2 五步探究式翻转课堂教学法

课前教师在“轻工教育在线”发布学习资源，并同时提供相应的学习支架。学生通过“轻工教育在线”了解课堂学习目标，然后观看微课对知识点进行预习，为课堂完成实践性任务奠定理论基础。理解微课内容存在困难的同学可以通过学习支架进行查缺补漏，不同基础学生可以根据自身进度进行课前知识点准备，从而培养学生的自学能力。

课堂教师引导学生通过“发现式学习法”完成项目任务，学生进行探究式、理解式学习，完成知识的内化和应用，从而培养学生的分析解决问题的能力，以及科学研究素养[5]。进度快的学生在完成规定的任务后可在教师指导下尝试难度提升的拓展性训练项目。教师在授课过程中引导学生树立正确的价值观，培养前端开发工程师所必需具备的“敬业”“专注”“精益”“创新”的工匠精神和职业道德。在编写代码的过程中，培养学生养成严谨求实、一丝不苟的工作作风。

课后学生通过“轻工教育在线”“网络学习云平台”“编梦之旅”微信小程序复习巩固所学知识点。并完成课后拓展练习。教师指定拓展练习复杂度的最低要求，其余不做限制，留给学生一定的创意空间，通过完成拓展练习培养学生的知识迁移能力和创新创业能力。

2.5 课程考核

学生学习效果评价由过程性评价和期末考试两部分组成，各占50%权重。过程性评价包括课前、课中、课后三个部分的学习活动。其中课前包括教学视频观看；课中包括课堂考勤、课堂互动、课堂任务完成情况；课后包括拓展任务的完成情况。各指标在过程性评价中所占的百分比如下表3所示。期末试卷涵盖本学期知识要点，题型和难度均参照“Web前端开发”“1+X”考证试题。

表3 过程性评价各指标所占百分比

3 结语

建立和实行“1+X”证书制度，对职业教育提出了更高要求，对教师提出了新的挑战。必须以“1+X”证书制度为契机，对职业技能等级标准的知识涵盖、能力要求、考核方案等相关内容进行深入研究，对本专业职业面向、培养目标、培养规格、毕业要求等专业人才培养关键要素进行全面梳理、科学定位。将证书要求深度融入课程教学，重构人才培养“新”方案。不断探索教学改革之路，才能顺利迎接“1+X”证书制度带来的挑战。