關(guān)鍵詞：JavaScript程序設(shè)計(jì)；“1+X”認(rèn)證；課程案例庫(kù)

中圖法分類(lèi)號(hào)：TP312 文獻(xiàn)標(biāo)識(shí)碼：A

1“JavaScript程序設(shè)計(jì)”課程案例庫(kù)建設(shè)的目的、意義、價(jià)值

1.1研究目的

本課題旨在建設(shè)1套以網(wǎng)站形式展示的“JavaScript程序設(shè)計(jì)”課程案例庫(kù)。結(jié)合“1+X”Web前端開(kāi)發(fā)初級(jí)認(rèn)證標(biāo)準(zhǔn)中的考核內(nèi)容、就業(yè)崗位所對(duì)應(yīng)的工作領(lǐng)域，以及高職院校的課程教學(xué)目標(biāo)，精選教學(xué)內(nèi)容，設(shè)計(jì)教學(xué)案例，融入思政育人元素，搭建案例網(wǎng)站，錄制案例演示視頻及講解視頻，形成1套完整的課程案例庫(kù)，旨在輔助學(xué)生實(shí)踐技能訓(xùn)練，助力教師課程教學(xué)，提高學(xué)生的“1+X”認(rèn)證通過(guò)率。

1.2研究意義

隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，JavaScript語(yǔ)言越來(lái)越體現(xiàn)出不可替代的強(qiáng)大優(yōu)勢(shì)，目前其已經(jīng)成為許多高校計(jì)算機(jī)相關(guān)專(zhuān)業(yè)的核心課程。“1+X”Web前端認(rèn)證實(shí)施后，在JavaScript程序設(shè)計(jì)中體現(xiàn)出的動(dòng)手實(shí)踐能力也受到廣大高校師生的重視。開(kāi)發(fā)1套符合“1+X”Web前端開(kāi)發(fā)認(rèn)證標(biāo)準(zhǔn)、體系完整的“JavaScript程序設(shè)計(jì)”課程案例庫(kù)，對(duì)教師教學(xué)及學(xué)生學(xué)好該課程均具有實(shí)際意義。

1.3研究?jī)r(jià)值

1.3.1理論價(jià)值

本課題通過(guò)細(xì)化分解“1+X”初級(jí)認(rèn)證的標(biāo)準(zhǔn)，將主要考核知識(shí)點(diǎn)融入案例，結(jié)合高職院校“JavaScript程序設(shè)計(jì)”課程教學(xué)目標(biāo)，構(gòu)建1套以網(wǎng)頁(yè)形式展示、包含案例演示視頻及案例講解視頻的“JavaScript程序設(shè)計(jì)”課程案例庫(kù)，以豐富課程教學(xué)資源。

1.3.2實(shí)踐價(jià)值

教師可以利用案例庫(kù)進(jìn)行課題教學(xué)，以案例驅(qū)動(dòng)法提高學(xué)生學(xué)習(xí)效果。學(xué)生查看案例演示視頻后可以清楚了解案例所實(shí)現(xiàn)的功能，以及學(xué)習(xí)案例制作的過(guò)程，進(jìn)而有效提升學(xué)生的學(xué)習(xí)興趣及學(xué)習(xí)效果。

2“JavaScript程序設(shè)計(jì)”課程案例庫(kù)研究流程

2.1組建研究團(tuán)隊(duì)

首先組建項(xiàng)目研究團(tuán)隊(duì)，選取專(zhuān)業(yè)技能強(qiáng)、教學(xué)經(jīng)驗(yàn)豐富、學(xué)歷層次較高、具有企業(yè)工作經(jīng)歷等特點(diǎn)的雙師型課題研究成員。

2.2制定建設(shè)方案和實(shí)施計(jì)劃

為確?；凇?+X”認(rèn)證的“JavaScript程序設(shè)計(jì)”課程案例庫(kù)建設(shè)研究工作能夠有序完成，促進(jìn)該課題研究工作的縱深發(fā)展，以及增強(qiáng)課題組成員的科研意識(shí)，通過(guò)會(huì)議研討的形式，初步形成建設(shè)方案和實(shí)施計(jì)劃，并根據(jù)建設(shè)內(nèi)容對(duì)項(xiàng)目組成員進(jìn)行分工，細(xì)化任務(wù)工期。

