“1+X证书”背景下高职交互式Web前端开发课程标准制定设计研究

赵美花

（延边职业技术学院 信息技术与艺术设计系，吉林 延吉 133000）

0 引言

2019年3 月出台的《Web前端开发职业技能等级标准》是工业和信息化部教育与考试中心发布的。交互式Web前端开发技术广泛应用于Web前端开发，可以实现网页的交互，为用户提供流畅美观的浏览效果[1]。近年来，互联网用户对浏览网页时的用户体验要求越来越高，因此前端开发技术越来越受到网站开发者的重视。JavaScript和jQuery为Web前端开发领域中举足轻重的两门语言。快速、全面、系统地理解并掌握这两门语言的应用[2]，成为Web开发人员的迫切需求。目前，市面上JavaScript和jQuery技术相关书籍和资料非常多，但是针对“1+X证书”中的交互式Web前端开发技术的资料寥寥无几[3]。在这样背景下，分析JavaScript和jQuery现有的资料，制定适用于“1+X证书”标准的交互式Web前端开发课程标准，有利于推进国家倡导的培养专业知识技能过硬、职业素养高、综合职业能力更强的技术技能型计算机人才[4]。

1 交互式Web前端开发课程标准制定理论依据

课程标准是国家课程的基本纲领性文件，是国家管理和评价课程的基础，是国家对基础教育课程的基本规范和质量要求，也是教材编写、教学、评估和考试命题的依据。它体现国家对不同阶段的学生在知识与技能、过程与方法、态度与价值观等方面的基本要求，规定各门课程的性质、目标、内容框架，提出教学和评价建议[5]。

课程标准的制定以认真贯彻落实《国家职业教育改革实施方案》为根本，在仔细认真解读《Web前端开发职业技能等级标准》的基础上，深入研究课程本身的特点和高职学生自身的素质，最终制定满足企业岗位需求的课程标准[6]。学校认真贯彻“职教20条”“管好两端、规范中间、书证融通、办学多元”的原则，结合计算机应用技术专业特点，剖析计算机应用技术专业人才培养方案，对照“1+X证书”制度寻找差距和不足，不断完善人才培养方案，培养出专业知识技能过硬、职业素养高、综合职业能力更强的技术技能型计算机人才[7]。

《Web前端开发职业技能登级标准》对交互式Web前端开发课程的要求是能使用JavaScript开发交互效果页面；能正确选择数据类型、设置变量；能使用运算等基础语言和内置函数实现数据交互；能正确使用JavaScript对象和DOM编程实现交互效果页面；能使用jQuery选择器，jQuery中的DOM操作、滚动、图标、布局、文字处理及UI等插件，以及jQuery时间和动画等功能开发交互效果页面[8]。

2 原有JavaScript和jQuery课程标准分析

在目前高职计算机类课程当中，JavaScript和jQuery分为两门课，是计算机应用技术专业的核心专业课，主要任务是培养学生的网站前端开发中JavaScript和jQuery编程能力；培养学生运用JavaScript和jQuery语言进行前端开发的能力并使用JavaScript和jQuery语言解决实际问题的能力。JavaScript和jQuery作为前端开发的重要脚本语言，市面上有不少相关书籍与资料。这些资料都趋向于讲解语言的基本语法、功能、使用案例等内容，缺乏对Web前端开发职业技能等级标准的针对性的资料。教师指导学生顺利拿到Web前端开发等级证书同时掌握相应的技术技能，有必要对原有的课程标准进行修改，重新定制更符合职业技能等级标准的课程标准[9]。

3 基于职业技能等级标准的交互式Web前端开发课程标准

3.1 课程定位

交互式Web前端开发课程是专注于Web前端开发职业技能等级标准的初级课程，内容涉及JavaScript基础知识和进阶知识两部分，是围绕“互联网+”、新型技术行业带来的Web前端开发技术技能人才需求，培养具有良好职业道德和人文素养，掌握Web前端开发基础知识，具备静态网页设计、开发、调试、维护等能力，能从事Web前端软件编码等工作的技术技能人才。

