与行业职业衔接的Web前端开发课程体系构建研究

肖建芳

（汕头职业技术学院 计算机系，广东 汕头 515041）

目前很多高校开设了Web 前端开发课程，目的是为行业企业培养优秀的Web 前端开发工程师.Web前端开发工程师简称前端开发工程师，是近几年火起来的一个很新的职业，在国内乃至国际受到重视.2014年10月29日，W3C宣布，HTML5标准规范制定完成，这标志着在网站开发行业中，前端开发时代正式到来.随着Web2.0的普及和W3C组织的推广，更多企业重视网站重构，很多企业还有配套小程序及手机APP 的需求，对前端开发工程师的需求越来越大.根据经济日报-中国经济网报导，随着前端技术发展和传统企业向数字化转型，前端开发工程师每年新增需求量约为16 万人［1］.Web前端开发工程师作为学习门槛低且高薪的职业，受到越来越多高校毕业生青睐.

但目前的情况是，一方面是企业对Web前端开发工程师的需求越来越大，另一方面一些高校培养的前端开发毕业生找不到对口的工作岗位.这也给良莠不齐、以牟利为目的的社会培训机构带来了商机，毕业后经过培训机构回炉培训再上岗也成了许多学生的无奈选择，被不良机构忽悠骗钱的悲剧也时有发生.这种怪现象越来越明显，迫切要求高校开发与行业职业衔接的Web前端开发课程体系，做到学生在校学习的课程内容体系能够满足行业企业需求，学生在校就能进行基于企业真实项目和岗位能力的实训和开发，毕业即可无缝对接行业企业，直接上岗.

1 Web前端开发行业职业需求分析

要开发与行业职业相衔接的Web前端开发课程体系，首先要了解行业职业的需求.通过对汕头职业技术学院从事前端开发相关工作毕业生的回访、走访相关IT企业、资料查询等研究方式，了解到目前Web前端开发领域人才缺口很大，优秀前端开发工程师尤其缺乏；目前主流的Web前端开发技术是HTML5、CSS3和JavaScript，企业招聘很多都要求毕业生熟悉JQuery、Vue、React和Bootstrap等框架技术中的至少两种，有过框架开发经验者优先；要求有较强的学习能力，有团队合作精神，有良好的职业素养，能吃苦耐劳等.

龚兰兰等［2］就Web 应用开发所需要的知识、技能和能力方面对苏州22 家IT 相关企业进行了调研，发现企业对Web 应用开发的需求量仍然很大，学习Web 开发技能仍旧是计算机专业学生走上社会、专业对口就业不可或缺的知识和技术；企业的岗位需求量最大的是前端开发工程师，前端开发技术中需求最大的是JavaScript、HTML5和CSS3，最流行的前端框架是Bootstrap、JQuery 和Node.js，如图1 所示.调查结果基本与笔者近几年通过对汕头职业技术学院从事前端开发工作的毕业生进行回访、走访企业和网络调查分析获得的结果一致.这为与行业职业相衔接的Web 前端开发课程体系构建提供了有力的参考依据.

图1 苏州22家IT相关企业前端技术需求对比图

2 Web前端开发课程内容体系构建

根据调查结果分析，结合高校学生特点，并参考工业和信息化部教育与考试中心2019年为“1+X”证书之Web前端开发工程师制定的《Web前端开发职业技能标准串讲教案》内容，将Web前端开发课程内容体系划分为8 个模块：Web 前端开发基础、HTML5、CSS3、JavaScript、jQuery、BootStrap与常用组件库、MVVM框架（Vue.js或React）、课程设计.根据学生的认知能力、知识点的难易程度以及重要程度，又将该8个模块内容分为基础和提高两个层次.因前端开发是一个很新的职业，所以“Web前端开发基础”也非常重要，学习内容除了网站基础知识、网站开发流程和开发技术等，最重要的就是要让学生知道即将学习的课程是什么、未来可以做什么、前端开发工程师的职业前景、现在该怎么做等，让学生知其然并知其所以然，激发学生学习前端开发知识技能的积极性.

