“项目驱动+慕课+翻转课堂”教学法培养学生实战能力研究＊——以《Web前端综合开发》课程为例

（哈尔滨金融学院计算机系，黑龙江 哈尔滨 150030）

随着网络的飞速发展，Web应用开发在计算机软件行业内已经日趋成为主流，而且正在向兼容多端、高性能的方向发展，同时，Web开发分工也逐渐细化，即前后端分离已经是大势所趋，很多地方院校已经开设了Web前端开发和Web后端开发两个方向的课程。《Web前端综合开发》是我校软件工程专业的一门选修课程，目的是为了巩固学生对前端开发过程的理解和实现，拓展前端开发涉及的技术范围，开拓专业视野和培养软件开发实战能力。借助互联网的飞速发展和慕课的广泛应用，通过将“项目驱动+慕课+翻转课堂”教学法引入到课程，以实战项目激发学生的学习热情，以慕课共享优质先进的网络教学资源，以翻转课堂培养学生自主学习和团队协作沟通能力，从而提升该门课程教学的实效性，最终达到提高学生软件开发实战能力。

一、WEB前端综合开发课程的发展前景

目前，关于Web前端开发的开发框架、类库以及工具等层出不穷，企业对Web前端人才的需求量逐渐增大，对员工的技能要求也日趋提高。据权威部门预测，我国信息化人才的总需求量在未来五年内将达到1500万—2000万人，其中，“UI设计”“Web前端”等类型的人才缺口非常大，意味着学习Web前端将会有更多的就业机会，而且Web前端软件工程师属于通用型人才，不受行业发展限制，并且非常注重经验的积累，因此，不受年龄和体力的影响[1]。Web前端开发技术体系庞大而复杂，主要包含HTML、CSS和JavaScript三部分，其复杂程度不低于任何一种后端开发语言，而且实现大数据前端可视化等都是WEB前端开发技术的未来发展趋势，对高校的Web前端人才培养也提出了巨大的挑战[2]。

二、当前WEB前端综合开发课程教学中存在的问题

经过对地方院校的深度调查研究发现，部分地方院校在WEB前端综合开发课程的教学过程中存在以下问题。

1.“教”“学”“做”严重分离

很多地方院校在讲授《Web前端综合开发》课程时，仍然采用以教师“教”为主的灌输式教学方法，在信息化和多媒体技术高速发展的今天，信息获取普遍呈现了多元化的趋势，这种传统的教学方式已经无法吸引学生的注意力，而且由于赶进度等原因，教师往往与学生的互动设置的非常少，导致教师无法及时掌握学生的学习效果，这就造成了“教”与“学”的分离，学生呈现了被动学习状态，且学习兴趣不高。《Web前端综合开发》是一门实践性、综合性非常强的课程，但往往由于实验场地等原因，开出的实验课时非但不多，而且多数都是基础性验证性实验，未能进行关于前端技术的综合性开发，很难提高学生前端开发的实战能力，致使学生“学”和“做”分离，背离课程设置的初衷。

2.教学内容缺乏先进性

当今互联网飞速发展，Web前端综合开发课程应该紧跟时代的步伐，贴合目前实际项目需求。而部分地方院校课程内容设置对市场需求调研不足或者未能及时更新，导致教学内容陈旧，缺乏先进性[3]。

3.无法满足学生个性化发展

教学过程中由于采用了灌输式教学方式，且师生互动较少，教师无法掌握学生对知识的理解和应用程度，难以掌握学生个体基础和能力的差异性，采用了“一刀切”的教学方式，学生个性化发展难以得到实现，而且基础好的学生学习积极性不高，班级学习状态呈现两极分化的现象，教学效果不佳。

三、“项目驱动+慕课+翻转课堂”教学法在《Web前端综合开发》课程中的应用

1.项目驱动培养学生软件开发实战能力

项目驱动教学法要求在教学过程中以一个完整的项目作为索引，把教学内容巧妙地隐含到项目的实践过程中[4]。课程《Web前端综合开发》以HTML5、CSS3和JavaScript三部分的相关技术为主线，并以一个完整的咖啡商城项目贯穿整个知识体系的讲授过程，学生以小组合作形式与教师同步完成类似项目。

