Web前端开发课程体系建设与实践探索

王红军，胡宇航，汪洪祥，刘玮，高巍，荣雯皓

（河北旅游职业学院，河北承德 067000）

随着Web 前端开发技术的普遍应用，国内高职院校提高了重视程度，为了提高人才培养质量，必须要加强Web 前端开发课程体系建设，和实际教学联系起来，确保取得良好成效。现阶段Web 前端开发课程中出现了一些问题，为了改善这种情况，要进一步优化，建立起一套完善课程体系，不断提高学生自身综合能力，为将来步入社会打下坚实的基础。

1 课题研究目的及意义

在“1+X”证书制度的背景下，河北旅游职业学院信息技术系计算机应用技术专业以就业为导向，加强对Web 前端开发专业课程体系探索，主要目的是为了提高人才培养质量。自2016年以来，该系瞄准市场需求，修改人才培养方案，制定和实施新课程体系，在国家“1+X”证书制度没有正式发布前，已经积累了一定的实践教学经验。该课题旨在通过该院信息技术系的课程改革实践经验，研究在“1+X”证书制度下将Web 前端职业技能培养融入教学中，探索将课程教学知识体系与Web 前端开发职业技能等级标准有机结合，优化和重构专业核心课程体系[1]。

2 国内外研究现状

目前，“1+X”证书制度与高职Web 前端开发人才培养的结合在国内还处于初步实践阶段。国内很多高职院校相关专业的Web 前端专业核心课程体系建设还在摸索中。2019年2月，国务院印发了《国家职业教育改革实施方案》，明确提出深化复合型技术技能人才培养培训模式改革，借鉴国际职业教育培训普遍做法，启动“1+X”证书制度试点工作。2019年3月，工业和信息化部组织编写了《Web 前端开发职业技能等级标准》，明确了该专业职业技能人员的工作领域、工作任务、技能要求和知识要求。由于很多高职院校相关专业原有的课程知识体系与“1+X”Web 前端开发证书的知识体系要求不一致，导致其专业课程体系已经不能满足新要求的需要，急需进行课程体系改革，制定新的专业核心课程体系，以适应新培养方向的要求[2]。

3 Web 前端开发人才培养目标及方向

3.1 人才需求量增加

现阶段，Web 前端开发成为社会热点，随着技术快速发展，各种开发框架、工具不断出现，导致企业对专业人才需求量增加。根据相关统计显示，Web前端开发技术人才缺口非常大，薪资福利待遇好，有着广阔市场发展前景。但是由于各方面原因，人才数量一直比较少，无法满足发展需求，一定程度上限制了技术发展，所以要加强人才培养。Web 前端底层技术由HTML、CSS 和JavaScript 三大部分组成，是一个庞大而复杂的技术体系。通过市场调查发现，企业在招聘时对人才提出了一定要求，一是熟悉HTML5、CSS3、ES6 等Web 技术标准；二是熟悉前端三大框架：Vue、React、Angular； 三是熟悉前端UI 框架，如Bootstrap、IView 等；四是熟悉前端模块化标准：AMD、CommonJS 等；五是熟悉自动化构建工具：Grunt、Gulp 等；六是熟悉NoteJS[3]。部分企业招聘要求比较低，但是必须要掌握一种后端的开发语言，如Java、PHP 等。企业为了实现更好发展，招聘时对人才水平要求比较高，所以在校期间要进行有效学习，才能更好地适应。

3.2 1+X 制度对Web 前端开发人才的要求

Web 前端开发的1+X 证书分为初级、 中级、高级3 个等级，不同等级对人才能力要求不一样，有着明显差异。初级要掌握HTML、CSS、JavaScript 基础以及JQuery； 中级要求掌握后端PHP 语言、PHP 开发框架Laravel、常用的MySql 数据库、Ajax 等；高级要求掌握Vue、lessdeng ，这3 个等级是逐步深入的，详细展现出Web 前端开发的学习顺序。将1+X 与企业对人才要求进行对比，可以发现存在几方面的问题。首先1+X 让前端三大框架变得更加精简，但是只选择Vue 作为考点。其次在自动化构建中，1+X也变得更加精简，只选择Webpack。高职院校如果开设所有内容，不仅学习难度大，而且任务量会比较中，增加了学生内心压力，显然是不合适的[4]。最后1+X 选择PHP 语言作为后端开发语言。在进行开发时，要求掌握接口设计、测试和调用的方法，之所以选择PHP 语言，这和PHP 语言本身特点有很大的关系。PHP 刚开始学习比较简单，学生将重点放在前端核心内容上，同时Lavravel 框架是PHP 主流的开发框架，在市场中占据很大比例。通过分析可知，1+X 制度将市场和教育充分联系起来，为高职院校Web 前端开发课程体系建设与实践指明了方向，保证达到预期效果。

