錢欣麗 王瑜琳 宋濤 劉學(xué)虎 徐曉靈

摘?要：針對(duì)當(dāng)下Web前端開(kāi)發(fā)課程教學(xué)滯后于行業(yè)發(fā)展的問(wèn)題，提出了基于OBE教育理念指導(dǎo)，以職業(yè)活動(dòng)為導(dǎo)向重構(gòu)教學(xué)內(nèi)容，以“逆向設(shè)計(jì)、正向?qū)嵤蓖七M(jìn)教學(xué)改革，以“學(xué)生中心，任務(wù)驅(qū)動(dòng)”組織教學(xué)實(shí)施，以達(dá)到“專業(yè)對(duì)接職業(yè)崗位、課程內(nèi)容與對(duì)接職業(yè)標(biāo)準(zhǔn)”的目的。

關(guān)鍵詞：Web前端開(kāi)發(fā)；OBE教育理念；教學(xué)設(shè)計(jì)

Abstract：Aiming?at?the?problem?that?the?teaching?of?Web?frontend?development?courses?lags?behind?the?development?of?the?industry，this?paper?proposes?to?reconstruct?the?teaching?content?based?on?the?OBE?education?philosophy?guidance，reconstruct?the?teaching?content?guided?by?vocational?activities，promote?the?teaching?reform?with?"reverse?design?and?positive?implementation"，and?organize?the?teaching?implementation?with?"studentcentered，taskdriven"?to?achieve?the?purpose?of?"professional?docking?of?professional?positions，course?content?and?docking?professional?standards".

Keywords：Web?frontend?development；OBE?education?philosophy；Instructional?design

一、概述

隨著互聯(lián)互通的快速發(fā)展，Web應(yīng)用不斷推陳出新，Web前端技術(shù)發(fā)揮著舉足輕重的作用。Web前端技術(shù)成為計(jì)算機(jī)、人工智能專業(yè)學(xué)生走上社會(huì)、專業(yè)對(duì)口就業(yè)不可或缺的一門知識(shí)和技術(shù)。目前，國(guó)內(nèi)許多高職院校將Web前端技術(shù)等相關(guān)課程作為計(jì)算機(jī)、人工智能專業(yè)學(xué)生的專業(yè)必修課。

如今，智能化設(shè)備全面普及使Web前端頁(yè)面越來(lái)越復(fù)雜，從視覺(jué)體驗(yàn)到對(duì)用戶的友好交互、技術(shù)特效等的要求越來(lái)越高，系統(tǒng)的維護(hù)要求不斷提升。一方面，前端技術(shù)的不斷演進(jìn)帶來(lái)了前端開(kāi)發(fā)模式的不斷改進(jìn)，在基于前端開(kāi)發(fā)逐漸趨于復(fù)雜性的背景下，如何對(duì)Web前端開(kāi)發(fā)課程進(jìn)行內(nèi)部的教學(xué)改革探索使其適應(yīng)企業(yè)的外部需求也成了我們關(guān)注的焦點(diǎn)。另一方面，高職教育作為該類人才培養(yǎng)的重要基地，現(xiàn)階段其畢業(yè)生在市場(chǎng)上較難找到滿意的專業(yè)對(duì)口工作，出現(xiàn)學(xué)校人才供給滯后于企業(yè)需求的現(xiàn)狀。究其原因，高職學(xué)生在校期間學(xué)習(xí)的內(nèi)容與市場(chǎng)存在脫節(jié)，學(xué)生“學(xué)非所用”較為普遍，因此導(dǎo)致高職畢業(yè)生在企業(yè)招聘中無(wú)法體現(xiàn)自身應(yīng)有優(yōu)勢(shì)。唯有改良高職學(xué)校課程內(nèi)容設(shè)置，促進(jìn)其與企業(yè)職業(yè)標(biāo)準(zhǔn)、生產(chǎn)過(guò)程對(duì)接，達(dá)到與時(shí)俱進(jìn)的效果，才能有效解決新一代信息技術(shù)領(lǐng)域的人力資源市場(chǎng)中技術(shù)技能型人才急缺的現(xiàn)狀。

