高职Web前端开发课程体系建设的思考

廖若飞

摘要：随着浏览器技术的发展和Web开发分工的细化，Web前端开发在企业中的地位越来越高，企业人才需求量大，员工收入提升快，很多学生都选择学习该方向。高职院校传统的Web开发方向课程体系已经不能满足人才培养的需求，2019年4月17日教育部职业教育与成人教育司颁布了《关于做好首批1+X证书制度试点工作的通知》（教职成司函〔2019〕36号）中指出，首批启动试点的为建筑信息模型（BIM）、Web前端开发、物流管理、老年照护、汽车运用与维修、智能新能源汽车等6个职业技能等级证书[1]。对高职院校来说，可以培养更多的高薪技术型人才，更应该重视，本文就Web前端开发课程体系的建设展开讨论。

关键词： Web前端开发; 课程体系建设; 1+X证书; 传统Web开发; 课程建设

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

文章编号：1009-3044（2020）17-0133-02

Abstract： With the development of browser technology and the refinement of the division of labor of web development， the position of web front-end development in enterprises is becoming higher and higher， the demand for enterprise talents is large， and the income of employees is rising fast， and many students choose to learn this direction. On April 17，2019， the Department of Vocational Education and Adult Education of the Ministry of Education issued the Notice on the Pilot Work of the First batch of 1X Certificate System （No.36[2019]）， pointing out that the first batch of six vocational skill grade certificates for building information model （BIM）， Web front-end development， logistics management， elderly care， automobile application and maintenance， intelligent new energy automobile， etc[1]. For higher vocational colleges， we can cultivate more highly paid technical talents， and we should pay more attention to it. This paper discusses the construction of curriculum system.

Key words： Web front-end development; curriculum system construction; 1+X certificate; traditional web development; curriculum construction

1 引言

高職院校软件技术专业普遍开设了Web开发方向，一般按照先开设HTML、CSS、JavaScript，然后再开设数据库、Java SE、Java EE，最后开设Java Web框架的三步路线进行教学。在以上教学路线中，一般将重点放在Java EE以及Java Web框架，以培养前后端一体开发的技术人才为主，在当前Web开发分工细化的当下已经严重过时，建立新的Web开发课程体系刻不容缓。随着前端技术的飞速发展和Web应用的复杂化，Web应用正在往兼容多端、高性能的方向发展[2][3]，Web开发中前后端分离是大势所趋，高职院校应尽早分别开设Web前端开发方向和Web后端开发方向。Web后端开发以Java Web和Web框架为核心。本文就Web前端开发课程体系的建设展开讨论。

2 Web前端开发人才培养目标与方向

2.1 企业对人才的需求

在Web应用成为绝对主流的大背景下，Web前端开发引来了发展的春天，新的开发框架、类库、工具层出不穷，企业用工需求量大，技术含量高。据大数据统计，2017年前端技术开发的人才需求量非常大，且每年递增，入职平均薪资已达13000元，处于应届毕业中的佼佼者，平均薪资涨幅高达39%[4]。Web前端底层技术由HTML、CSS和JavaScript三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。用人单位招聘时普遍要求：1）熟悉HTML5、CSS3、ES6等Web技术标准;2）熟悉前端三大框架：Vue、React、Angular;3）熟悉前端UI框架如：Bootstrap、LayerUI、IView、Element等;4）熟悉前端模块化标准：AMD、CommonJS、ES6 module;5）熟悉自动化构建工具：Grunt、Gulp、Webpack、Rollup;6）熟悉NoteJS。甚至部分用人单位要求至少掌握一种后端的开发语言，如：Java、Python、PHP等。通过以上分析可以看出企业对员工的专业技能要求高，对高校人才培养提出了挑战。

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

Web前端开发的1+X证书分初级、中级、高级三个等级。初级要求掌握HTML、CSS、JavaScript基础以及JQuery;中级要求掌握后端PHP语言、PHP开发框架Laravel、常用的MySql数据库、Ajax、WebSocket、Bootstrap;高级要求掌握Vue、NodeJS、Express、axios、Less、Webpack、ES6、ElementUI。1+X的三个等级的认证，由浅入深步步深入，详细展现了Web前端开发的学习路线。

对比1+X与企业对人才的实际要求，可以发现几个问题：第一，1+X精简了前端三大框架，只选择了Vue作为考点;第二，自动化构建这一块中1+X也进行了精简，只选择了Webpack。高职院校如果开设全部的内容，课程量大，课程难度高，学生学习吃力;第三，1+X选择了PHP语言作为后端开发语言。Web前端开发，必然要掌握接口设计、测试和调用的方法。选择PHP语言是由PHP语言本身的特点决定的，PHP入门较简单，可以让学生将主要精力放在前端核心内容上，而Lavravel框架又是PHP主流的开发框架，市场占有率高。通过以上两点可以看出1+X制度充分考虑了行业的需求和学校的教学实践。对高职院校开设Web前端开发方向有很强的指导意义。

