基于互联网+模式下Web前端课程的改革研究

邵英安 李桂春 朱佳 陈广燕

摘 要：基于互联网+与传统教育深度融合的背景下，为了培养Web前端复合型应用型人才，本文主要探讨了Web前端课程教学过程中存在的主要问题，提出弹性Web前端培养方案的制定和渐进式项目驱动案例的教学改革理念，有助于高校web前端課程培养方案的制定和优化，进而有助于培养学生前端理论学习的广度和深度，从而实现为企业培养合格的应用型人才。

关键词：互联网+;Web前端课程;渐进式项目驱动

1、概述

随着互联网+在传统教育领域的深度融合，为教师提供基于互联网的丰富海量的资源平台，为学生提供了灵活、自主、多样的学习方式，为教学提供高效透明的管理和考核方式，Web前端课程在教学模式、教学内容和教学考核也发生了深刻的改变，牛芸等[1]提出了大数据时代与"互联网+"背景下，采用基于工学过程的课程设计，从而有利于实现人才技能与企业岗位需求的无缝对接;随着移动互联网的迅猛发展，自适应的页面设计的实际需求，张涟漪[2]提出了继承任务驱动教学模式，从而使学生达到学以致用的目的;杨秀生等[3]阐述了基于互联网+背景下的WEB前端课程教学模式思考;针对前端教学课程存在的问题，张敏等[4]结合PDIO理论改革教学内容和教学模式，实施项目化驱动核心理念;杨剑钊[5]提出了web前端课程的教学模式的研究，改进了前端课程教学方法以适应互联网背景下的发展需要;吴鸿韬等[6]将基于成果导向OBE理念引入到的Web前端课程教学内容的改革;如何培养复合型人才质量，边文钰[7]提出项目为导向的课程教学体系，通过项目实践锻炼学生整合理论和项目的综合能力;针对Web前端开发课程特点，刘德阳等[8]采用灵活多变MOOC平台及翻转课堂等教学模式;李高峰[9]从Web前端课程的培养模式、课程内容、课程定位等方面进行的深入的探索等，从不同角度阐述了基于互联网+模式下的Web前端课程改革的必要性和紧迫性。

2、Web前端课程传统教学存在的问题

2.1 基于互联网+模式下，Web大前端技术迅猛发展与Web前端课程培养方案滞后的矛盾

随着PC端和移动端等多端统一的大前端概念的提出，即一次开发多端应用的实际需求，前端技术栈发生了前所未有的的变化：无论是在前端理论体系，还是在前端实践工具都发了日新月异的改变，其中在编程集成工具以Visual Studio Code代表开发环境;编程语言以ES6和TypeScript为代表的脚本体系;页面结构以H5+CSS3为代表自适应页面;前端工程化以Webpack、NPM和Yarn为代表包管理工具;前端小程序以uni-app为代表Hybrid移动端开发;前端框架以：Vue、React和Anjular为代表MVVM 架构;Web应用程序开发框架Express为代表服务器开发等等，目前高校Web前端课程中的培养方案，无法及时有效的修改和优化课程体系，不能细化前端核心课程、前端实践课程和前端辅助选修课程，不能有效的为学生提供完整的Web前端理论知识体系和实践体系。

2.2 基于互联网+模式下，Web大前端技术迅猛发展与Web前端课程教学内容滞后的矛盾

目前，大部分高校的前端课程的教材，在教学内容大部分滞后于前端技术发展的速度。如何选择最适合、最具有项目案例实践的教材和教学内容，就尤其重要。由于所采用的教程都不能及时的更新最新的前端理论和前端应用，所以，必须补充更新教学内容中知识点的问题，借助基于互联网+模式下，补充和完善教学内容，丰富前端理论知识体系，强化前端工程实践的能力。

2.3 基于互联网+模式下，Web前端课程与一线教师理论知识体系和实践能力薄弱的矛盾

由于高校一线教师缺乏企业实际一线的开发的经验，导致教师无论是理论水平还是应用能力，都不能很好地驾驭最新的前端技术和框架，所以很难引导学生及时更新理论体系和指导学生理论实践，教师的专业素质水平是前端课程改革的关键和枢纽。

3、基于互联网+模式下的Web前端课程教学改革解决方案