傳統(tǒng)教育教學(xué)中，該課程通常采取教學(xué)設(shè)計(jì)為課程導(dǎo)向的正向設(shè)計(jì)，即學(xué)生學(xué)完本課程后，被動(dòng)地適應(yīng)社會(huì)及企業(yè)等的外部需求，無(wú)法實(shí)現(xiàn)職業(yè)崗位零距離對(duì)接?，F(xiàn)流行于高等工程教育的OBE教育理念，因其聚焦學(xué)生通過(guò)學(xué)習(xí)最終可以達(dá)到的學(xué)習(xí)成果，并據(jù)此對(duì)教學(xué)進(jìn)行反向設(shè)計(jì)，對(duì)于只注重“教育投入”而不注重“教育產(chǎn)出”的傳統(tǒng)教學(xué)而言，是一種教學(xué)的根本性變革，為高職課程教學(xué)改革帶來(lái)了靈感與啟發(fā)。

介于此，本課題試將OBE教育理念應(yīng)用于Web前端開(kāi)發(fā)課程教學(xué)中，結(jié)合社會(huì)市場(chǎng)職業(yè)需求，將職業(yè)能力要求融入課程體系中，培養(yǎng)適合當(dāng)下行業(yè)發(fā)展的技術(shù)技能人才。

二、教學(xué)現(xiàn)狀分析

目前，許多院校設(shè)置的Web開(kāi)發(fā)相關(guān)課程，教學(xué)過(guò)程中教師大部分的教學(xué)重點(diǎn)放在前端開(kāi)發(fā)技術(shù)（html、Css、JavaScript）的教學(xué)，忽略了對(duì)于前端技術(shù)的框架應(yīng)用，學(xué)生雖然能實(shí)現(xiàn)一定的功能，但大部分課程體系與教學(xué)資源都比較陳舊，沒(méi)有跟上前端技術(shù)發(fā)展與企業(yè)用人需求的變化。Web前端開(kāi)發(fā)已經(jīng)作為一門獨(dú)立的課程，從成果導(dǎo)向教育角度來(lái)看，該課程目前存在以下的問(wèn)題。

（一）教學(xué)理念

當(dāng)下該課程對(duì)成果導(dǎo)向教育的教學(xué)理念應(yīng)用缺乏，制約其學(xué)生觀、教師觀、課程觀、課堂觀的發(fā)展；教學(xué)模式缺乏創(chuàng)新，教學(xué)內(nèi)容更新不及時(shí)；學(xué)生創(chuàng)新與時(shí)間能力及分析、解決問(wèn)題能力無(wú)法滿足現(xiàn)代企業(yè)對(duì)人才的需求。

（二）教學(xué)內(nèi)容

課程內(nèi)容上，主要還是傳統(tǒng)的html、css和JavaScript技術(shù)，缺乏對(duì)新功能、新版本以及目前主流框架、工具的引入。講授課程內(nèi)容陳舊老化，不能及時(shí)適應(yīng)社會(huì)需求的變化。

（三）教學(xué)模式

課程往往采用傳統(tǒng)的以教師為中心、書本為中心、課堂為中心的教學(xué)模式，授課方式以平鋪直敘式、集中注入式為主，形成了教師單向灌輸、學(xué)生被動(dòng)接受的局面，教師忽視學(xué)生學(xué)習(xí)成果。

（四）考核機(jī)制

在考核評(píng)價(jià)方面，仍然采用“課堂授課—考前復(fù)習(xí)—試卷筆試”為主的自上而下的對(duì)學(xué)生“定性”評(píng)價(jià)的傳統(tǒng)考核模式，評(píng)價(jià)內(nèi)容統(tǒng)一，評(píng)價(jià)標(biāo)準(zhǔn)統(tǒng)一，只注重學(xué)生最終對(duì)知識(shí)的掌握程度，缺乏了對(duì)學(xué)生的多元、動(dòng)態(tài)評(píng)價(jià)，往往忽視了對(duì)學(xué)生各方面能力的培養(yǎng)，導(dǎo)致學(xué)生高分低能，未能適應(yīng)企業(yè)職業(yè)需要。