4 职业能力分析

通过对企业人才招聘标准分析，总结了Web 前端开发的职业能力，包括以下5 个方面，分别是业务系统开发；制定数据接口标准、系统接口开发；界面设计、改善用户体验；团队技术交流；系统文档的编写与维护。不难发现，Web 前端开发方向对人才的职业能力要求和软件开发是相似的，所以在培养职业能力时，可以以软件专业作为参考。学生将来是要走向社会的，所以职业能力培养是至关重要的，直接决定了在市场中竞争力，可以获得更好发展机遇。明确对Web 前端开发技术人才的能力要求，在此基础上设计课程体系，保证具有适用性，不断提高学生职业能力，为将来发展打下坚实的基础[5]。

5 Web 前端开发课程存在的问题

随着高职院校对Web 前端开发技术的重视，已经开设了相关课程，但在实践教学中仍然存在一些问题，对人才培养质量会产生不利影响，下面进行详细论述。

5.1 课程内容落后

Web 技术发展呈现出日新月异的特点，在先进技术支持下，Web 应用项目开发周期大大缩短，可以满足更高需求。但是从大部分高职院校课程内容来看，主要以网页设计、网页制作、工具软件使用为主，存在严重滞后性，与实际需求不相符合，无法保持与Web 前端技术的同步发展。这也是很多学生无法就业的问题，自身知识体系落后于技术发展速度，无法胜任岗位需求。教师几乎整节课时间都在讲解知识点，学生进行简单练习即可，在这种模式下，学习效果并不是很好，即使学生存在问题也很难发现。课程内容具有极强针对性，主要是面向特定岗位设计的，如果内容落后，会直接导致学习效果大打折扣，所以要注重内容创新。

5.2 忽视实践教学

Web 前端开发技术具有很强实践性，要求学生学习后可以熟练操作，解决实际中遇到问题，将知识转化为自身能力。部分院校在课程设置方面存在不合理现象，以理论课为主，忽视了实践教学的重要性，导致在这方面存在严重缺陷。实践教学课时比较少，学生很难在短时间内全面掌握，所以无法熟练操作，会影响到未来就业。调查发现，大部分学生都掌握了Web 前端开发技术的理论，但是实践能力普遍较低，限制了自身全面发展。Web 前端开发技术的复杂性，决定了需要大量时间去练习，在短期内是无法熟练操作的，但院校往往忽视了这一点，没有处理好理论和实践教学之间的关系。意识到实践教学重要性，改善目前现状，不断提高学生动手能力，实现自身的更好发展[6]。

5.3 教学方式单一

Web 前端开发课程教学中依然采用传统方式，教师在课堂上占据主导地位，学生只能被动接受，自主学习积极性比较低，长此以往容易对教师产生依赖性。在Web 前端开发技术学习过程中，教师主要起到引导作用，更多是要发挥出学生自身主观能动性，培养良好学习习惯。在单一教学模式下，学生会感觉到枯燥乏味，导致积极性普遍较低。学生对Web 前端开发技术认识比较浅显，没有和行业需求联系起来，认为只要完成学习任务就可以。根据Web 前端开发课程的特点，创新教学方式，确保取得更好效果。

5.4 考核方式不合理

Web 前端开发课程教学考核依然采用传统方式，以考试结果作为评价学生的唯一指标，忽视了其他方面的评价，存在严重片面性。对于学生而言，Web 前端开发技术学习是一个持续性过程，技术难度在不断增加。当学生考试成绩比较低时，会打击到自身积极性，对后期学习产生一定影响。因此要加强教学考核方式改革，保证具有全面性，反映出学生各个方面的学习情况。考核方式直接作用于教学效果，通过考核发现问题，在此基础上进一步改进，优化教学方式，不断提升学习效率和质量。

6 Web 前端开发课程体系建设与实践