该课程建议高校计算机系前端开发相关专业或方向规划180个课时分两个学期完成，第一学期安排108课时，学习前5个模块，其中理论课与实践课课时的比例为3：3；第二学期72课时，完成后面3个模块，理论课课时与实践课课时的比例可以根据需要调整至1.5∶2.5或者1∶3.学习内容的安排应该以建构主义学习理论为依据，在基于项目和岗位能力的基础上，新旧知识点相互迭代、环环相扣、螺旋递进，让学生在循序渐进中逐步掌握知识和技能.具体课程内容体系构建如表1所示.其中，星号（*）标记内容为可选项，教师可根据具体学时安排以及学生掌握情况灵活选择.

建构主义学习理论认为，学习是引导学生从原有经验出发，建构起新的经验.教学不能无视学习者已有的知识经验，不能简单地强硬地从外部对学习者实施知识的“填灌”，而是应该把学习者原有的知识经验作为新知识的生长点，引导学习者从原有的知识经验中，主动建构新的知识经验.教师与学生、学生与学生之间，需要共同针对某些问题进行探索，并在探索的过程中相互交流和质疑［3］.教师在课程教学过程中，要遵循建构主义学习理论和教学观，以学生为主体进行教学设计，为学生提供优质的学习资料，帮助学生建构学习情境、搭建学习支架，引导学生开展自主学习和小组合作学习［4］.

表1 Web前端开发课程内容体系构建表

本课程内容体系中8个模块是在建构主义学习理论指导下进行筛选和设置的，基于行业企业标准要求，结合学生实际，同时又兼顾了国家“1+X”职业技能等级证书之Web前端开发职业技能等级考试考点内容.8个模块内容各不相同，但是相互衔接，螺旋形层层递进，有机构成了科学的Web前端开发课程内容体系.教师在教学实施时要以学生为主体进行教学设计，并根据实际项目需求，将各模块内容进行有效整合，融入真实项目的教学过程中，真正做到开展基于企业项目和岗位能力的教学.［5］

3 Web前端开发课程实践教学体系构建

Web前端开发课程实践性非常强，所以实践教学体系的构建非常重要.教师要整合教材资源和社会资源，采用基于企业真实大项目+专题小项目+课程设计大项目相结合的方式设计实践教学内容.建议实践课程的实施由高校专职教师与企业兼职教师合作完成.专职教师主要负责基础知识和技能的教学，企业兼职教师主要负责企业真实项目的实践教学［5］.

对于大项目案例，两个学期可以使用至少两个大项目，教师要了解企业Web前端开发岗位工作过程和能力需求，并与行业企业合作，共同开发出真实又适合教学的项目案例.建议第一个大项目选择学生熟悉的领域，比如设计本校网站前端，这样学生可以在熟悉的案例下更好地发挥自主学习的积极性.第二个大项目建议选择其他领域，比如某企业网站前端开发.真实案例由熟悉领域向陌生领域自然拓展，更符合学生认知习惯，实践效果会更好.教师要定期带学生到合作企业参观，了解岗位真实的工作场景和工作流程.教师在网站前端开发的实践教学过程中融入软件工程的思想，学生不但能实现常见的前端页面效果，还能在实践中理解网站规划、网站分析、网站设计、网站实施、网站运行和维护五个生命周期的基本内容和工作，能够撰写简单的可行性分析报告，绘制网站模块结构图、企业组织结构图、业务功能图和数据流图等，能够分析网站各模块间的数据流向以及进行网站性能优化等，既基于企业真实项目和岗位，又达到有效衔接后继课程的目的.

对于一些常见的特殊前端页面效果，采用开展小组合作完成专题小项目的形式有针对性地强化训练.比如设计网站布局专题（包括移动端页面布局、响应式布局等）、LOGO+BANNER设计专题、登录页和注册页等表单设计专题、导航栏设计专题、新闻列表设计专题、照片墙效果专题、animation动画专题、图片轮播效果专题、HTML5小游戏设计专题等，通过专题小项目设计的形式，强化常见网页效果的训练.每次专题小项目都设置优秀作品展示环节，学生介绍设计思路、创意和技术等，然后自评、小组互评和教师评价，集思广益.专题小项目完成后，要求学生把真实大项目中相应部分的网页效果设计出来，从而做到学以致用.

