“1+X”证书制度下JavaScript应用技术课程建设实践探究

陈君艳 吴小香

摘要：JavaScript应用技术是江苏农牧科技职业学院计算机应用技术专业的一门专业必修课程，也是 “1+X” Web 前端开发职业技能等级考核（初级）的核心课程。文章结合 Web 前端开发职业技能等级证书要求，从课程目标、课程内容、课程实施、考核评价等方面开展课程建设实践探究，提高学生考证通过率和优秀率，为其他课程改革提供借鉴。

关键词：“1+X”证书；JavaScript；课程建设；职业教育

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

文章编号：1009-3044（2022）31-0122-03

为实现职业教育的高质量发展，2019年教育部启动首批6个职业技能等级证书试点制度。“1+X”的Web前端开发方向证书标准的核心内容来源于社会对Web前端开发活动质量的要求，能够反映当下时期内Web前端开发职业教育的人才培养质量规格。标准充分考虑了Web前端开发从业人员的职业发展路径与成长路径，以职业素养、职业技能、知识水平为主要框架结构，设计了HTML基础及HTML5标签、CSS及CSS3应用、JavaScript基本语法与高级编程、ES6标准、数据库应用、项目模块化开发以及各种复杂的交互与优化等知识和能力[1]。

学院计算机应用技术专业自获批Web前端开发证书试点后，基于证书考核标准，修订专业人才培养方案，系统化学习知识体系、开展课证融通课程建设，并在课程实施的过程中进行实践探索，解决了证课内容重叠、课程冲突等问题，提升了课程的适用性和可行性，切实发挥了课证融合教学优势。

1 课程定位

JavaScript应用技术课程是计算机应用技术专业必修的一门职业技术课程，课程以计算机应用技术人才培养方案为指导，结合《Web 前端开发职业技能等级标准》的要求，对课程体系进行了梳理，本课程的前修课程是Html5+CSS3页面设计与布局，后续对应了动态网页开发和移动互联前端开发等课程。如图1所示。

2 课程目标

JavaScript应用技术的课程目标是职业教育人才培养目标的具体化，是实施课程建设和教学最终要达到的目的，以及在知识、能力、素质三个维度能达到的目标值[2]。学生通过本课程的学习，知识维度能理解并掌握JavaScript的语法基础、函数、对象、BOM、DOM、事件、jQuery选择器等知识点；能力维度能灵活应用JavaScript或jQuery完成页面交互、简单页面特效，和表单验证等任务；素质维度能养成勤于思考、善于动手和良好团队合作精神的职业素养。

3 课程内容

课程根据岗位工作任务、工作过程和课程标准，并结合“1+X” Web前端开发考证要求，按照情境化、任务化将复杂的内容重新融合，加入了jQuery部分内容，将课程内容划分为如表1所示任务列表。第一部分JavaScript基礎语法，依据学情分析，学生已经学习了作为前修课程的Java程序设计基础，这部分的学习内容强调编写JavaScript程序不同于Java程序的变量使用方法、语法规范及命名规范等，鉴于学生已具备了基本的程序设计思想，所以 “数据类型、运算符及程序流程”部分内容以复习，查漏为主，同时结合近两年“1+X”Web前端考试真题，设计“查询水果价格”“获取数据元素中的最大值”等案例，重点帮助学生掌握各种数据类型的使用细节，实现不同数据类型之间的转换，理解数组的创建、访问、编历等基础操作，理解函数的使用，参数和返回值的设置，能够利用常用的运算符和流程控制语句，编写简单的程序；第二部分WebAPI（DOM＼BOM模型）是本课程的重点部分，选取设计了八个课堂案例，贯穿了DOM元素，节点的操作，事件的应用和Window对象等各知识点，帮助学生掌握应用DOM在JavaScript中获取元素；通过事件操作元素；学会如何创建节点、添加节点、删除节点、复制节点；了解BOM的构成，及其属性。第三部分是jQuery框架，结合“1+X”Web前端考试大纲要求，将jQuery属性操作、内容操作、元素操作、尺寸和样式操作等作为重点内容，同时将当前流行的“手风琴效果”“电梯导航”等页面效果作为课堂案例，激发学生学习兴趣。第四部分是拓展内容，正则表达式在表单验证方面的应用非常广泛，通过这部分内容的学习，学生能掌握正则表达式的基本概念和语法规则，两个案例“用户名验证”和“身份证号码验证”的实现，也进一步帮助学生了解正则表达式在字符串格式验证中的高效。