2.3解析“Web前端開(kāi)發(fā)職業(yè)技能標(biāo)準(zhǔn)”初級(jí)知識(shí)點(diǎn)

研讀工業(yè)和信息化教育部與考試中心發(fā)布了“Web前端開(kāi)發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)”文件。該“標(biāo)準(zhǔn)”客觀(guān)反映現(xiàn)階段軟件開(kāi)發(fā)和互聯(lián)網(wǎng)行業(yè)技術(shù)發(fā)展水平及其對(duì)從業(yè)人員的能力要求，明確了本專(zhuān)業(yè)職業(yè)技能人員的工作領(lǐng)域、工作任務(wù)、技能要求和知識(shí)要求，從而為技術(shù)人才的教育和培訓(xùn)提供科學(xué)、規(guī)范的依據(jù)。

2.4修訂“JavaScript程序設(shè)計(jì)”課程大綱

根據(jù)“成果導(dǎo)向+行動(dòng)學(xué)習(xí)”高職課程發(fā)展模式，在“1+X”認(rèn)證標(biāo)準(zhǔn)的基礎(chǔ)上，將知識(shí)點(diǎn)碎化，梳理知識(shí)點(diǎn)中的核心技能，并融入教學(xué)實(shí)踐體系。根據(jù)高職院?！癑avaScript程序設(shè)計(jì)”課程學(xué)時(shí)的實(shí)際情況，修訂課程大綱。

2.5收集案例素材、融入對(duì)應(yīng)適合的思政點(diǎn)，設(shè)計(jì)制作案例

2.5.1案例的收集

案例是案例庫(kù)建設(shè)的核心內(nèi)容，案例的數(shù)量、質(zhì)量以及與知識(shí)點(diǎn)的契合度，直接影響案例庫(kù)最終的使用效果。案例的收集主要采用以下幾種方式。

（1）教材中的案例：本課程在授課時(shí)使用的是黑馬程序員編著的“JavaScript前端開(kāi)發(fā)案例教程”，收集教材中部分案例。

（2）教師根據(jù)知識(shí)點(diǎn)創(chuàng)作的案例：“改變網(wǎng)頁(yè)背景顏色一黑龍江五色教育藍(lán)圖”：“判斷要加入的值是否已在文本域中，不在則添加”。

（3）網(wǎng)絡(luò)應(yīng)用中常見(jiàn)案例：驗(yàn)證用戶(hù)名是否為空；檢測(cè)輸入的值是否符合條件。

（4）各種競(jìng)賽中常出現(xiàn)功能：控制聲音播放；加載進(jìn)度條。

（5）授課中學(xué)生創(chuàng)作的案例：深夜的交通信號(hào)燈（如圖1所示）；四季景象。

2.5.2思政素材的收集

案例庫(kù)中每個(gè)案例都應(yīng)適當(dāng)融入思政點(diǎn)。而思政內(nèi)容的融入既要合情合理合規(guī)，又要與時(shí)俱進(jìn)、符合學(xué)生認(rèn)知。因此，在案例制作中大量收集愛(ài)國(guó)詩(shī)句、法律標(biāo)語(yǔ)、企業(yè)文化圖片、惜時(shí)、修養(yǎng)、教育學(xué)習(xí)等內(nèi)容素材，并深入分析，細(xì)致加工，為教師廣開(kāi)思路提供有效參考。

2.5.3設(shè)計(jì)并制作案例，巧妙融入思政點(diǎn)

大部分案例以網(wǎng)頁(yè)的文件展示，涉及多頁(yè)面的案例會(huì)以1個(gè)文件夾保存。案例的設(shè)計(jì)，從知識(shí)點(diǎn)出發(fā)，根據(jù)互聯(lián)網(wǎng)上熱門(mén)的特效和交互，融入思政理念，并按照教學(xué)需求制作而成。

2.5.4召開(kāi)研討會(huì)議，整理、交叉審核并修正案例

課題組成員分工進(jìn)行案例設(shè)計(jì)制作，案例制作完成后，成員之間進(jìn)行交叉審核，對(duì)存在問(wèn)題的案例進(jìn)行修正。

部分案例效果如圖2所示。

2.6設(shè)計(jì)建設(shè)案例庫(kù)網(wǎng)站

