朱紅斌 麗水學院

引言

《Web 前端技術(shù)》作為一門培養(yǎng)學生網(wǎng)站前端開發(fā)能力的支撐課程，其在專業(yè)課程體系中的具有重要的地位，它是計算機科學與技術(shù)專業(yè)和數(shù)字媒體專業(yè)的一門專業(yè)技能必修課程，是 Web 前后端應(yīng)用開發(fā)技術(shù)的前導課程。為了提高學生在 Web 前端的開發(fā)能力，改善課程的教學效果，欲將成果導向教育理念OBE，并結(jié)合項目驅(qū)動式教學方式應(yīng)用在《Web 前端技術(shù)》課程的教學改革中，探索出一種恰當?shù)呐囵B(yǎng)學生職業(yè)技能的教學模式和評價體系。

1 OBE 理念

基于學習產(chǎn)出的教育模式（Outcomes- based Education，簡稱為OBE，由Spady 于1981 年提出，它關(guān)注的重點在于學生的學習成效，即學生真正擁有的知識、能力和素質(zhì)。其學習產(chǎn)出驅(qū)動整個課程活動和學生學習評價的核心主旨，對于課程建設(shè)、課程改革等眾多方面具有指導意義。

2 項目驅(qū)動教學

項目驅(qū)動式教學方法目前在工科類教學實踐中普遍推廣和使用，在教學設(shè)計上，以實際項目的開發(fā)作為學習載體，將知識的拓展于項目研究開發(fā)過程的迭代相結(jié)合，用項目研發(fā)的漸進思想，與知識構(gòu)建的思路相對應(yīng)地組織課程的教學內(nèi)容。

3 Web 前端課程的教學現(xiàn)狀

目前，Web 前端開發(fā)技術(shù)正處于發(fā)展的高峰期，現(xiàn)有的教學內(nèi)容、方法、模式等改革迫在眉睫，原有課程的授課現(xiàn)狀分析如下：

