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

赵美花

摘  要：在“1+X证书”背景下，交互式Web前端开发作为职业技能等级标准中的重要技术其地位不言而喻。本文依据Web前端开发职业等级标准的内容，通过对原有课程标准分析，从课程定位、课程目标、课程内容、课程考核、教学实施建议等方面内容的研究，制定适合1+X证书标准和岗位需求的交互式Web前端开发课程标准，从而为同类高职院校交互式Web前端开发课程标准的设置提供一定的借鉴。

关键词：1+X证书  职业等级标准  高职院校  交互式Web前端开发  课程标准

中图分类号：TP312-4;G712               文献标识码：A                 文章编号：1674-098X（2020）09（b）-0152-03

Abstract：Under the background of "1 + X certificate"， interactive web front-end development plays an important role as a main technical ability in vocational skill level standard. This paper formulates the interactive web front-end development curriculum standard suitable for the 1 + X certificate standard and job requirements，based on the content of the web front-end development vocational level standard， through the analysis of the original curriculum standard， from the aspects of curriculum positioning， curriculum objectives， curriculum content， curriculum assessment， teaching implementation suggestions， etc.， so as to provide some reference for similar vocational colleges.

Key Words：1 + X certificate; Occupational grade standard; Higher vocational colleges; Interactive web front-end development; Curriculum standard

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

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

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

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

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

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

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 知识目标

- 能使用JavaScript开发交互效果页面。

- 能正确选择数据类型、设置变量，能使用运算等基础语言和内置函数实现数据交互。

- 能正确使用JavaScript对象和DOM编程实现交互效果页面。

- 能使用JavaScript OOP、原型链、常用设计模式等原生的方式开发网页。

- 能使用jQuery選择器、jQuery中DOM操作、滚动、图表、布局、文字处理及UI等插件、jQuery时间和动画等功能开发交互效果页面。

3.2.2 职业能力目标

- 逐步形成结构化程序设计的思想。

- 能借助资料顺利阅读他人编写的应用程序。

- 具有较强的动手实践、独立和合作编写程序解决实际问题的能力。

- 能够较熟练的对程序进行调试和测试。

3.2.3 职业素质养成目标

- 养成善于思考、深入研究的良好自主学习的习惯和创新精神。

- 具有结构化程序设计思想和良好的编码规范。

- 具有团队协作精神、沟通交流能力和书面表达能力。

- 具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品格。

3.2.4 职业技能证书参考目标

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

3.3 课程内容与要求

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

3.4 教学资源要求

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

- 教学环境资源要求

- 教师要求：熟练掌握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前端开发的职业能力要求，有必要对原有教学标准进行改革。基于职业技能等级标准的交互式Web前端开发课程标准的制定，有利于高职院校推进“1+X证书”制度，同时对其他Web前端开发课程有借鉴意义。

参考文献

[1] 李冬睿，杨颖，邱尚明，等.1+X证书制度下的高职PHP应用开发课程标准制定[J].计算机教育，2019（9）：3-6.

[2] 葛怀雨.1+X证书制度下高职院校软件技术专业《JavaScript程序设计》课程标准的制定[J].电脑知识与技术，2020（10）：94-95.

[3] 颜晶晶.基于工作过程的高职《JavaWeb应用开发》课程标准探讨[J].湖北函授大学学报，2012（6）：109-110.

[4] 郝静静，冯维娜.基于1+X证书制度的Web前端开发课程教学模式研究[J].办公自动化，2020（8）：37-39.

[5] 焦新伟.HTML5在WEB前端开发中的应用研究[J].网络安全技术与应用，2020（4）：73-75.

[6] 于营，刘小飞，杨婷婷，等.《Web前端技术》课程教学改革与实践[J].农家参谋，2020（15）：130-131.

[7] 郭小琛.1+X证书Web前端开发试点探索与实践[J].福建电脑，2020（5）：32-34.

[8] 余彬.“大职教观”视域下职业教育1+X证书制度的实施[J].教育与职业，2020（11）：20-27.

[9] 黄洋，刘义国.职业教育国家教学标准实施情况调研与启示[J].中国职业技术教育，2020（14）：83-86.