李嘉明 李慧芬

摘要：在新工科背景下，對新型工程技術(shù)人才的培養(yǎng)提出了新的要求，以Web前端課程為例，針對傳統(tǒng)教學(xué)存在的弊端，結(jié)合當(dāng)下前端工程化開發(fā)的先進(jìn)理念，從教學(xué)目標(biāo)、教學(xué)內(nèi)容、教學(xué)方法、考核方式四個方面提出了具體的教學(xué)改革措施，以期培養(yǎng)出科學(xué)基礎(chǔ)厚、工程能力強、綜合素質(zhì)高的新型工科人才。

關(guān)鍵詞：新工科;Web前端;前端工程化;教學(xué)改革;新型工科人才

中圖分類號：G642 ? ? ? ?文獻(xiàn)標(biāo)識碼：A

文章編號：1009-3044（2020）24-0159-02

Abstract：Under the background of new engineering， new requirements are put forward for the cultivation of new engineering talents. Taking the web front-end course as an example， aiming at the disadvantages of traditional teaching and combining with the current advanced concept of front-end engineering development， specific teaching reform measures are proposed from four aspects of teaching objectives， teaching contents， teaching methods and assessment methods， in order to cultivate a scientific foundation and engineering A new type of engineering talents with strong ability and high comprehensive quality.

Key words：new engineering;web front-end;front-end engineering;teaching reform;new engineering talents

1 引言

在國家實施創(chuàng)新驅(qū)動發(fā)展、“中國制造2025”“互聯(lián)網(wǎng)+”等重大發(fā)展戰(zhàn)略的背景下，需要大量新型工科人才參與建設(shè)發(fā)展，需要高校探索更符合服務(wù)地區(qū)經(jīng)濟發(fā)展的人才培養(yǎng)模式，以支撐服務(wù)新技術(shù)、新業(yè)態(tài)、新產(chǎn)業(yè)、新模式為特點的新經(jīng)濟蓬勃發(fā)展[1]。

新工科提出于2016年，該概念提出后的一年多時間內(nèi)，教育部組織高校進(jìn)行深入探討，形成“復(fù)旦共識”和“天大行動”[2]。與傳統(tǒng)工科專業(yè)教學(xué)過程相比，新工科更為注重教學(xué)模式、教學(xué)方法、教學(xué)內(nèi)容的實用創(chuàng)新性和交叉融合性，以培養(yǎng)科學(xué)基礎(chǔ)厚、工程能力強、綜合素質(zhì)高的復(fù)合型人才[3]。本文以應(yīng)用型本科院校的Web前端開發(fā)類課程為例，探索順應(yīng)時代發(fā)展要求的人才培養(yǎng)模式。

2 教學(xué)現(xiàn)狀

隨著Web2.0技術(shù)的普及，以及前后端分離方案與Web前端組件化思想的廣泛傳播，各大行業(yè)對Web前端開發(fā)方面的需求大幅提升[4-5]，同時也提高了前端工程師這一工作崗位的準(zhǔn)入門檻。目前很多高校在Web前端開發(fā)課程教學(xué)方面存在的問題日益凸顯，主要體現(xiàn)在課程教學(xué)目標(biāo)與新工科工程教育的理念缺乏有效融合、教學(xué)內(nèi)容與就業(yè)崗位需求存在一定的差距、教學(xué)方法仍停留在“滿堂灌”階段、考核評價方式相對單一。上述的種種原因造成了學(xué)生在就業(yè)市場上缺乏競爭力，而企業(yè)方面也不能招聘到符合崗位要求的人才，不利于地區(qū)經(jīng)濟的發(fā)展。由此可見，傳統(tǒng)的Web前端課程教育模式無法適應(yīng)新工科背景，急需提出新工科背景下Web前端課程的改革方案。

3 教學(xué)改革

針對以上前端工程課程現(xiàn)存的弊端，立足于應(yīng)用型本科院校的實際情況，從教學(xué)目標(biāo)、教學(xué)內(nèi)容、教學(xué)方法、考核方式四個方面提出Web前端課程的改革方案。

（1）教學(xué)目標(biāo)改革