4 课程实施

课程目标是否能如计划达成，还需要落实到具体的课程实施。本课程的实施贯彻了以学生为中心，教师为主导的理念，以问题为导向，以任务化情境案例开展教学，把各知识点分解到课前讨论，课中详解，课后拓展的环节中，并且根据专业特点融入思政元素，从而实现课程目标，提升学生的职业技能。

JavaScript应用技术课程实践性较强，课中实施以理实一体的形式展开，教师在课中授课时既能保证理论教学，又能无缝衔接实践教学，加固学生知识内化[3]。比如在讲解函数部分时，教师讲解完函数参数的知识点后，就以案例说明实参和形参的区别，教师现场编码实现，并对重点，易错部分进行详解，随后发布类似案例，由学生自主完成，这时，教师由主角变为配角，引导学生从需求开始逻辑分析，理清思路，自己动手编码实现功能，这样做着重培养学生的分析问题，解决问题的能力，学生从一个个实现的案例中获得成就感，激起学生的主观能动性，从而更加积极地主动学习。

JavaScript应用技术课程的课堂组织采用启发式、探究式、讨论式等组织形式，教学方法总体以问题导向，任务驱动，结合情景案例为主，同时考虑学生的学情与实际课堂授课情况，根据需要适时开展分层式教学。以“猜数字游戏”案例为例， 启发学生设计不同游戏版本：“终极版（不限次数，直到猜对退出）”，“限定次数版”“无BUG公平版（答案由随机数获取）”“公开发布版（DOM元素的操作）”每个版本对应“循环控制”“Math对象”等各个知识点，通过创设的情景案例，组织学生讨论，让他们联系自身在游戏中碰到的良好体验，提出各种改进措施，扩充游戏的beta版本，比如“记录次数”“积分制”“奖励制”并将这些作为拓展任务，发布给课堂学有余力的同学完成，兼顾不同层次学生的学习需求，进一步激发学生的学习积极性和主动性。

目前，线上线下混合式教学模式是教育信息化发展的必然趋势。应用这种模式的优势很明显，既方便了学生移动学习、碎片化学习，打破了学生在学习时间与空间上的限制，满足了学习的个性需求，同时还具有网络教学平台资源丰富多样化，快捷的互动交流等特点，能充分激发学生的学习热情和主观能动性，另外学生智能手机、平板电脑和笔记本电脑的配备和广泛使用，为线上线下混合式教学模式的实施提供了有利的条件[4]。课程团队结合JavaScript应用技术课程特点和学情，在职教云平台开发建设JavaScript应用技术在线精品课程，已经录制操作类短视频368分钟；为学生选取并上传个性化，精准性的各类学习资源近400分鐘；自主设计、研究制作微课视频、多媒体教学课件20余个；结合近三年“1+X”Web考试真题和模拟题，建设题库和各类活动库近200条。丰富的课程资源真正将课程中的重点难点知识可视化、碎片化，提高学生线上自主学习的兴趣。教师在课前、课中、课后三个阶段通过专题讨论、视频播放、实操演示，在线答疑、定时测试等形式引导学生自主学习。以“页面简易购物车”任务为例，课前，教师发布预习任务单，让学生通过在线课程提前学习jQuery属性操作 prop（）方法、attr（）方法、data（）方法；内容操作html（）、text（）、val（）方法；元素遍历each（）方法等知识点，并完成“修改页面图片”的简单案例；课中教师根据课前任务完成情况，对“页面简易购物车”任务进行分解为 “全选商品”“增减商品”“计算件数和总额”等子任务，理实一体形式帮助学生完成问题分析、代码实现。课后，发布巩固和拓展任务“为选中的商品添加背景色”，对基础较差的学生以强化重点为主，会让他们观看录制的重难点操作视频，对课堂效果较好的学生，以拓展任务为主，进一步培养他们的自主学习能力和独立解决问题的能力。 经实践，课程依托智能的在线平台，丰富的在线课程资源，线上线下混合教学模式，将课堂从课内延伸到课外，真正了提高课堂的有效性。尤其在疫情时期，取得了很好的教学效果。

5 课程考核与评价