课程开设的主要目的是培养学生的脚本编程素质，提高学生的交互式Web前端程序开发能力。通过“教、学、做”一体化教学，教师使学生掌握程序设计的基本方法并逐步形成正确的程序设计思想，熟练使用JavaScript和jQuery语言进行Web前端开发程序设计并具备初步调试程序的能力，让学生具备相关职业应用型人才所必需的程序编制及创新设计等基本知识与技能，为后继课程及其他程序设计课程的学习和应用打下基础。

与前续课程的关系：“HTML5+CSS3网页设计与制作”使学生掌握网页设计与制作的基本语言，培养学生静态网站设计与制作技能。

与后继课程的关系：为“BootStrap响应式Web开发”“Web前端模块化开发”“PHP+MySQL动态网站开发”“Laravel框架开发”等课程的学习，提供程序开发能力的基础。

3.2 课程目标3.2.1 知识目标

（1）能使用JavaScript开发交互效果页面。（2）能正确选择数据类型、设置变量，能使用运算等基础语言和内置函数实现数据交互。（3）能正确使用JavaScript对象和DOM编程实现交互效果页面。（4）能使用JavaScript OOP、原型链、常用设计模式等原生的方式开发网页。（5）能使用jQuery选择器，jQuery中DOM操作、滚动、图表、布局、文字处理及UI等插件，jQuery时间和动画等功能开发交互效果页面。

3.2.2 职业能力目标

（1）逐步形成结构化程序设计的思想。（2）能借助资料顺利阅读他人编写的应用程序。（3）具有较强的动手实践、独立和合作编写程序解决实际问题的能力。（4）能够较熟练地对程序进行调试和测试。

3.2.3 职业素质养成目标

（1）养成善于思考、深入研究的良好自主学习的习惯和创新精神。（2）具有结构化程序设计思想和良好的编码规范。（3）具有团队协作精神、沟通交流能力和书面表达能力。（4）具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品格。

3.2.4 职业技能证书参考目标

学生可以达到“1+X证书”职业技能等级标准规定的Web前端开发职业技能等级证书的要求。

3.3 课程内容与要求

本课程内容主要由4个部分组成，分别是JavaScript语言、DOM概念、BOM概念和jQuery语言。课程采用“知识讲解+案例实践”的方式来安排所有技术技能，及时有效地引导学生将学过的内容串联起来，培养学生分析问题和解决问题的综合运用能力。将抽象的概念具体化，学到的知识实践化，学生不仅能理解和掌握基本知识，还能根据实际需求进行扩展和提高。具体内容包括JavaScript概述、JavaScript基础知识、JavaScript函数、JavaScript对象、DOM概念、BOM概念、JavaScript网页特效、jQuery概念、JavaScript面向对象、正则表达式等内容。

3.4 教学资源要求

（1）教材选取原则：以《Web前端开发职业技能等级标准》中的职业素养和岗位技术技能为重点培养目标，选取能够使学生对Web前端开发的技术体系有更系统、更清晰认识的教材。

（2）教学环境资源要求：第一，教师要熟练掌握Web前端开发技术中静态网页开发技术，具备灵活运用JavaScript和jQuery语言开发网站交互效果页面的能力，同时应具备较丰富的教学经验和组织教学能力。第二，教学设施包括操作系统（Windows 7/8/10）、开发工具（Chrome浏览器）和VS Code编辑器。

3.5 课程考核方案

本课程为考试课程，期末考试采用百分制的闭卷考试模式。学生的考试成绩由平时成绩（30%）和期末考试（70%）组成。其中，平时成绩包括出勤（5%）、作业（5%）和上机成绩（20%）。同时，Web前端开发职业技能等级考试也可以作为课程考核的方案。

3.6 教学实施建议

在教学过程中，教师应培养学生的实际操作能力，采用“教、学、做”的教学方式，用实例来引导学生学习技能，并通过动手实训，让学生自己理解、归纳并掌握基本的编程知识。教师结合线上线下实训、与项目实例相结合的教学方式，以面向门户网站、交易类网站、企事业网站、娱乐性质网站的规划与建设、开发与维护，关系型数据库开发与管理为实训项目内容。

4 结语

在“1+X证书”制度下，要使高职计算机应用技术专业的学生在学习交互式Web前端开发课程的过程中掌握职业能力，教师有必要对原有教学标准进行改革。基于职业技能等级标准的交互式Web前端开发课程标准有利于高职院校推进“1+X证书”制度，同时对其他Web前端开发课程有借鉴意义。