教學(xué)目標(biāo)是課程教學(xué)的出發(fā)點，只有選取合適的教學(xué)目標(biāo)，Web前端課程的教學(xué)才能有的放矢，才能將教學(xué)成果有效地落實到學(xué)生的進(jìn)步與發(fā)展上。

Web前端課程原有的教學(xué)目標(biāo)是通過各占總課時一半的理論課和上機課，使學(xué)生在掌握扎實理論基礎(chǔ)的同時，強化學(xué)生的動手實踐能力，加強學(xué)生對Web編程概念的理解。然而，在實際上機課的教學(xué)中，只側(cè)重于讓學(xué)生完成給定的上機任務(wù)，忽略了對學(xué)生綜合能力的培養(yǎng)。此外，由于每次上機課時間受限，且每次上機課之間的內(nèi)容缺乏連貫性，上機課布置的任務(wù)相對簡單、零散，不利于培養(yǎng)學(xué)生解決復(fù)雜工程問題的能力，不符合新工科背景下對學(xué)生能力的培養(yǎng)要求。

改革后的教學(xué)目標(biāo)定位在項目驅(qū)動的基礎(chǔ)上，課堂上引入真實的企業(yè)案例或?qū)W科競賽的參賽題目，提高學(xué)生的工程實踐能力。學(xué)生分組完成一個完整的工程實踐項目，在完成工程實踐項目的過程中，組內(nèi)成員相互協(xié)作、配合，分工完成整個項目，逐步培養(yǎng)組內(nèi)成員的團隊協(xié)作能力和解決實際工程項目的能力。

（2）教學(xué)內(nèi)容改革

教學(xué)內(nèi)容是教學(xué)目標(biāo)的支撐。隨著Web2.0時代的到來，交互功能需求大幅提升，Web前端開發(fā)不再是開發(fā)僅供信息瀏覽的頁面，而是更趨向于開發(fā)Web型的應(yīng)用軟件。為了提高Web型應(yīng)用的前端渲染性能，涌現(xiàn)出眾多優(yōu)秀的JavaScript框架（Vue、React、Angular），這些新框架的出現(xiàn)，極大地顛覆了前端開發(fā)的開發(fā)模式，再加上具備模塊化、組件化、規(guī)范化、自動化等特點的前端工程化解決方案的出現(xiàn)，前端開發(fā)的效率和質(zhì)量得到了有效的保障[6]。Web前端課程教學(xué)內(nèi)容也應(yīng)與時俱進(jìn)，使學(xué)生掌握至少一種主流的前端框架，并熟悉前端工程化的開發(fā)方法。

Web前端課程的教學(xué)內(nèi)容由于知識點較多，分為“前端工程基礎(chǔ)”和“前端工程設(shè)計”兩門課程，分別為大二上學(xué)期、大二下學(xué)期的專業(yè)選修課。兩門課程在教學(xué)內(nèi)容連貫性上有所銜接，其中，“前端工程基礎(chǔ)”是面向零基礎(chǔ)學(xué)生的專業(yè)選修課，無其他先修課程要求，而“前端工程設(shè)計”的先修課程是“前端工程基礎(chǔ)”，該課程要求學(xué)生具備一定的前端開發(fā)的基礎(chǔ)知識。通過與企業(yè)講師的多次探討和一學(xué)年的實際教學(xué)探索，在獲知了當(dāng)下用人單位對前端工程師的用人要求之后，對教學(xué)內(nèi)容做出了重大調(diào)整。其中，“前端工程基礎(chǔ)”課程的變動不大，仍然是以HTML、CSS內(nèi)容的學(xué)習(xí)為主，刪除一些廢棄的HTML標(biāo)簽的內(nèi)容，新增了部分HTML5和CSS3的新特性。至于“前端工程設(shè)計”，保留JavaScript語法的教學(xué)內(nèi)容，刪減jQuery、Boostrap部分的教學(xué)內(nèi)容，引入Vue.js框架知識點的學(xué)習(xí)。Vue.js是一個高效、靈活、易用的漸進(jìn)式JavaScript框架，越來越多的企業(yè)在技術(shù)選型時，開始采用Vue.js。同時，Vue.js由于其漸進(jìn)式的特點，既可以使用Vue.js構(gòu)建小型項目或是項目中的某部分功能，也可以使用Vue.js構(gòu)建大型復(fù)雜的Web應(yīng)用，能夠靈活地與現(xiàn)有的項目進(jìn)行整合，學(xué)習(xí)曲線相對來說更為平滑，易于上手。因此，“前端工程設(shè)計”課程的教學(xué)內(nèi)容以Vue.js框架的內(nèi)容作為學(xué)習(xí)的主線。通過對Vue.js知識體系中vue-cli的學(xué)習(xí)，使得學(xué)生對前端工程化的理念有更加深刻的認(rèn)識，進(jìn)而能夠開發(fā)出符合模塊化、組件化、規(guī)范化、自動化等前端工程化要求的項目。

