教學能力比賽視域下的教學設計實踐探析

劉亞茹 劉敬坡

關鍵詞：Web前端開發；教學能力比賽；教學設計；教學實施

0 引言

職業教育教學能力大賽深入貫徹習近平總書記關于職業教育的重要指示，落實全國、全省職業教育大會精神，以引導學校和教師立德樹人為根本任務，推進“三全育人”，落實“課程思政”要求，引導學校師生積極探索“崗課賽證”融合育人模式，創新發展線上線下混合式教學模式，深化“三教改革”，全面促進教師教學能力提升，增強職業技術教育適應性[1]。

本文結合比賽方案，以Web前端開發課程為例，對教學分析、教學設計、教學實施過程、課堂實施成效、反思與改進等方面進行實踐探析，展示本次教學實施過程的基本情況[2]。

1 教學分析

1.1 課程簡介

Web前端開發是計算機應用技術專業的一門專業核心課程，開設在第四學期。前序課程有Photoshop網頁美工、HTML 網頁設計基礎、JavaScript 技術、MySQL數據庫，后續課程有AngularJS 框架、React開發、Vue應用程序開發。該課程主要涉及網站設計規劃、動態網站開發、網站頁面優化等內容。通過本課程的學習，學生具備對動態網站布局進行規劃并靈活運用已學編程語言和編程工具編寫開發代碼和維護能力。進入崗位后，能夠根據需求說明對網站布局進行規劃、開發并具備后期維護能力，具備網頁設計崗位的職業技能和職業精神[3]。本課程以“紅動中國-數據可視化”項目為載體，以產品開發流程為主線，任務驅動為核心，以學生勇于創新為中心思想，從而達到Web前端開發工程師的工作崗位的職業能力。

1.2 教學內容

依據職業教育計算機應用技術專業人才培養方案、課程標準《“1+X”Web前端考試大綱》，結合社會企業需求及崗位要求，制定本項目學習模塊，分別為：模塊一Photoshop網頁美工，模塊二網頁設計，模塊三數據庫，模塊四Web前端開發，共計16課時。

1.3 學情分析

本次課授課對象班級學生前期已具備前端頁面設計工具的基本操作，具備網頁結構制作語言Html、網頁布局及樣式設置的CSS語言相關理論知識，理解網頁的設計理念，掌握靜態Web前端開發的設計實現流程。同時，有信息技術運用能力，樂于從手機和網絡檢索信息，樂于協作，在實踐中獲得成就感，具有一定的學習自主性，具有良好的審美，開發需求清晰。但學生學習動力不足、學生知識水平及學習能力存在差異性、學生自身設計認識和深度不足，可通過動手訓練、信息化融入激發其學習興趣，合理分組發揮學生幫帶作用，通過討論對比，發現問題，解決問題。

1.4 教學目標及重點難點

1） 教學目標

教學目標是課堂教學活動的出發點和落腳點，也是教學活動的支撐點，發揮出導向、控制和評價作用。圍繞職業教育現代化目標，根據專業人才培養方案、課程標準及行業崗位要求細化成三維教學目標，如表1所示。

2） 教學重難點

結合學生課前任務反饋、實際工作崗位要求及企業人員評價，確定本部分如下教學任務以及重難點，如表2所示。

1.5 教學策略

1） 教學方法

本課程是理論與實踐緊密結合的專業核心課程，綜合性和應用性較強，堅持“以職業崗位為目標，以工作過程為導向，以實際項目為載體，以項目團隊為組織形式”的教學模式，采用任務驅動法、案例教學法、小組討論法、課堂游戲互動法等教學方法，創設情境，項目實戰，學做一體，使課堂形式豐富多彩，讓學生多體驗、多交流，激發學習熱情，尋求解決問題的方法。教學過程中，充分運用現代教育技術，綜合運用多媒體教學、網絡資源教學、視頻教學、虛擬教學等多種教學資源與手段，優化教學過程，提高學生學習興趣和參與度，提升教學質量[4]。

2） 信息化手段

為了激發學生探索欲望，突破教學重難點，實現理論知識與職業崗位的有效對接，本課程采用的主要信息化手段有職教云、長江雨課堂學習平臺，使用Photoshop、X-mind、GitHub代碼共享、Vscode等，促進學生有效進行學習開發，提高學習興趣。

2 教學設計與教學實施過程

2.1 教學設計

根據專業人才培養方案和課程標準，選定本課程中部分教學內容作為比賽作品教學內容，如圖1所示。對各模塊內容的課時分配，如圖2所示。

