基于互聯(lián)網(wǎng)+模式下Web前端課程的改革研究

邵英安 李桂春 朱佳 陳廣燕

摘 要：基于互聯(lián)網(wǎng)+與傳統(tǒng)教育深度融合的背景下，為了培養(yǎng)Web前端復(fù)合型應(yīng)用型人才，本文主要探討了Web前端課程教學(xué)過程中存在的主要問題，提出彈性Web前端培養(yǎng)方案的制定和漸進(jìn)式項(xiàng)目驅(qū)動案例的教學(xué)改革理念，有助于高校web前端課程培養(yǎng)方案的制定和優(yōu)化，進(jìn)而有助于培養(yǎng)學(xué)生前端理論學(xué)習(xí)的廣度和深度，從而實(shí)現(xiàn)為企業(yè)培養(yǎng)合格的應(yīng)用型人才。

關(guān)鍵詞：互聯(lián)網(wǎng)+;Web前端課程;漸進(jìn)式項(xiàng)目驅(qū)動

1、概述

隨著互聯(lián)網(wǎng)+在傳統(tǒng)教育領(lǐng)域的深度融合，為教師提供基于互聯(lián)網(wǎng)的豐富海量的資源平臺，為學(xué)生提供了靈活、自主、多樣的學(xué)習(xí)方式，為教學(xué)提供高效透明的管理和考核方式，Web前端課程在教學(xué)模式、教學(xué)內(nèi)容和教學(xué)考核也發(fā)生了深刻的改變，牛蕓等[1]提出了大數(shù)據(jù)時(shí)代與"互聯(lián)網(wǎng)+"背景下，采用基于工學(xué)過程的課程設(shè)計(jì)，從而有利于實(shí)現(xiàn)人才技能與企業(yè)崗位需求的無縫對接;隨著移動互聯(lián)網(wǎng)的迅猛發(fā)展，自適應(yīng)的頁面設(shè)計(jì)的實(shí)際需求，張漣漪[2]提出了繼承任務(wù)驅(qū)動教學(xué)模式，從而使學(xué)生達(dá)到學(xué)以致用的目的;楊秀生等[3]闡述了基于互聯(lián)網(wǎng)+背景下的WEB前端課程教學(xué)模式思考;針對前端教學(xué)課程存在的問題，張敏等[4]結(jié)合PDIO理論改革教學(xué)內(nèi)容和教學(xué)模式，實(shí)施項(xiàng)目化驅(qū)動核心理念;楊劍釗[5]提出了web前端課程的教學(xué)模式的研究，改進(jìn)了前端課程教學(xué)方法以適應(yīng)互聯(lián)網(wǎng)背景下的發(fā)展需要;吳鴻韜等[6]將基于成果導(dǎo)向OBE理念引入到的Web前端課程教學(xué)內(nèi)容的改革;如何培養(yǎng)復(fù)合型人才質(zhì)量，邊文鈺[7]提出項(xiàng)目為導(dǎo)向的課程教學(xué)體系，通過項(xiàng)目實(shí)踐鍛煉學(xué)生整合理論和項(xiàng)目的綜合能力;針對Web前端開發(fā)課程特點(diǎn)，劉德陽等[8]采用靈活多變MOOC平臺及翻轉(zhuǎn)課堂等教學(xué)模式;李高峰[9]從Web前端課程的培養(yǎng)模式、課程內(nèi)容、課程定位等方面進(jìn)行的深入的探索等，從不同角度闡述了基于互聯(lián)網(wǎng)+模式下的Web前端課程改革的必要性和緊迫性。

2、Web前端課程傳統(tǒng)教學(xué)存在的問題

2.1 基于互聯(lián)網(wǎng)+模式下，Web大前端技術(shù)迅猛發(fā)展與Web前端課程培養(yǎng)方案滯后的矛盾