將全部案例融合到網(wǎng)站中，便于案例的查找和使用。網(wǎng)站目前設(shè)置了8個(gè)單元，共包含101個(gè)案例。每個(gè)單元設(shè)置1個(gè)導(dǎo)航頁(yè)面，導(dǎo)航頁(yè)面左側(cè)邊欄為章節(jié)導(dǎo)航目錄，導(dǎo)航欄右側(cè)主欄目為單元案例導(dǎo)航，其列出了本單元中所包含的全部案例。

2.7錄制案例演示視頻和講解視頻

2.7.1錄制案例演示視頻

案例中通常會(huì)包含文字、圖片、聲音、樣式、布局等多種信息，以及網(wǎng)頁(yè)交互功能。用文字描述案例是非常復(fù)雜的，通常很長(zhǎng)的文字描述也難以清晰準(zhǔn)確地掌握案例需求。案例演示視頻使用戶(hù)更清晰直觀(guān)地了解案例的功能以及實(shí)現(xiàn)其需求需要注意的功能點(diǎn)。

2.7.2錄制案例講解視頻

在案例講解視頻中，講解教師細(xì)致地講解案例代碼的實(shí)現(xiàn)過(guò)程及運(yùn)行結(jié)果。通過(guò)案例講解視頻，學(xué)生可以學(xué)習(xí)案例具體的實(shí)現(xiàn)代碼。

2.8開(kāi)展案例庫(kù)應(yīng)用實(shí)踐

（1）在課堂中應(yīng)用案例教學(xué)，能夠引領(lǐng)學(xué)生通過(guò)大量案例訓(xùn)練，掌握新知識(shí)點(diǎn)，鞏固已學(xué)內(nèi)容，實(shí)現(xiàn)溫故而知新的目的。Web前端開(kāi)發(fā)技術(shù)不難掌握，但是知識(shí)點(diǎn)的體量龐大，只有反復(fù)訓(xùn)練，才能使知識(shí)、技能熟記于心。

（2）使用教學(xué)案例庫(kù)開(kāi)展公開(kāi)課教學(xué)，讓更多的教師和學(xué)生了解案例庫(kù)在課堂教學(xué)中的使用效果，并廣泛收集師生對(duì)案例庫(kù)應(yīng)用于教學(xué)的意見(jiàn)和建議。

（3）在“JavaScript程序設(shè)計(jì)”在線(xiàn)開(kāi)放課程建設(shè)過(guò)程中，大量引入了案例庫(kù)中的案例，部分課程直接應(yīng)用案例演示視頻和案例講解視頻完成課程的錄制。目前“JavaScript程序設(shè)計(jì)”在線(xiàn)開(kāi)放課程已上線(xiàn)，課程所在平臺(tái)為智慧職教在線(xiàn)課程平臺(tái)。

（4）基于案例庫(kù)開(kāi)展校內(nèi)“‘JavaScript程序設(shè)計(jì)’課程案例設(shè)計(jì)與制作”挑戰(zhàn)賽。在案例庫(kù)中抽取典型案例，并制作案例任務(wù)書(shū)及評(píng)分標(biāo)準(zhǔn)，各班選取優(yōu)秀學(xué)生組成挑戰(zhàn)賽團(tuán)隊(duì)，進(jìn)行班級(jí)間的案例制作競(jìng)賽。通過(guò)競(jìng)賽提高學(xué)生動(dòng)手實(shí)踐能力，激發(fā)學(xué)生學(xué)習(xí)興趣，實(shí)現(xiàn)以賽促教，以賽促學(xué)的目的。“深夜的交通信號(hào)燈”任務(wù)書(shū)及評(píng)分標(biāo)準(zhǔn)如表1所列。

3“JavaScript程序設(shè)計(jì)”課程案例庫(kù)建設(shè)研究的創(chuàng)新與突破之處

以“多元”的視角來(lái)開(kāi)展高職教育教學(xué)，找到高職“JavaScript程序設(shè)計(jì)”課程教學(xué)與“1+X”認(rèn)證融合的切入點(diǎn)，通過(guò)“JavaScript程序設(shè)計(jì)”課程教學(xué)案例的建設(shè)，來(lái)探索更高效的課程教學(xué)模式。

3.1案例充分融入思政元素，實(shí)現(xiàn)“教”“育”同向同行

