基于OBE 的項目驅動式Web 前端技術課程改革研究

朱紅斌 麗水學院

引言

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

1 OBE 理念

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

2 項目驅動教學

項目驅動式教學方法目前在工科類教學實踐中普遍推廣和使用，在教學設計上，以實際項目的開發作為學習載體，將知識的拓展于項目研究開發過程的迭代相結合，用項目研發的漸進思想，與知識構建的思路相對應地組織課程的教學內容。

3 Web 前端課程的教學現狀

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

(1）教學方法過于傳統

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

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

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

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

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

大多數學生只按照教材內容和網絡學習平臺學習，按部就班，忽視應用能力的培養，缺乏工程實踐應用能力和創新能力，這在一定程度上給教學效果帶來了不利影響 。

(3）課程內容陳舊，和社會脫節較大

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

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

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

4 Web 前端課程改革內容

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

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

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

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

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

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

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

圖1 融合基本原理和前沿技術的教學內容

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

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

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

5 總結

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