三、解決思路和方法

在OBE教育理念的指導(dǎo)下，對(duì)高職Web前端開(kāi)發(fā)教學(xué)進(jìn)行改革與實(shí)踐。研究的具體思路如下：

（1）針對(duì)課程教學(xué)存在的問(wèn)題，根據(jù)前期調(diào)研的結(jié)果，以O(shè)BE教育理念為指導(dǎo)，遵循其四個(gè)基本實(shí)施原則，圍繞預(yù)期學(xué)習(xí)成果對(duì)Web前端開(kāi)發(fā)課程教學(xué)進(jìn)行設(shè)計(jì)。該設(shè)計(jì)具體過(guò)程為：①?gòu)闹R(shí)、能力、素質(zhì)三方面入手，確定Web前端開(kāi)發(fā)課程的教學(xué)目標(biāo)。②以知識(shí)點(diǎn)相互銜接且具有實(shí)際功能意義為宗旨，構(gòu)建與教學(xué)目標(biāo)相匹配的教學(xué)內(nèi)容。③為實(shí)現(xiàn)學(xué)生個(gè)性化學(xué)習(xí)，充分鍛煉學(xué)生實(shí)踐動(dòng)手能力，選擇有利于教學(xué)目標(biāo)實(shí)現(xiàn)的任務(wù)驅(qū)動(dòng)式教學(xué)模式。④從關(guān)注學(xué)生的學(xué)習(xí)成長(zhǎng)、尊重學(xué)生的學(xué)情差異、注重多方參與出發(fā)，開(kāi)展過(guò)程性與終結(jié)性相結(jié)合的多元教學(xué)評(píng)價(jià)，對(duì)教學(xué)的達(dá)成度進(jìn)行監(jiān)測(cè)與評(píng)估。

（2）選取開(kāi)設(shè)該門課程的兩個(gè)平行班級(jí)，任選其中一個(gè)班作為實(shí)驗(yàn)班，將基于OBE教育理念設(shè)計(jì)的教學(xué)新模式應(yīng)用于該班。另一個(gè)班作為對(duì)照班，仍沿用現(xiàn)行傳統(tǒng)模式進(jìn)行教學(xué)。經(jīng)過(guò)一段時(shí)間的教育實(shí)踐，從兩個(gè)班的教學(xué)效果對(duì)比，實(shí)驗(yàn)班學(xué)生就教學(xué)方法、教學(xué)過(guò)程、學(xué)習(xí)效果、課堂氛圍設(shè)計(jì)問(wèn)卷調(diào)查四個(gè)指標(biāo)來(lái)探究基于OBE教育理念設(shè)計(jì)的教學(xué)新模式的教學(xué)效果。

四、教學(xué)實(shí)施過(guò)程

（一）教學(xué)過(guò)程對(duì)接崗位流程

依據(jù)人培規(guī)格達(dá)成要求、完善后的課程標(biāo)準(zhǔn)、學(xué)生學(xué)情和崗位能力要求，確定三維教學(xué)目標(biāo)。依據(jù)企業(yè)Web前端開(kāi)發(fā)工作流程組織教學(xué)，在教學(xué)上采用具體的、真實(shí)的企業(yè)項(xiàng)目，任務(wù)要求和項(xiàng)目工作過(guò)程緊密聯(lián)系實(shí)際。

（二）課程內(nèi)容與對(duì)接職業(yè)標(biāo)準(zhǔn)

課程內(nèi)容對(duì)接Web前端開(kāi)發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)，將職業(yè)技能等級(jí)證書中與課程內(nèi)容相關(guān)的考核內(nèi)容納入課程教學(xué)內(nèi)容中，按照具體的職業(yè)標(biāo)準(zhǔn)來(lái)進(jìn)行課程的教學(xué)設(shè)計(jì)，優(yōu)化課程教學(xué)內(nèi)容。