课程整体评价包括终结性期末考核和过程性评价两部分，终结性期末考核一般占总体评价的50%。课程以往采用的期终考核方式有闭卷笔试、开放式提交作品及作品报告、闭卷（限时）上机操作等，这些考核方式各有优缺点，比如闭卷笔试，对知识点的掌握要求较高，学生难免会去死记硬背一些选项，而实际对操作并不熟悉；开放式提交作品及作品报告的形式，能激发优秀学生的创作热情况，往往会有优秀作品出现，但对于大部分的学生作品，评分尺度不好把控，甚至会出现不少雷同的作品；闭卷（限时）上机操作考核对学生的理论和实践操作要求都较高，而且在规定时间内很难完成一定工作量的作品，只能以页面局部效果作为考核内容，也有一定的局限性。目前实施的“1+X”Web前端开发的考核方式分为理论知识考核和操作技能考核，能均衡地体现学生对理论知识和实操技能的掌握情况。参照“1+X” Web前端开发考证方式，本课程新的考核方案也分为理论知识和操作技能两部分，总分均为100分，理论知识试卷由在线课程的试题库随机组卷而成，题型包括单选题、多选题和判断题，学生限时闭卷通过在线课程的考试页面完成；操作技能考核项目覆盖所有的核心知识点，考查学生是否能对这些知识点学以致用，题型包括程序简答题（思路分析）和程序填空题，学生在实训室限时完成。总成绩按照理论知识考试成绩的40%，技能考核成绩占总成绩的60%计算，考核合格要求总成绩达到60分，且理论和操作两部分的单独成绩均达到50分以上。

课程的过程性评价注重学生自主学习能力和动手能力的过程考核，教师通过在线教学平台的统计分析功能可以随时了解学生线上教学资源的学习时长、在线测试、在线作业的完成情况等，通过汇总分析学生学习的过程数据，督促学生完成课前学习任务清单及课后作业和各项拓展任务。将过程性评价纳入课程的整体评价实现了线上与线下评价的结合、教师评价与学生互评相结合，充分激发了学生参与线上学习的积极性与主动性[5]。这部分内容占总体评价的50%，分别对学生的学习态度（10%） ，平时学习能力（15%） ，学习效果（25%） 三方面进行考核。其中学习态度（10%） 包括日常考勤，平台签到，视频或PPT观看时长，在线讨论等；学习能力（15%） 包括课前平台发布的学习单任务完成情况和课后拓展任务完成情况；学习效果（25%） 主要是课中各项任务案例的完成情况。

在“1+X”证书制度试点背景下，同时也为了激励学生积极参加考证，课程将Web前端开发技术（初级）证书的成绩纳入评价范围，即学生可用证书成绩替代本课程的期末考核成绩，经实践采用这种评价方式更加符合实际情况，评价结果也更具科学性、合理性。

6 结束语

作为“1+X”证书试点院校，为配合“1+X”证书制度的实施，JavaScript应用技术课程团队积极学习、研讨，并充分利用整合现有的各类资源、结合计算机应用技术的专业特点和Web前端开发技术的证书标准，改进课程教学方法，努力推进“1+X”证书制度的顺利实施，优化计算机人才的培养环境为计算机行业发展奠定人才基础[6]。

参考文献：

[1] 工业和信息化部教育与考试中心.Web前端开发-上册-高级[M].北京：电子工业出版社，2019.

[2] 刘炜杰.从单一走向多元：当前我国中等职业学校教育改革的方向与路径[D].上海：华东师范大学，2017.

[3] 娄玲玉，高飞，赵沙沙.基于电子信息类专业的理实一体教学改革与实践[J].科技视界，2022（13）：60-62.

[4] 林娇霞. 高职院校线上线下混合式教学模式探索——以《外贸跟单实务》课程为例[J]. 中国多媒体与网络教学学报（中旬刊），2022（4）：1-4.

[5] 陈晓宁.高职院校线上线下混合教学实践探索与实践——以广西建设职业技术学院为例[J].教育现代化，2019，6（3）：176-178.

[6] 黄金胜.1+X证书制度试点背景下的《网页设计》课程研究与实践[J].电子元器件与信息技术，2021，5（8）：51-52.

【通联编辑：王力】

收稿日期：2022-07-21

基金项目：本文系2022年江苏农牧科技职业技术学院教科研专项课题：《“1+X”证书制度下高职院校人才培养质量评价体系的研究》（课题编号：JYZX202224）

作者简介：陈君艳（1979—） ，女，江苏泰州人，副教授，硕士，研究方向为大数据分析、职业教育；吴小香（1980—） ，女，江苏泰州人，副教授，硕士，研究方向为软件工程、职业教育。