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

中圖法分類號：TP312 文獻(xiàn)標(biāo)識碼：A

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

1.1研究目的

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

1.2研究意義

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

1.3研究價值

1.3.1理論價值

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

1.3.2實(shí)踐價值

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

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

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

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

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

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

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

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

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

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

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

2.5.1案例的收集

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

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

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

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

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

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

2.5.2思政素材的收集

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

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

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

2.5.4召開研討會議，整理、交叉審核并修正案例

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

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

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

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

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

2.7.1錄制案例演示視頻

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

2.7.2錄制案例講解視頻

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4分析和討論

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

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

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

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

5結(jié)束語

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

作者簡介：

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