圍繞“內(nèi)化于心，外化于行”進(jìn)行思政教學(xué)設(shè)計(jì)，將思政元素浸潤(rùn)四個(gè)教學(xué)任務(wù)的教學(xué)過(guò)程，創(chuàng)建情感共鳴和價(jià)值融通，潛移默化中幫助學(xué)生培養(yǎng)職業(yè)能力。

（三）教學(xué)模式采用任務(wù)驅(qū)動(dòng)式

任務(wù)驅(qū)動(dòng)式教學(xué)本質(zhì)上就是完成任務(wù)的過(guò)程，在認(rèn)識(shí)、分析、解決問(wèn)題過(guò)程中使學(xué)生實(shí)現(xiàn)探究式、體驗(yàn)式學(xué)習(xí)，學(xué)生學(xué)習(xí)由接受式向自主建構(gòu)轉(zhuǎn)變，教師教學(xué)由灌輸式向引導(dǎo)轉(zhuǎn)變。因此，采用任務(wù)驅(qū)動(dòng)式教學(xué)模式貫穿課前、課中、課后教學(xué)，其基本流程為如下圖。

教學(xué)流程圖

課前教師發(fā)布該節(jié)課教學(xué)內(nèi)容，學(xué)生自主學(xué)習(xí)。課中教師發(fā)布任務(wù)案例，對(duì)任務(wù)進(jìn)行分解分析，學(xué)生依據(jù)課前預(yù)習(xí)內(nèi)容執(zhí)行相應(yīng)任務(wù)，采用師生互評(píng)、生生互評(píng)方式檢驗(yàn)任務(wù)。課后學(xué)生根據(jù)教師要求進(jìn)行教學(xué)內(nèi)容規(guī)律總結(jié)并反饋。

（四）教學(xué)評(píng)價(jià)實(shí)施多維評(píng)價(jià)

Web前端開(kāi)發(fā)是一門實(shí)踐性較強(qiáng)的課程，單純的閉卷考試方式不能客觀地評(píng)價(jià)學(xué)生的知識(shí)掌握情況及學(xué)生的知識(shí)運(yùn)用能力。引入職業(yè)鑒定，根據(jù)相關(guān)概念和實(shí)施要點(diǎn)，采用形成性評(píng)價(jià)模式和持續(xù)改進(jìn)模式，創(chuàng)建多元評(píng)價(jià)。通過(guò)診斷和評(píng)估檢查學(xué)生的先驗(yàn)知識(shí)，分析學(xué)情；采用過(guò)程化階段性考核方式，從考核學(xué)生對(duì)知識(shí)的記憶轉(zhuǎn)為考核學(xué)生的應(yīng)用能力，著重考查學(xué)生的表達(dá)設(shè)計(jì)能力；通過(guò)總結(jié)性評(píng)價(jià)，確認(rèn)每個(gè)學(xué)生已獲得的內(nèi)容掌握程度。評(píng)價(jià)活動(dòng)貫穿課前、課中、課后三個(gè)階段，將評(píng)價(jià)重點(diǎn)放在學(xué)生的能力指標(biāo)上，通過(guò)多方面評(píng)價(jià)確保學(xué)生達(dá)成預(yù)期學(xué)習(xí)目標(biāo)。

五、教學(xué)效果

采用教育對(duì)照實(shí)驗(yàn)的方式，選取開(kāi)設(shè)該門課程的兩個(gè)平行班級(jí)，各班抽取24名專業(yè)能力、學(xué)習(xí)能力相當(dāng)?shù)膶W(xué)生，隨機(jī)將其中一個(gè)班級(jí)設(shè)置為實(shí)驗(yàn)班，另一個(gè)班級(jí)設(shè)置為對(duì)照班。實(shí)驗(yàn)班采用OBE教育理念設(shè)計(jì)的教學(xué)模式進(jìn)行教學(xué)，對(duì)照班仍采用現(xiàn)行的教學(xué)傳統(tǒng)模式，但兩個(gè)班教學(xué)內(nèi)容所含的知識(shí)點(diǎn)一致。經(jīng)過(guò)一段時(shí)間的教育實(shí)踐，對(duì)比兩個(gè)班學(xué)生的學(xué)習(xí)成果，實(shí)驗(yàn)班的學(xué)生對(duì)本課程的對(duì)知識(shí)構(gòu)建能力及掌握程度均高于對(duì)照班。對(duì)教學(xué)方法、教學(xué)過(guò)程、學(xué)習(xí)效果、課堂氛圍四個(gè)指標(biāo)制定相應(yīng)的問(wèn)卷內(nèi)容，使用SPSS2.0對(duì)數(shù)據(jù)進(jìn)行差異性分析如表3。