隨著PC端和移動端等多端統(tǒng)一的大前端概念的提出，即一次開發(fā)多端應(yīng)用的實(shí)際需求，前端技術(shù)棧發(fā)生了前所未有的的變化：無論是在前端理論體系，還是在前端實(shí)踐工具都發(fā)了日新月異的改變，其中在編程集成工具以Visual Studio Code代表開發(fā)環(huán)境;編程語言以ES6和TypeScript為代表的腳本體系;頁面結(jié)構(gòu)以H5+CSS3為代表自適應(yīng)頁面;前端工程化以Webpack、NPM和Yarn為代表包管理工具;前端小程序以uni-app為代表Hybrid移動端開發(fā);前端框架以：Vue、React和Anjular為代表MVVM 架構(gòu);Web應(yīng)用程序開發(fā)框架Express為代表服務(wù)器開發(fā)等等，目前高校Web前端課程中的培養(yǎng)方案，無法及時(shí)有效的修改和優(yōu)化課程體系，不能細(xì)化前端核心課程、前端實(shí)踐課程和前端輔助選修課程，不能有效的為學(xué)生提供完整的Web前端理論知識體系和實(shí)踐體系。

2.2 基于互聯(lián)網(wǎng)+模式下，Web大前端技術(shù)迅猛發(fā)展與Web前端課程教學(xué)內(nèi)容滯后的矛盾

目前，大部分高校的前端課程的教材，在教學(xué)內(nèi)容大部分滯后于前端技術(shù)發(fā)展的速度。如何選擇最適合、最具有項(xiàng)目案例實(shí)踐的教材和教學(xué)內(nèi)容，就尤其重要。由于所采用的教程都不能及時(shí)的更新最新的前端理論和前端應(yīng)用，所以，必須補(bǔ)充更新教學(xué)內(nèi)容中知識點(diǎn)的問題，借助基于互聯(lián)網(wǎng)+模式下，補(bǔ)充和完善教學(xué)內(nèi)容，豐富前端理論知識體系，強(qiáng)化前端工程實(shí)踐的能力。

2.3 基于互聯(lián)網(wǎng)+模式下，Web前端課程與一線教師理論知識體系和實(shí)踐能力薄弱的矛盾

由于高校一線教師缺乏企業(yè)實(shí)際一線的開發(fā)的經(jīng)驗(yàn)，導(dǎo)致教師無論是理論水平還是應(yīng)用能力，都不能很好地駕馭最新的前端技術(shù)和框架，所以很難引導(dǎo)學(xué)生及時(shí)更新理論體系和指導(dǎo)學(xué)生理論實(shí)踐，教師的專業(yè)素質(zhì)水平是前端課程改革的關(guān)鍵和樞紐。

3、基于互聯(lián)網(wǎng)+模式下的Web前端課程教學(xué)改革解決方案

3.1 制定完善的彈性的Web前端理論知識體系

針對傳統(tǒng)的Web前端教學(xué)模式滯后于企業(yè)行業(yè)對合格的Web前端人才的需求的實(shí)際情況，制定符合目前教學(xué)的Web前端知識理論體系，從新定位課程理論，進(jìn)而改進(jìn)教學(xué)內(nèi)容，從紛雜的技術(shù)變化中，梳理前端課程究竟需要哪些根本性、核心的理論知識點(diǎn)，以適應(yīng)前端技術(shù)需求。可以通過方式進(jìn)行制定：第一種方式，可以通過校企合作方式共通制定Web前端理論體系;第二種方式，整合最新的Web前端技術(shù)的書籍選取重要的理論知識點(diǎn);第三種方式，通過現(xiàn)有的互聯(lián)網(wǎng)上平臺資源和資源，比如可以借助騰訊課堂、極客時(shí)間、慕課網(wǎng)、極客時(shí)間、CSDN、微信公共號和付費(fèi)的在線課程等互聯(lián)網(wǎng)在線課程或技術(shù)網(wǎng)站，豐富的Web前端課程理論知識體系;第四種方式，通過一線教師深入企業(yè)學(xué)習(xí)和培訓(xùn)，不斷完善Web前端課程知識體系;并將結(jié)合目前教學(xué)，落實(shí)到目前的Web前端課程的培養(yǎng)方案當(dāng)中，制定專業(yè)基礎(chǔ)理論課程、專業(yè)核心理論課程、專業(yè)拓展理論課程和專業(yè)選修實(shí)踐課程。

3.2 制定完善的漸進(jìn)式項(xiàng)目驅(qū)動案例體系