比如，在“外鏈?zhǔn)揭隞S-彈出警告對(duì)話(huà)框”案例中，彈出內(nèi)容為“人之為學(xué)有難易乎？學(xué)之則難者亦易也，不學(xué)則易者亦難也！”，學(xué)生在制作案例過(guò)程中體驗(yàn)知識(shí)通過(guò)“學(xué)”，從“難”到“易”的過(guò)程；在制作“百善孝為先圖片瀏覽器”案例的過(guò)程中，會(huì)使學(xué)生記住“百善孝為先”這句話(huà)，以潤(rùn)物無(wú)聲的方式提升“孝”的意識(shí)。

3.2生活化、情景化的案例，引發(fā)學(xué)生對(duì)案例的思考

如“深夜的交通信號(hào)燈”案例，學(xué)生參與案例的完善，提出紅綠燈要確保每次停止在黃燈處，以提示駕駛員注意路口交通安全。

如“猜數(shù)游戲”案例，學(xué)生編寫(xiě)游戲后總結(jié)體會(huì)：“玩自己編的游戲，做游戲的主人，不做游戲的奴隸”。

3.3案例引導(dǎo)、案例驅(qū)動(dòng)，案例庫(kù)促使自主學(xué)習(xí)

在案例庫(kù)的支撐下，教學(xué)按照“觀(guān)看案例演示+學(xué)生分析探索案例實(shí)現(xiàn)+必備知識(shí)講解+案例實(shí)現(xiàn)過(guò)程指導(dǎo)+在任務(wù)驅(qū)動(dòng)下學(xué)生重現(xiàn)案例”的學(xué)習(xí)過(guò)程，使學(xué)生不斷進(jìn)行嘗試性、探索性、發(fā)現(xiàn)性的實(shí)踐學(xué)習(xí)，以有效激活學(xué)生的創(chuàng)新力、驅(qū)動(dòng)力、戰(zhàn)斗力，從而真正實(shí)現(xiàn)教學(xué)是一個(gè)以學(xué)生為中心，以學(xué)為主，以教為輔的過(guò)程。

4分析和討論

4.1教學(xué)案例庫(kù)建設(shè)可提高教師的專(zhuān)業(yè)技術(shù)、教學(xué)水平

建設(shè)“JavaScript程序設(shè)計(jì)”課程案例庫(kù)，需要收集、設(shè)計(jì)、制作、錄制大量豐富的案例，這一過(guò)程要求課題組的教師既要有扎實(shí)的理論知識(shí)，又具備豐富的實(shí)踐教學(xué)經(jīng)驗(yàn)，善于將理論知識(shí)與實(shí)踐技能進(jìn)行有機(jī)結(jié)合，深度探索并挖掘案例相關(guān)的思政點(diǎn)，從而促進(jìn)教師提高專(zhuān)業(yè)技術(shù)水平，以及提升教學(xué)質(zhì)量。

4.2有利于實(shí)現(xiàn)以學(xué)生為中心，因材施教的課堂模式

有了案例庫(kù)，教師可以通過(guò)視頻重復(fù)展示和講解案例，而不耽誤教師在課堂上對(duì)學(xué)生操作的指導(dǎo)和答疑。對(duì)于理解能力強(qiáng)，操作完成快的學(xué)生，教師也可以利用案例庫(kù)為其布置更多的案例任務(wù)，實(shí)現(xiàn)同一班級(jí)學(xué)生不同的學(xué)習(xí)進(jìn)度。建設(shè)實(shí)踐教學(xué)案例庫(kù)可以有效克服教師教學(xué)中學(xué)時(shí)受限，不能針對(duì)不同程度學(xué)生進(jìn)行全面講解的缺點(diǎn)。

5結(jié)束語(yǔ)

高等職業(yè)教育是以就業(yè)為導(dǎo)向的教育，必須具有職業(yè)針對(duì)性，實(shí)踐技能是高職學(xué)生學(xué)習(xí)的核心內(nèi)容。重視教學(xué)案例資源的建設(shè)及利用，可以從根本上確?！癑avaScript程序設(shè)計(jì)”課程實(shí)踐教學(xué)的有效進(jìn)行，進(jìn)而促進(jìn)人才培養(yǎng)目標(biāo)的實(shí)現(xiàn)，同時(shí)使學(xué)生更快更好地滿(mǎn)足職業(yè)需求。

作者簡(jiǎn)介：

呂艷梅（1978—），碩士，副教授，研究方向：軟件開(kāi)發(fā)、網(wǎng)站建設(shè)。