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

邵英安 李桂春 朱佳 陳廣燕

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

關鍵詞：互聯(lián)網+;Web前端課程;漸進式項目驅動

1、概述

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

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

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

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

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

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

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

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

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

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

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

3.2 制定完善的漸進式項目驅動案例體系

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

4、結束語

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

參考文獻

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

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

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

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

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

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

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

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

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

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

李桂春，1963年，女，漢族，吉林白城，碩士，研究方向：計算機應用。

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

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

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