（3）教學(xué)方法改革

教學(xué)方法在很大程度上決定了學(xué)生的參與程度和互動效果，“滿堂灌”的教學(xué)方法很難激發(fā)學(xué)生的學(xué)習(xí)熱情，而教學(xué)方法創(chuàng)新的根本目的是在于提高教學(xué)質(zhì)量。理論課和上機課的教學(xué)方法均實施了相應(yīng)的改革措施。

理論課的授課場所是教室，采用線上、線下教學(xué)相結(jié)合的方式，在線下教學(xué)中加入搶答環(huán)節(jié)，激發(fā)學(xué)生的學(xué)習(xí)興趣和成就感。上課前，利用慕課、超星平臺上已有的優(yōu)質(zhì)教學(xué)資源，由任課老師指定特定的線上課程，組織學(xué)生在上課前完成對應(yīng)章節(jié)的預(yù)習(xí)，學(xué)生帶著問題進(jìn)教室學(xué)習(xí)，聽課效率會顯著提高。上課期間，任課老師通過實際的代碼演示，講解每個重要知識點，學(xué)生借助一個個細(xì)致的案例代碼，深刻理解并掌握相應(yīng)的知識點。此外，在理論課上會設(shè)置搶答環(huán)節(jié)，能夠極大地調(diào)動學(xué)生學(xué)習(xí)的積極性，并在課堂上主動思考，而不僅僅是被動地接收老師講授的內(nèi)容，進(jìn)而提高學(xué)生的參與度，活躍課堂氣氛。

上機課的授課場所是機房，以往的授課方式是學(xué)生完成老師布置的上機任務(wù)，其間遇到問題后，舉手示意老師，老師再上前解答疑問。這種授課方式的弊端有兩點：一是部分學(xué)生在碰到問題后不是先經(jīng)過自己認(rèn)真思考，過度依賴?yán)蠋煹慕獯穑焕趯W(xué)生分析問題和解決問題能力的培養(yǎng);二是部分學(xué)生在完成上機任務(wù)時缺少緊迫感，對完成任務(wù)的時間把握不好，而編程又是一份注重效率的工作，這將不利于學(xué)生日后走上相應(yīng)的工作崗位。因此，為了培養(yǎng)學(xué)生的獨立思考能力和競爭意識，將單次上機課的時間一分為二。在上半場，學(xué)生獨立完成上機任務(wù)，老師只負(fù)責(zé)維護機房秩序。在下半場，老師解答學(xué)生疑問，在解答疑問之前，評選出完成最快且達(dá)標(biāo)的前10名同學(xué)，計入加分名單，通過這種方式激發(fā)學(xué)生的成就感，提升編程效率，增強競爭意識。到了工程實踐項目開發(fā)階段，老師在課上引導(dǎo)學(xué)生進(jìn)行項目選題、需求分析、概要設(shè)計，啟發(fā)學(xué)生解決問題的思路，每組在組內(nèi)進(jìn)行討論，確定分工，并擬定項目計劃，每次上機課將項目進(jìn)度表交由老師查閱，并匯報項目推進(jìn)時遇到的問題，老師啟發(fā)學(xué)生找到問題的解決方案。

（4）考核方式改革