为了更好地培养学生创新能力，在教学初始将学生划分为小组，由5-6人组成，自主选题，并鼓励内容创新，然后按章节逐一地实现项目的各个关键模块，最后整合到一起。在此过程中，学生在项目驱动下，由具体模块出发，进行分析讨论，提出一些关于如何实现等问题，然后经过老师的讲授、点拨和自主学习慕课，把实现该模块所必备的知识要点掌握以后，再对这些知识融会贯通加以运用，小组内成员相互协作动手实践去逐一解决问题，培养学生软件开发的实战能力。

2.慕课补充课程内容的先进性

慕课是开放式在线网络课程，是学生利用互联网，通过慕课平台的教学视频在线学习一流大学课程的教学模式。慕课的授课教师都是国内外知名专家学者，他们对知识的理解和运用，对行业前沿技术的掌控，都以先进的课程内容凝练到慕课的开放资源中，教师和学生们不受空间和时间的限制进行网络共享，达到优质资源的最大化利用。

《Web前端综合开发》课程遴选的是中国大学MOOC平台上获2019年北京市优质课程称号的《Web前端开发》作为学生自主学习的慕课资源，该课程采用校企联合方式主讲，融合了学院派的理论和企业级的应用，让课程深入浅出地由基础过渡到实际应用。该优质慕课的引入拓展了本门课程的先进性，教师首先梳理慕课内容，重难点部分设置为课堂共同慕课学习；与先导课程有交叉或者容易掌握的部分设置为学生课下自学；慕课里缺少的教学内容，教师在课堂上补充。

3.翻转课堂培养学生的自主学习能力

翻转课堂指的是由教师根据授课内容在课前布置问题，学生通过互联网查阅相关资料或者教育资源，通过自主学习的方式解决问题，课堂上老师不再单纯地讲授知识，而更多的是去理解学生的问题并引导学生运用知识来解决问题。

《Web前端综合开发》课程以咖啡商城作为教师示例项目，第一步从项目的需求分析、版面设计出发，课上讲解网站项目的需求分析流程，主要包括页面级的设计需求和网站功能级的需求，并画出对应的功能模块图，根据网站功能级的需求完成各主要版面的设计稿。课下布置学生课后作业，以小组形式进行各自项目的需求分析并设计主要页面的版面布局，鼓励创新，下次课采用翻转课堂的形式，各小组选派代表进行展示；第二步开始页面制作，共划分为10个关键模块，各个关键模块实现所需要的知识点对应到各个章节，教师提前布置学生自主进行慕课学习，课上通过雨课堂进行知识点测试，实时掌握学生的自学情况，对重难点内容或者掌握不好的知识点再进行讲解，实验课上先是完成关于知识点的基础性练习，然后重点讲解关键模块的实现，小组内可进行讨论共同完成各自项目的关键模块，选择一次代表性较强的模块进行翻转课堂展示；最后一步进行完整项目的整合操作，主要是除了关键模块以外的其他比较简单的静态页面内容的实现，再把关键模块整合进去，完整小组项目的展示采用翻转课堂形式进行。每次翻转课堂，教师都要对学生展示内容进行点评和总结，各个小组和教师分别给出各小组的评定成绩，三次翻转成绩累加成为小组项目的总成绩。

结语

“项目驱动+慕课+翻转课堂”教学法真正做到了以学生为主体，老师的“教”、学生的“学”都是以项目的“做”为最终目的，三者联系在一起，密不可分。小组项目的题目完全由小组成员查阅资料和讨论后拟定，在满足学生个性化发展需要的同时，又强调了团队合作的重要性；项目的实现内容鼓励有一定的创新，不是完全照搬老师的示例，这又在夯实基础的同时锻炼了学生的创新思维；实现项目所需知识点方面通过大力引入优秀慕课资源，补充了课程内容的先进性和优质教育资源的最大化利用和分享；翻转课堂的教学设计培养了学生自主学习、团队沟通及协作能力，项目逐步的实现过程增强了学生的成就感，调动了学生的学习兴趣，锻炼了软件开发实战能力。在实际教学过程中收到了良好的教学效果，有效提高了人才培养质量，该种教学法可应用到其他软件设计开发类课程的教学过程中。