(1）教學方法過于傳統(tǒng)

Web 前端課程按照我校教學大綱的學時設(shè)置為64，但是實際學時一般不到50，理論教學與實踐教學都在機房完成。實際教學過程中，存在以下幾個不可忽視的問題。

①課堂教學時間有限，授課教師在理論講解、實踐演示和任務(wù)布置的時間分配上難以把握平衡。講解和演示的時間過長，學生完成任務(wù)的時間就可能不足。講解和演示時間過短，部分基礎(chǔ)薄弱的學生理解和掌握程度不夠，將無法完成實踐任務(wù)。

②傳統(tǒng)教學方法按課程章節(jié)進行教學進度安排，每次課程完成相應(yīng)的教學任務(wù)，這種教學方式會有學習斷點，學生后期存在融會貫通的困難，難以系統(tǒng)化。

③傳統(tǒng)的教學方式，學生是被動學習，缺乏主觀能動性，是灌輸性的填鴨式教學，學生很難根據(jù)自身的學習情況主動選擇薄弱的知識點進行有目標的指向性學習。

(2）學生學習方式過于機械

大多數(shù)學生只按照教材內(nèi)容和網(wǎng)絡(luò)學習平臺學習，按部就班，忽視應(yīng)用能力的培養(yǎng)，缺乏工程實踐應(yīng)用能力和創(chuàng)新能力，這在一定程度上給教學效果帶來了不利影響 。

(3）課程內(nèi)容陳舊，和社會脫節(jié)較大

教學內(nèi)容與市場需求沒有緊密結(jié)合，導致學生感覺是紙上談兵沒有切實的開發(fā)體驗，從而失去了對前端技術(shù)就業(yè)的信心。由于學生自身的原因，有些學生往往在學習中對教師依賴性強自主學習較弱，即便是任務(wù)驅(qū)動也會敷衍了事缺乏學習的主動性和興趣。

(4）成績評價方式有待完善

現(xiàn)有的課程成績評定由考勤、作業(yè)、實驗、期末作品等幾部分成績構(gòu)成，雖然在一定程度上能體現(xiàn)學生對專業(yè)技能的掌握程度，但是這種成績評定組成，缺乏激勵及導向效果，也不能準確定位學生的薄弱點。

4 Web 前端課程改革內(nèi)容

針對“大前端”環(huán)境下，學生所需學習掌握的前端開發(fā)技術(shù)較多，而課內(nèi)學時遠遠滿足不了教學需求的問題，擬將教學內(nèi)容進行合理分解，設(shè)置課內(nèi)和課外雙學時的方式，豐富教學內(nèi)容，提升教學品質(zhì)。

(1）教學內(nèi)容的分解規(guī)則及課內(nèi)課外學時分配：基礎(chǔ)性及簡單知識點理論性教學內(nèi)容，可通過校內(nèi)的網(wǎng)絡(luò)學習平臺，由教師事先上傳學習視頻及相關(guān)學習資料，學生課外自主學習完成，并通過發(fā)布相關(guān)知識點作業(yè)的方式，對學生的掌握程度予以考評確認。這一部分學習時間設(shè)置為課外學時，建議為64+學時。

(2）前端主流開發(fā)技術(shù)及項目案例內(nèi)容，在學生自主前置學習的基礎(chǔ)上，教師在課內(nèi)授課過程中，以具體項目驅(qū)動的方式，帶領(lǐng)和引導學生通過迭代的開發(fā)方式，由淺入深，從易到難，完成具體項目的開發(fā)。在此過程中，完成前端主流開發(fā)技術(shù)及框架等內(nèi)容的學習。課內(nèi)學時，建議設(shè)置為48+。

(3）原有教學大綱中的教學內(nèi)容需要根據(jù)目前前端開發(fā)的實際需求進行合理修訂，補充完善新的知識體系，并去除部分老舊知識點，重新規(guī)劃培養(yǎng)目標。

(4）基于OBE 及項目驅(qū)動，合理進行前端技術(shù)教學設(shè)計。

在計算機學科中，Web 前端開發(fā)技術(shù)是一門非常重要的專業(yè)課程，在新經(jīng)濟時代，我們應(yīng)該從行業(yè)對前端開發(fā)人才的需求出發(fā)，采用OBE 教育模式理念對課程教學進行設(shè)計和重塑，形成以學習成效為導向的新型教學方案。

Web 前端技術(shù)在講授核心知識點之外，與實踐技能緊密相關(guān)的應(yīng)用開發(fā)技術(shù)也是其重要內(nèi)容，起到構(gòu)建理論和實踐的橋梁作用。我們與課程學習目標相結(jié)合，以前端技術(shù)的基本原理和應(yīng)用開發(fā)能力為核心，結(jié)合當前最新的、最需要的主流前端開發(fā)技術(shù)和真實項目的教學案例重塑了教學內(nèi)容，形成了如圖1 所示的基本教學內(nèi)容框架。

圖1 融合基本原理和前沿技術(shù)的教學內(nèi)容

在實際教學過程中，我們已經(jīng)引入諸如京東首頁、2048 游戲、TodoList 等實用項目案例。

(5）成績評價體系的重塑

現(xiàn)有的課程的成績評價體系有待完善，課程團隊擬在后期的成績評價體系中引入OBE 評價理念，構(gòu)建課程學習目標評價體系，從多個維度進行系統(tǒng)化的全面評價，檢驗學生在知識、能力和素質(zhì)方面所取得的學習效果。對每一階段的學習目標進行細化，項目完成度作為重點評價指標，引入項目答辯方式，加權(quán)平均的方式給出學生最終總評成績。

5 總結(jié)

通過基于OBE 的項目驅(qū)動式教學改革研究，我們將之應(yīng)用到Web 前端技術(shù)課程中，重塑了該課程的教學內(nèi)容，設(shè)計了具有典型應(yīng)用場景的項目案例，大大提升了學生學習的主觀能動性，激發(fā)了學生的學習積極性，培養(yǎng)了學生良好的團隊合作精神和職業(yè)素養(yǎng)。