傳統(tǒng)的考核方式其評判標(biāo)準(zhǔn)相對單一，有待完善，改革后的考核方式更為多元化，兼顧理論考核、項目實施、資料查閱等多個方面，可以更加全面地評估學(xué)生的水平。

課程考核由六個部分組成，包括考勤、卷面、課堂搶答、基礎(chǔ)作業(yè)、項目實踐、技術(shù)探索?？记谡伎偝煽兊?0%，考勤情況一定程度上反映出學(xué)生的學(xué)習(xí)態(tài)度;卷面占總成績的50%，通過期末考試完成，考點覆蓋教學(xué)大綱中的知識點，考核學(xué)生對基本理論、基本概念、基本編程方法的掌握情況;課堂搶答占總成績的5%，課堂搶答表現(xiàn)優(yōu)異的學(xué)生，平時對知識點的掌握較好，這部分學(xué)生在該項得分中能夠獲得較高的分?jǐn)?shù);基礎(chǔ)作業(yè)占總成績的5%，基礎(chǔ)作業(yè)指的是教師在上機課上布置的上機任務(wù)，教師對學(xué)生一學(xué)期下來作業(yè)的完成情況進(jìn)行評分，每次完成作業(yè)用時較短且作業(yè)達(dá)到要求的學(xué)生，會獲得較高的分?jǐn)?shù);項目實踐占總成績的20%，通過提交項目報告書和演示項目運行的方式完成，考核學(xué)生的團隊協(xié)作能力和工程實踐能力;技術(shù)探索占總成績的10%，該部分每位學(xué)生需提交一份新技術(shù)探索報告，并上臺作技術(shù)分享演講，演講時間控制在5至10分鐘，課時不夠的情況下，每位學(xué)生通過錄制視頻的方式取代上臺演講，此舉的目的在于引導(dǎo)學(xué)生對學(xué)科相關(guān)的前沿科技進(jìn)行初步的探索，開闊學(xué)生的學(xué)術(shù)視野及科技視野，提高學(xué)生的自主創(chuàng)新能力。

4 結(jié)束語

新工科背景下，高校需培養(yǎng)工程技術(shù)強、綜合素質(zhì)高的新型工科人才，通過引入工程實踐項目，學(xué)生能夠全面地掌握前端工程化開發(fā)的方法，提高學(xué)習(xí)成就感和市場競爭力。Web前端課程教學(xué)改革中教學(xué)目標(biāo)的調(diào)整、教學(xué)內(nèi)容的優(yōu)化、教學(xué)方法的運用、考核方式的完善，順應(yīng)我國新型工科人才的培養(yǎng)目標(biāo)，具有一定的借鑒意義。

參考文獻(xiàn)：

[1] 謝濤，薄鈞戈，房琛琛.新工科背景下Web編程技術(shù)課程的實驗教學(xué)改革研究[J].計算機教育，2019（1）：63-67，71.

[2] 鐘登華.新工科建設(shè)的內(nèi)涵與行動[J].高等工程教育研究，2017（3）：1-6.

[3] 阮夢黎.新工科背景下軟件工程專業(yè)新模式研究[J].中國現(xiàn)代教育裝備，2019（21）：107-110.

[4] 趙大偉，陳剛.Web前端開發(fā)技術(shù)人才培養(yǎng)模式研究[J].電腦知識與技術(shù)，2015，11（24）：109-110.

[5] 張志飛.前端工程化的研究與實踐[J].電腦知識與技術(shù)，2016，12（25）：224-226.

[6] 周偉，鄭世玨.Web前端工程化解決方案研究[J].信息技術(shù)，2018，42（8）：44-47.

[7] 劉佳，石婧雯，謝海燕.專業(yè)認(rèn)證視角下獨立學(xué)院教學(xué)質(zhì)量保障體系的構(gòu)建——以華南理工大學(xué)廣州學(xué)院為例[J].教育教學(xué)論壇，2018（52）：8-9.

[8] 劉磊.以工作過程為導(dǎo)向的《大前端開發(fā)》課程規(guī)劃與設(shè)計[J].現(xiàn)代計算機（專業(yè)版），2015（33）：13-16.

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

【通聯(lián)編輯：王力】