表3數(shù)據(jù)顯示，實(shí)驗(yàn)班與對(duì)照班教學(xué)效果評(píng)價(jià)數(shù)據(jù)存在較為明顯的差異，從四個(gè)指標(biāo)差異性結(jié)果顯示，P值均小于0.05，表明基于OBE教育理念的教學(xué)設(shè)計(jì)教學(xué)效果更好。

結(jié)語(yǔ)

針對(duì)當(dāng)前高職Web前端開(kāi)發(fā)教學(xué)中存在的問(wèn)題，根據(jù)調(diào)研所得的企業(yè)、師生等教育利益相關(guān)者的實(shí)際需求，基于OBE教育理念，根據(jù)其反向設(shè)計(jì)、正向?qū)嵤┰瓌t，在教學(xué)組織、教學(xué)內(nèi)容、教學(xué)模式、教學(xué)評(píng)價(jià)方面設(shè)計(jì)了Web前端開(kāi)發(fā)課程的教學(xué)改革方案，構(gòu)建一種有著持續(xù)改進(jìn)功能的教學(xué)反思閉環(huán)系統(tǒng)，進(jìn)而改變?cè)撜n程教學(xué)的現(xiàn)狀并提升教學(xué)的質(zhì)量。后續(xù)將推進(jìn)建設(shè)線上課程資源，構(gòu)建出與時(shí)俱進(jìn)的優(yōu)質(zhì)教學(xué)資源。

參考文獻(xiàn)：

［1］羅劍，邢翠，聶鑫.混合式教學(xué)模式下Web前端技術(shù)教學(xué)資源建設(shè)研究［J］.軟件導(dǎo)刊，2021，20（07）：198201.

［2］任倩，姚光順，胡曉靜，等.基于OBE理念的“Web前端開(kāi)發(fā)”課程教學(xué)改革與實(shí)踐［J］.滁州學(xué)院學(xué)報(bào)，2021，23（05）：126130.

［3］劉鑫，杜宇恒，李曰陽(yáng).基于OBE理念的“機(jī)器人操作與編程”課程項(xiàng)目貫穿式教學(xué)設(shè)計(jì)［J］.南方農(nóng)機(jī)，2023，54（08）：183185+198.

［4］黃院芳，寧善平，龍慶文，等.基于OBE理念的專業(yè)教育和思政教育協(xié)同育人實(shí)施路徑研究［J］.廣東交通職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2023，22（01）：7276.

［5］嚴(yán)筱永，孫涵，胡夏蕓，等.OBE理念下任務(wù)驅(qū)動(dòng)式網(wǎng)站原理與設(shè)計(jì)課程教學(xué)研究［J］.軟件導(dǎo)刊，2023，22（04）：198202.

項(xiàng)目基金：重慶公共運(yùn)輸職業(yè)學(xué)院科研項(xiàng)目，基于OBE理念的Web前端開(kāi)發(fā)課程教學(xué)探索與實(shí)踐（YSKY202212）；重慶市教育科學(xué)規(guī)劃課題：基于“1+X”證書制度的高職交通智能化專業(yè)群課證融通課程體系研究（K22YG?331369）；重慶公共運(yùn)輸職業(yè)學(xué)院教育教學(xué)改革研究項(xiàng)目：“1+X證書”制度下人工智能技術(shù)服務(wù)專業(yè)課證融通課程體系研究（YSJG202101）

作者簡(jiǎn)介：錢欣麗（1996—?），女，漢族，云南曲靖人，本科，助教，研究方向：交通數(shù)據(jù)、圖像處理。