劉亞茹 劉敬坡

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

0 引言

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

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

1 教學分析

1.1 課程簡介

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

1.2 教學內容

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

1.3 學情分析

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

1.4 教學目標及重點難點

1） 教學目標

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

2） 教學重難點

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

1.5 教學策略

1） 教學方法

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

2） 信息化手段

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

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

2.1 教學設計

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

2.2 教學實施過程

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

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

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

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

3 課堂教學實施成效

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

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

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

3.2 以模擬促實踐，夯實專業(yè)技能

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

3.3 遵循規(guī)范，提升職業(yè)素養(yǎng)

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

4 教學創(chuàng)新

4.1 內容優(yōu)化

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

4.2 課堂活動設計新穎

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

4.3 平臺多元化

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

4.4 載體新穎

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

5 教學反思與改進

5.1 教學反思

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

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

5.2 教學改進

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

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