关于Web 前端开发课程体系建设与实践，高职院校要立足于实际情况，保证课程体系建设的全面性、可行性，与人才培养目标相符合，不断提高学生综合能力，有效适应社会发展。

6.1 课程体系建设思路

Web 前端开发课程体系建设要明确思路。一是以1+X 证书为标准，注重复合型Web 前端开发技术人才培养，有效结合1+X 制度，将初级、中级、高级和课程相结合，认真考虑Web 前端开发专业课程的学习路线，合理设置课程，让学生在校期间可以完成3 个等级的认证，具备较高技术水平，为将来走向工作岗位做好准备。二是时刻关注行业发展形势。教师要深入到企业中去学习，了解最新技术发展情况，融入课堂教学中去，有助于强化学习效果。教师是教学的主体力量，因此院校要定期开展培训，组织他们学习最新理论和技术，为教学工作开展提供有力支持。三是Web 前端开发的发展方向是大前端，由于学生在校学习时间有限，所以很难全面掌握。在这种情况下，教学中就应该突出重点，不仅减少学习量，还能够提高效率。四是以应用为中心推动课程建设。微信在学生中已经普遍应用，可以作为课程推广的工具，具有方便、快捷的特点，激发出学生兴趣，进一步强化学习效果。五是重新规划Web 前端方向JavaScript 课程内容。JavaScript 是Web 前端开发的主要语言，除此之外，还能够通过NodeJS 实现后端开发。提高JavaScript 课程质量，可以有效提高人才培养质量，二者有着密切联系。六是提高对JavaScript 第三方类库的教学，JavaScript 发展时间比较长，受到各种因素影响，使得很多基本的功能官方类库没有提供，所以往往需要依赖第三方。

6.2 合理选择Web 前端开发教材

从实际情况来看，教材选择上主要存在两个问题，一是内容落后。由于Web 前端技术发展速度比较快，所以教材内容非常容易过时，需要及时更新才可以。二是教材难度大。以Web 前端开发的核心框架的教材为例，涉及专业知识比较多，具有很强综合性，增加了学生学习难度。为了解决面临问题，要提升教材质量。首先要关注行业发展情况，补充最新内容，保证教材的先进性，与技术发展保持同步。合理控制教材内容难度，保证学生可以很好接受，学习到专业技术。教材编制要由经验丰富教师来负责，完成后进行审核，不足地方及时完善，更好应用到教学中来。

6.3 建设实训室

在Web 前端开发课程体系建设中，要意识到实践教学的重要性，对于提高学生操作能力有很大的帮助。为了确保实践教学顺利开展，加强实训室建设是很有必要的，创建出良好环境，提高学生参与积极性。仅靠教师讲解是远远不够的，需要学生自己动手去操作，才会变得更加熟练，不断提高自身职业能力。根据学生自身情况制定实训方案，严格按照要求去执行，在反复练习中会变得越来越熟练。高职院校要加大对实训室建设的投入，购置先进技术设备，为学生学习质量提供可靠保障。日常要注重实训室的维护和管理，避免出现设备损坏影响，对正常教学产生影响。将理论和实践练习起来，提高知识运用能力，解决实际中遇到问题。

6.4 创新教学方法

传统教学方法已经无法满足实际需求，所以要积极创新，可以发挥出更大作用。坚持以人为本原则，突出学生主体地位，更加自主参与到教学中去，不断提升自身学习水平。小组合作是一种很好的方式，将学生分成不同小组，通过讨论合作来完成教学任务，可以营造出良好学习氛围，让所有人都参与进来。改革教学考核方式，除了成绩外，还要对学习态度、进步情况等方面进行综合评价，给学生科学合理定位。教学方法直接决定了教学效果，所以要保证满足学生需求，增强学习趣味性，培养自主探究能力，促进良好习惯养成。采用多种教学方法，加强师生互动，提高在课堂上的默契配合度，实现知识传递与吸收。

7 结语

综上所述，上文对Web 前端开发课程体系建设与实践展开了探讨，有更加全面的了解。在市场对Web 前端开发技术人才的持续增加背景下，高职院校要积极转变教学理念，明确人才培养目标，同时加强课程体系建设，保证学生接受良好教育。将课程体系运用到实际教学中去，不断提高人才培养质量，满足社会发展的更高需求。