主要分為兩個項(xiàng)目實(shí)踐體系，分別為前端理論項(xiàng)目實(shí)踐體系和前端框架項(xiàng)目實(shí)踐體系，采用彈性漸進(jìn)式項(xiàng)目驅(qū)動教學(xué)的方式，由點(diǎn)到面、由淺到深、由易到難的精選典型的項(xiàng)目案例，能過拆解項(xiàng)目案列，分離理論知識點(diǎn)，并對知識點(diǎn)的原理背景有一定的深入的理解和體會，將學(xué)生所學(xué)之理論落實(shí)到具體的項(xiàng)目實(shí)踐當(dāng)中，提高學(xué)生學(xué)習(xí)興趣，體會前端理論知識的具體應(yīng)用，從而實(shí)現(xiàn)觸類旁通，舉一反三的作用。無論是前端理論項(xiàng)目案例，還是前端框架的項(xiàng)目案例的細(xì)化，都可以通過以下方式進(jìn)行：消化吸收企業(yè)或優(yōu)質(zhì)的項(xiàng)目案例，根據(jù)實(shí)際教學(xué)需求，將所提供的軟件項(xiàng)目案例進(jìn)行分割，拆解項(xiàng)目主要功能模塊，分解功能模塊到具體的類或函數(shù)，并標(biāo)明業(yè)務(wù)流程圖，從而轉(zhuǎn)化成具體的項(xiàng)目實(shí)踐教學(xué)案例。

4、結(jié)束語

為了培養(yǎng)合格的Web前端工程師，結(jié)合計(jì)算機(jī)相關(guān)專業(yè)的特點(diǎn)，針對目前存在的教學(xué)問題提出相應(yīng)的解決方案和改革思路，并對培養(yǎng)方案制定、理論知識體系的制定和彈性漸進(jìn)式項(xiàng)目驅(qū)動案例的等方面進(jìn)行的相應(yīng)的探討，將理論與實(shí)踐一站式相結(jié)合，從而培養(yǎng)學(xué)生獨(dú)立的思考和動手能力，達(dá)到學(xué)以致用的最終教學(xué)目標(biāo)。

參考文獻(xiàn)

[1]楊秀生，李挺.“互聯(lián)網(wǎng)+”背景下的WEB前端開發(fā)課程教學(xué)模式思考[J].佳木斯職業(yè)學(xué)院學(xué)報(bào)，2016（04）：428.

[2]張漣漪.基于網(wǎng)站前端設(shè)計(jì)的《網(wǎng)頁設(shè)計(jì)》課程教學(xué)改革初探[J].武漢工程職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2017，29（01）：76-79.

[3]牛蕓，劉婧，祝瑞玲.“互聯(lián)網(wǎng)+”時(shí)代背景下的《H5網(wǎng)頁前端開發(fā)》課程教學(xué)改革探索[J].創(chuàng)新創(chuàng)業(yè)理論研究與實(shí)踐，2018，1（11）：23-24.

[4]張敏，陶建林.HTML5前端開發(fā)課程教學(xué)改革實(shí)踐[J].教育現(xiàn)代化，2018，5（52）：94-95+101.

[5]楊劍釗.基于“互聯(lián)網(wǎng)+”背景下的WEB前端開發(fā)課程教學(xué)模式探究[J].電腦迷，2018（06）：88+125.

[6]吳鴻韜，李智，袁玉倩.基于OBE理念的Web前端開發(fā)技術(shù)課程教學(xué)改革[J].計(jì)算機(jī)教育，2019（11）：91-93+98.

[7]邊文鈺.基于項(xiàng)目驅(qū)動的軟件工程專業(yè)前端開發(fā)類課程教學(xué)改革研究[J].科技視界，2019（24）：85-86.

[8]劉德陽，劉奎，王廣軍.Web前端開發(fā)課程項(xiàng)目化教學(xué)改革與實(shí)踐[J].智庫時(shí)代，2019（36）：181-182.

[9]李高峰.探討HTML5前端開發(fā)課程教學(xué)改革方法[J].科技風(fēng)，2020（02）：63.

作者簡介：邵英安，1982年，男，漢族，吉林白城，碩士，研究方向：Web全棧開發(fā)。

李桂春，1963年，女，漢族，吉林白城，碩士，研究方向：計(jì)算機(jī)應(yīng)用。

朱佳，1983年，女，漢族，吉林松原，碩士，研究方向：軟件工程。

陳廣燕，1996年，女，土家族，貴州銅仁，2017級本科學(xué)生。

基金項(xiàng)目：吉林省教育科學(xué)“十三五”規(guī)劃一般規(guī)劃課題，課題名稱：《吉林省西部高校Web前端課程教學(xué)改革的研究》，課題編號（GH180580）