高校专职教师与企业兼职教师共同作为学生的课程设计大项目指导老师.课程设计大项目由学生自拟题目，自备素材，并组建开发小组模拟企业真实团队开发，组员分工合作，互相配合，在指导教师的指导下，体验企业真实工作过程，锻炼岗位能力、培养职业素养，共同完成实践大项目.

4 Web前端开发课程评价体系构建

因本课程实操性比较强，课程评价摒弃传统一考定分的方式，采用过程性评价和终结性评价相结合得出期末成绩的方式，二者在期末成绩中的占比各为50%.

课程过程性评价的主要依据是《课堂教学过程性评价表》，评价内容包括个人在课堂学习过程中的表现和在小组合作学习过程中的表现.个人在课堂学习过程中的表现包括考勤情况、作业完成情况、课堂积极回答问题及响应情况、蓝墨云班课等学习平台上的学习积分和作业情况等.小组合作学习过程中的表现包括小组整体在各次小组活动中的表现、个人在各次小组活动中的表现和贡献、期末评比优秀个人和优秀小组的情况等［6］.

终结性评价主要依据是课程设计大作业的质量以及《课程设计大作业自查表》等配套文档的撰写情况.课程设计大作业质量评价的一级指标包括：实用性、技术性、艺术性、易操作性和创新性等，具体评价内容包括网站整体效果、网站内容、网站布局排版、网站配色、网站LOGO 设计、导航设计、技术运用、创新性和小组合作分工及质量等.在期末的时候还要开展课程设计答辩会，将团队在答辩会上的表现也纳入评价体系.《课程设计大作业自查表》是配合课程设计大作业使用、由学生填写的自查表，内容包括作品名称、作品简介、网站结构图、使用技术介绍、作品的用途和意义、作品的亮点和创新创意、主色调和配色说明、现存问题及想法、小组分工及贡献、参考网站及网址、作品设计进度情况登记等.

通过过程性评价与终结性评价相结合的课程评价方式，能更好地对学生在学习过程中获得的知识、技能和能力进行综合评价.

5 结语

Web前端开发课程是近几年才开发出来的课程，目前没有统一的授课标准，需要与行业职业相衔接，结合汕头职业技术学院实际情况，开发基于真实企业项目和岗位能力的课程体系.本研究将目前行业职业需求最多的Web前端开发技术纳入课程内容体系，并分成8个模块，各模块内容相互衔接、层层递进，共同构成有机整体.构建了Web前端开发课程实践教学体系，采取企业真实大项目+专题小项目+课程设计相结合的实践教学策略，既强化学生设计常见网页效果的技能，又能在真实大项目中巩固和提升知识和技能.学生在校学习的内容就是行业企业所需要的，学生在校就能进行企业真实项目的实训和开发，毕业就能直接上岗.同时根据课程内容体系和实践教学体系的特点，构建了全新的Web前端开发课程评价体系，采用过程性评价和终结性评价相结合的方式，能更好地评价学生的真实学习过程和掌握的知识能力.

从当前Web前端开发技术发展的大趋势来看，前端开发岗位需求随着企业技术的不断革新发展越来越多.通过校内与企业的授课体系相结合，既满足了企业的实际招聘要求，同时也培养了更多学生的择业发展方向.笔者近三年来选择大部分课程体系内容，对汕头职业技术学院计算机系计算机应用技术专业进行了教学实践和研究，结果表明本专业前端开发方向毕业生目前就业对口状况良好，企业对毕业生的评价也比较高，部分学生做到毕业即可上岗.实践证明，该课程体系具有一定科学性，对其他高校Web前端开发课程体系构建有一定参考价值.