3.1 制定完善的弹性的Web前端理论知识体系

针对传统的Web前端教学模式滞后于企业行业对合格的Web前端人才的需求的实际情况，制定符合目前教学的Web前端知识理论体系，从新定位课程理论，进而改进教学内容，从纷杂的技术变化中，梳理前端课程究竟需要哪些根本性、核心的理论知识点，以适应前端技术需求。可以通过方式进行制定：第一种方式，可以通过校企合作方式共通制定Web前端理论体系;第二种方式，整合最新的Web前端技术的书籍选取重要的理论知识点;第三种方式，通过现有的互联网上平台资源和资源，比如可以借助腾讯课堂、极客时间、慕课网、极客时间、CSDN、微信公共号和付费的在线课程等互联网在线课程或技术网站，丰富的Web前端课程理论知识体系;第四种方式，通过一线教师深入企业学习和培训，不断完善Web前端课程知识体系;并将结合目前教学，落实到目前的Web前端课程的培养方案当中，制定专业基础理论课程、专业核心理论课程、专业拓展理论课程和专业选修实践课程。

3.2 制定完善的渐进式项目驱动案例体系

主要分为两个项目实践体系，分别为前端理论项目实践体系和前端框架项目实践体系，采用弹性渐进式项目驱动教学的方式，由点到面、由浅到深、由易到难的精选典型的项目案例，能过拆解项目案列，分离理论知识点，并对知识点的原理背景有一定的深入的理解和体会，将学生所学之理论落实到具体的项目实践当中，提高学生学习兴趣，体会前端理论知识的具体应用，从而实现触类旁通，举一反三的作用。无论是前端理论项目案例，还是前端框架的项目案例的细化，都可以通过以下方式进行：消化吸收企业或优质的项目案例，根据实际教学需求，将所提供的软件项目案例进行分割，拆解项目主要功能模块，分解功能模块到具体的类或函数，并标明业务流程图，从而转化成具体的项目实践教学案例。

4、结束语

为了培养合格的Web前端工程师，结合计算机相关专业的特点，针对目前存在的教学问题提出相应的解决方案和改革思路，并对培养方案制定、理论知识体系的制定和弹性渐进式项目驱动案例的等方面进行的相应的探讨，将理论与实践一站式相结合，从而培养学生独立的思考和动手能力，达到学以致用的最终教学目标。

参考文献

[1]杨秀生，李挺.“互联网+”背景下的WEB前端开发课程教学模式思考[J].佳木斯职业学院学报，2016（04）：428.

[2]张涟漪.基于网站前端设计的《网页设计》课程教学改革初探[J].武汉工程职业技术学院学报，2017，29（01）：76-79.

[3]牛蕓，刘婧，祝瑞玲.“互联网+”时代背景下的《H5网页前端开发》课程教学改革探索[J].创新创业理论研究与实践，2018，1（11）：23-24.

[4]张敏，陶建林.HTML5前端开发课程教学改革实践[J].教育现代化，2018，5（52）：94-95+101.

[5]杨剑钊.基于“互联网+”背景下的WEB前端开发课程教学模式探究[J].电脑迷，2018（06）：88+125.

[6]吴鸿韬，李智，袁玉倩.基于OBE理念的Web前端开发技术课程教学改革[J].计算机教育，2019（11）：91-93+98.

[7]边文钰.基于项目驱动的软件工程专业前端开发类课程教学改革研究[J].科技视界，2019（24）：85-86.

[8]刘德阳，刘奎，王广军.Web前端开发课程项目化教学改革与实践[J].智库时代，2019（36）：181-182.

[9]李高峰.探讨HTML5前端开发课程教学改革方法[J].科技风，2020（02）：63.

作者简介：邵英安，1982年，男，汉族，吉林白城，硕士，研究方向：Web全栈开发。

李桂春，1963年，女，汉族，吉林白城，硕士，研究方向：计算机应用。

朱佳，1983年，女，汉族，吉林松原，硕士，研究方向：软件工程。

陈广燕，1996年，女，土家族，贵州铜仁，2017级本科学生。

基金项目：吉林省教育科学“十三五”规划一般规划课题，课题名称：《吉林省西部高校Web前端课程教学改革的研究》，课题编号（GH180580）