基于“1+X”認證的“JavaScript程序設計”課程案例庫建設研究

關鍵詞：JavaScript程序設計；“1+X”認證；課程案例庫

中圖法分類號：TP312 文獻標識碼：A

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

1.1研究目的

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

1.2研究意義

隨著網絡技術的不斷發展，JavaScript語言越來越體現出不可替代的強大優勢，目前其已經成為許多高校計算機相關專業的核心課程。“1+X”Web前端認證實施后，在JavaScript程序設計中體現出的動手實踐能力也受到廣大高校師生的重視。開發1套符合“1+X”Web前端開發認證標準、體系完整的“JavaScript程序設計”課程案例庫，對教師教學及學生學好該課程均具有實際意義。

1.3研究價值

1.3.1理論價值

本課題通過細化分解“1+X”初級認證的標準，將主要考核知識點融入案例，結合高職院?！癑avaScript程序設計”課程教學目標，構建1套以網頁形式展示、包含案例演示視頻及案例講解視頻的“JavaScript程序設計”課程案例庫，以豐富課程教學資源。

1.3.2實踐價值

教師可以利用案例庫進行課題教學，以案例驅動法提高學生學習效果。學生查看案例演示視頻后可以清楚了解案例所實現的功能，以及學習案例制作的過程，進而有效提升學生的學習興趣及學習效果。

2“JavaScript程序設計”課程案例庫研究流程

2.1組建研究團隊

首先組建項目研究團隊，選取專業技能強、教學經驗豐富、學歷層次較高、具有企業工作經歷等特點的雙師型課題研究成員。

2.2制定建設方案和實施計劃

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

2.3解析“Web前端開發職業技能標準”初級知識點

研讀工業和信息化教育部與考試中心發布了“Web前端開發職業技能等級標準”文件。該“標準”客觀反映現階段軟件開發和互聯網行業技術發展水平及其對從業人員的能力要求，明確了本專業職業技能人員的工作領域、工作任務、技能要求和知識要求，從而為技術人才的教育和培訓提供科學、規范的依據。

2.4修訂“JavaScript程序設計”課程大綱

根據“成果導向+行動學習”高職課程發展模式，在“1+X”認證標準的基礎上，將知識點碎化，梳理知識點中的核心技能，并融入教學實踐體系。根據高職院?！癑avaScript程序設計”課程學時的實際情況，修訂課程大綱。

2.5收集案例素材、融入對應適合的思政點，設計制作案例

2.5.1案例的收集

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

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

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

（3）網絡應用中常見案例：驗證用戶名是否為空；檢測輸入的值是否符合條件。

（4）各種競賽中常出現功能：控制聲音播放；加載進度條。

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

2.5.2思政素材的收集

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

2.5.3設計并制作案例，巧妙融入思政點

大部分案例以網頁的文件展示，涉及多頁面的案例會以1個文件夾保存。案例的設計，從知識點出發，根據互聯網上熱門的特效和交互，融入思政理念，并按照教學需求制作而成。

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

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

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

2.6設計建設案例庫網站

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

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

2.7.1錄制案例演示視頻

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

2.7.2錄制案例講解視頻

在案例講解視頻中，講解教師細致地講解案例代碼的實現過程及運行結果。通過案例講解視頻，學生可以學習案例具體的實現代碼。

2.8開展案例庫應用實踐

（1）在課堂中應用案例教學，能夠引領學生通過大量案例訓練，掌握新知識點，鞏固已學內容，實現溫故而知新的目的。Web前端開發技術不難掌握，但是知識點的體量龐大，只有反復訓練，才能使知識、技能熟記于心。

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

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

（4）基于案例庫開展校內“‘JavaScript程序設計’課程案例設計與制作”挑戰賽。在案例庫中抽取典型案例，并制作案例任務書及評分標準，各班選取優秀學生組成挑戰賽團隊，進行班級間的案例制作競賽。通過競賽提高學生動手實踐能力，激發學生學習興趣，實現以賽促教，以賽促學的目的。“深夜的交通信號燈”任務書及評分標準如表1所列。

3“JavaScript程序設計”課程案例庫建設研究的創新與突破之處

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

3.1案例充分融入思政元素，實現“教”“育”同向同行

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

3.2生活化、情景化的案例，引發學生對案例的思考

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

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

3.3案例引導、案例驅動，案例庫促使自主學習

在案例庫的支撐下，教學按照“觀看案例演示+學生分析探索案例實現+必備知識講解+案例實現過程指導+在任務驅動下學生重現案例”的學習過程，使學生不斷進行嘗試性、探索性、發現性的實踐學習，以有效激活學生的創新力、驅動力、戰斗力，從而真正實現教學是一個以學生為中心，以學為主，以教為輔的過程。

4分析和討論

4.1教學案例庫建設可提高教師的專業技術、教學水平

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

4.2有利于實現以學生為中心，因材施教的課堂模式

有了案例庫，教師可以通過視頻重復展示和講解案例，而不耽誤教師在課堂上對學生操作的指導和答疑。對于理解能力強，操作完成快的學生，教師也可以利用案例庫為其布置更多的案例任務，實現同一班級學生不同的學習進度。建設實踐教學案例庫可以有效克服教師教學中學時受限，不能針對不同程度學生進行全面講解的缺點。

5結束語

高等職業教育是以就業為導向的教育，必須具有職業針對性，實踐技能是高職學生學習的核心內容。重視教學案例資源的建設及利用，可以從根本上確保“JavaScript程序設計”課程實踐教學的有效進行，進而促進人才培養目標的實現，同時使學生更快更好地滿足職業需求。

作者簡介：

呂艷梅（1978—），碩士，副教授，研究方向：軟件開發、網站建設。