OBE理念下的Web前端設計課程教學改革

黃 灼

（海南職業技術學院，海南 ?？?570216）

0 引言

社會發展、科學技術不斷進步促使Web應用也越來越廣泛，其中Web前端設計日益受到重視，社會需求大幅度增加。為改善教學效果，提高與社會需求的契合，傳統的填鴨式教學已無法跟上時代步伐，需及時深化教學改革，優化教學方式、手段等，不斷提高學生的學習興趣以及實踐能力。本文總結了Web前端設計課程教學的基本情況，并對OBE理念下的教學改革方案要點進行了分析，旨在為實際教學工作提供理論基礎，適應新形勢下軟件工程人才培養趨勢。

1 Web前端設計課程教學現狀

1.1 教學目標

Web前端設計作為一門必修課，以往的教學目標主要是通過掌握、理解、了解展開描述，以此劃分相關知識學習程度。在傳統的教學目標設計上，僅注重知識的掌握，對于學生實踐能力的培養有所弱化，這不利于學生實踐技能的達成和提高，無法滿足崗位實際需求。

1.2 教學模式

在Web前端設計課程教學時，以往多采用填鴨式的傳統模式，學習效果并不理想，主要是以教師為主導，學生被動接受相關知識，只注重傳授的過程，在自主思考、知識加工方面并未加以重視，也忽視了學生實際掌握程度。學生在接受知識的過程中，只需按部就班，完成相關學習任務即可。

1.3 教學內容

Web前端設計課程中涉及了較多基礎知識，比如CSS樣式、HTML語言等，但是忽略了前端框架技術的學習。與此同時，相關專業課程之間的銜接不到位，交互開發的案例不多，學生無法將后端開發、前端設計兩個課程進行有機結合，限制了實際開發能力的學習，不利于知識向能力轉化。

1.4 考核方式

目前，部分教師仍選擇傳統的考核方法，即在課堂授課后進行統一筆試，同時以理論知識考查為主，缺乏對實踐能力的考核。正是由于這種考核方式，大部分學生也會忽視實踐技能的培養，認為只需認真聽課、復習，便可在期末筆試中獲得高分，這也導致學生雖然筆試成績不俗，但是實際問題解決能力較弱。

1.5 教學總結

一般情況下，需要在每次課程結束之后，及時撰寫教學總結，其中包括教學建議。而在實際過程中，后續教學無法落實教學建議，導致持續改進閉環缺乏，相關工作流于形式。此外，課程教學結束之后，也未對學生實踐能力展開評估，無法通過評估結果提供學習預警等作用。

2 OBE理念的優勢

學習Web前端設計課程時，還需要掌握工具應用、團隊協作、問題分析等能力，不僅需要注重理論知識的學習，也需要注重實踐技能的培養，比如團隊協作、問題分析等，應以學生為中心，以目標為導向，探索教學改革方法，從而提升教學效果和水平。引入OBE理念，開展課程教學改革，具有以下幾點優勢。

2.1 提高學生學習積極性和能動性

在OBE理念下，學生是教學活動中的中心和主體，也是教學的對象和目標，更是學習理論知識和相關技術的主體，通過任務式教學驅動，能夠在一定程度上促使學生主動學習，提高其主觀能動性。

2.2 充分發揮教師教學引導作用

基于OBE教學理念，在實際教學過程中，教師已從傳統的主體地位，向主導地位轉變，其教學定位已經發生了徹底改變。教師不僅是課程的具體設計者，也是實踐效果的評價者，更注重課程任務引導作用，全面把控教學進度。

2.3 培養學生問題解決能力

進行Web前端設計課程教學時，以成果導向為主線，在整個教學過程中強調教學任務，基于成果導向，評估教學和學習效果，通過任務式教學，能夠針對性培養團隊協作、問題分析等能力，實現教學活動目的。

3 OBE理念下的Web前端設計課程教學改革方案

3.1 優化教學目標