3 职业能力分析

通过收集招聘网站的数据和对企业的调研，Web前端开发的职业能力要求一般有以下几点：1）业务系统开发;2）制定数据接口标准、系统接口开发;3）界面设计、改善用户体验;4）团队技术交流;5）系统文档的编写和维护。通过分析梳理发现，Web前端开发方向对人才的职业能力要求与软件开发的其它方向无明显区别。因此在职业能力培养方面，可以参照软件专业其他方向的培养方式进行。

4 高职Web前端开发课程体系

4.1 课程建设思路

在课程建设中，可以考虑以下几个方面。第一，以1+X证书为标准，推进复合型Web前端开发技术技能人才培养[5]。紧密结合1+X制度，注重初级、中级、高级认证与课程的结合度，充全考虑Web前端开发专业课程的学习线路，科学设置课程，让优秀学生可以在两年半在校学习加半年顶岗实习的有限时间里能够完成三个等级的认证。让普通学生完成初级和中级认证。第二，密切关注行业的发展趋势，特别关注技术的发展，指派专业技术强的教师先行跟踪学习主流开发技术、使用主流开发工具和框架，定期对教师进行培训，教学力量不足的院校，可引入企业教师。第三，Web前端开发的发展方向是大前端，高职院校由于人才培养时间的限制不可能做到面面俱到。在课程及内容的把控上，应抓住核心，突出重点，降低学生的学习难度。第四，以应用为中心推动课程建设。近年来微信公众号、微信小程序发展迅速，应用面广。可开设相应的课程，提高学生的学习兴趣。第五，重新规划Web前端方向JavaScript课程内容。JavaScript是Web前端开发的主要语言，除了进行前端开发，它还可以通过NodeJS进行后端开发。JavaScript课程的质量直接关系到Web前端开发方向人才培养的质量。第六，重视JavaScript第三方类库的教学。由于JavaScript历史悠久，官方在开发升级过程中历史包袱重，以及一些其它方面的原因，导致许多基本的功能官方类库并没有提供，实际应用开发中常常需要依赖第三方。

4.2 Web前端開发教材选择

在教材的选择上，主要存在两个主要问题。一是教材内容过时。Web前端技术发展快，版本与版本之间差异较大，造成教材内容很快过时。二是教材的难度较大。以Web前端开发的核心框架的教材为例，无论是Vue、React还是Angular，它都会涉及HTML5、JavaScript和CSS，综合性强。因此建议选择适合高职学生特点的教材，鼓励经验丰富的老师自编教材。

4.3 实训室建设

Web前端开发方向是纯软件的，无须额外的硬件支持。在普通笔记本电脑或者台式机上可以完成全部实训内容。因此不需要为该方向建设单独的实训室，本着节约投资降低成本的原则可与软件技术专业的其它方向或者大数据、云计算等专业共用实训室，可将精力放到课程内容的优化上来。

4.4 教学方法改革

Web前端开发与软件专业其它方向一样有很多共性，比如：知识点多、技巧性的知识需要长时间的积累、需要不断地写代码进行强化训练。这样就对教师提出了更高的要求，如何持续保持学生学习兴趣，及时解决学生在练习过程中碰到的问题等。建议教师不断学习，增强自身的专业技术水平，同时在教学中，使用丰富的案例深入浅出地进行讲解。

5 结语

长远来看，Web开发前后端分离的已经是大势所趋，高职院校必然要对前端人才与后端人才分别进行培养，这是一项复杂且艰巨的任务。学校应紧跟形势，对课程和教学模式进行调整，以适应行业的需求，为社会的发展做贡献。

参考文献：

[1] 教育部职业教育与成人教育司印发《关于做好首批1+X证书制度试点工作的通知》的通知[EB/OL].（2019-04-17）.http：//www.moe.gov.cn/s78/A07/A07_gggs/A07_sjhj/201904/t201904 18_378683.html.

[2] 刘顺益.移动互联网技术的发展现状及未来发展趋势[J].黑龙江科技信息， 2017（17）：167.

[3] 吴秒秒.WEB系统前端性能优化研究[J].中国科技投资， 2017（1）：315.

[4] 黎晓凤，钟明辉.高校基于Html5技术Web前端工程师人才培养模式的研究与探讨[J/OL].品牌研究：1-2[2020-02-06].https：//doi.org/10.19373/j.cnki.14-1384/f.20190129.100.

[5] 张梅樱.Web前端开发技术人才培养模式研究[J].科技资讯，2019，17（33）：17-18.

【通联编辑：王力】