2.2 教學實施過程

以模塊2為例，對教學過程進行介紹，以課前、課中、課后的三段式教學結構展開教學[5]。

課前，通過云課堂平臺發布任務，學生分組并進行自主學習，教師根據平臺上反饋的學生自主學習完成情況，確定教學的難點和教學策略。

課中，運用多元化教學資源，采取任務驅動式教學方法，按照“小組匯報-情境導入-新知探索-拓展導用-實踐導學”五個環節開展教學，具體實施安排如表3。

課后，充分利用云課堂平臺，線上測試進行知識鞏固和拓展，對照“1+X”證書及職業技能大賽要求，進行線下實踐，不斷培養學生職業能力。

3 課堂教學實施成效

3.1 提高學習自主性，加強知識掌握

結合線上線下資源，采用混合式教學拓展學習方式[6]。教師提前將教學資源發布到教學平臺上并設計發布一些課前小測驗，學生可以線上預覽教學內容，完成課前導學并測驗課前自主學習成效。線下教學的實操練習促進理論知識的消化、吸收，使知識點的掌握更加牢固。教學活動結束后，學生還可通過線上交流討論、留言學習心得，使學生真正成為學習的主體。

課堂教學以真實案例為背景，并將任務進行拆分，有效提高學習積極性。教師依據培養方案和課程標準，精心設計教學，將知識點貫穿在任務中，讓學生主動去探索、完成任務，同時也在過程中掌握了知識點。這種巧妙的融合設計，讓課堂更加富有趣味性，有效調動教學主體的能動性和實踐性。

3.2 以模擬促實踐，夯實專業技能

該教學模塊參照實際開發中Web前端工作流程，以一項實際的教學項目為案例貫穿16 課時，學生以前端工程師的身份完成制定項目任務書，設計效果圖，實現頁面布局初稿，設計數據庫，融入先進技術數據可視化，部署前后端，展示頁面。學生為完成任務而進行相關知識主動探索學習，扎實專業技能。

3.3 遵循規范，提升職業素養

任務實施讓學生真正成為學習的主體，激發出了學習興趣，表現出對知識的渴望，集中精力完成任務。在此期間促進了學生之間的溝通交流，培養了團隊合作精神，具有了職業規范意識。同時也鼓勵學生及時表達自身想法，允許不同個體意見的不一致性，開拓學生的創新思維，為將來就業打下堅實的知識和方法論的基礎。

4 教學創新

4.1 內容優化

傳統網站設計內容加上數據可視化的先進技術。針對計算機專業二年級學生量身定制的專業化內容，在不脫離基礎的網頁設計學科內容前提下加入網站開發新內容——數據可視化，同時學生了解大數據領先專業的具體應用。抽象問題形象化通過課程資料，視頻演示，小組討論，實踐探索，使抽象的內容具體化，克服傳統的軟件技術抽象難題。

4.2 課堂活動設計新穎

創設不乏趣味性的課堂小游戲[7]。抓住高職學生貪玩的特點，利用注意力集中的高峰時段充分調動其積極性。研發“連連看”“選擇項”“小組填空”等課堂小游戲，將知識點與具體實際應用緊密聯系，生動呈現教學內容[7]。

4.3 平臺多元化

采用線上線下混合教學模式。利用課程平臺推送資源，分享成果使用課程平臺推送資源，讓學生時時分享成果，使其建立成果的喜悅和自信，激發其更深層次的探索欲望，為后續知識點的講解化解難度。

4.4 載體新穎

以實際案例為載體，借助信息化手段，將理論教學與實踐工作結合起來，實現職業崗位的有效對接。

5 教學反思與改進

5.1 教學反思

1） 應更加完善住宅室內設計方案的考核評價指標體系，進一步培養學生的創新意識和服務意識。

2） Web開發的技術、框架及設計理念更新很快，及時將專業領域的前沿融入教學活動。

5.2 教學改進

1） 課后通過批閱學生作業及抽查學生學習情況發現，學生表現出來明顯的學習積極性，在案例實踐中也發揮出很強的動手實力。但也體現出不足，如在設計環節表現并不很好，思維邏輯描述不夠清晰，建議通過相關的軟件課程進行提高。

2） 關注技術發展，關注最新教科研成果，對照“1+X”證書試點的要求，革新課程設置和教學內容，推進課程思政，挖掘思政元素，提升本課程育人質量。