在Web前端設計教學過程中，引入OBE理念，首先應強化頂層設計，改變傳統只注重理論知識學習的情況，明確課程培養能力[1]。根據對企業、畢業生以及在校學生的調研結果，結合學校辦學宗旨、定位以及人才培養方案，考慮企業用人情況以及當今社會需求等各種因素，共同探討、分析Web前端設計課程，優化教學目標，便于滿足畢業能力要求，并進行相應細化，注重實踐技能的培養，比如利用前端知識完成Web頁面設計，結合實際需求自主學習新方法和新技術等。

3.2 重構教學內容

根據相關技術發展情況和社會需求變化，針對性進行學生能力培養，加強與企業之間的合作，共建課程教學，優化相關內容和案例[2]。進行教學活動時，注重前端框架的應用，合理使用實踐里，加深教學內容與社會需求的聯系。與此同時，采用理解、實踐相結合的模式，重構教學內容，增強前導課程、后續課程、Web前端設計課程之間的聯系，其中前導課程主要包括數據庫應用，后續課程主要包括動態網頁設計，進行有機結合以及合理整合，構建新的課程體系，以實現教學目標為基礎，開展系列教學活動，盡可能實現畢業要求，有效提高學生實踐技能。

3.3 完善教學模式

在開展教學活動過程中，合理改進教學模式，優化教學方法，比如引入社會在職的專業工程師進行教學，推行雙師同堂的模式。與此同時，采用信息化技術手段，進一步豐富教學形式，也有利于滿足學生的學習需求，提高其學習興趣，比如建立課程網站等在線學習方式，通過線下授課、線上學習相結合的方式，不斷促使知識傳授轉變為能力培養[3]。在每節課程中，均需注重實際能力的培養，通過小組討論、案例分析等模式，開展課前、課中、課后的系統性教學，課前進行在線自主學習，并完成學習效果測試，課中展示部分學生作業，營造良性競爭的氛圍，對于重點難點內容借助小組討論、實際案例分析等模式，進行互動教學，進一步提高學生學習效果，課后通過完成學習任務，進一步鞏固、拓展相關知識。不斷完善、優化教學模式，教師也能夠通過平臺分析學生線上學習情況，并進行教學總結，精準分析，便于開展學習預警、輔導，進一步促使能力培養達成。

3.4 改進評價方式

在教學效果評價方面，需注重能力達成情況的分析，并構建持續改進閉環。課前結合實際情況設計具體的評價方式，細化評價內容、依據、方法以及考核標準，并由課題工作組共同討論考核方法的合理性，并進行相應優化。同時，對各個環節的評價標準進行完善，包括期末考核、作業以及實驗考核，側重實踐技能達成。課中主要是理論教學，在網絡平臺記錄下，分析學生課前、課中、課后相應的學習情況和數據。在實驗教學方面，則主要從實驗前預習、實驗操作以及報告撰寫等方面進行評估。進行期末考核過程中，改變傳統紙質考試，選擇上機考試的方法，能夠進一步突出Web前端設計能力的考核[4]。課程結束后，根據教學過程中收集的相關數據，進行定性、定量分析，考察教學目標達成情況，并制定持續改進計劃，形成目標達成報告，便于為后續教學改進提供指導，達到持續改進教學效果的目的。此外，教師還應分析學生個體的情況，便于開展針對性的指導，強化學習效果的持續改進，確保學生能力達成。

4 結語

OBE理念屬于新型教學理念，與傳統教學以教師為中心不同，此模式主要是以學生為主體，側重學生實踐能力的培養。在OBE理念下，進行Web前端設計課程教學改革，堅持以社會需求為核心，保證學習內容的多樣性，在傳授理論知識的同時，為學生提供與職業相適應的教學活動，培養其問題分析、團隊協作等能力，不斷提高自身綜合素質。此外，融合項目導向，通過案例教學、線上學習等方式，充分發揮教師引導作用，改變傳統單純填鴨式教學的模式，優化相關評價方式，也能夠進一步調動學生的學習積極性和主動性。