韓芝萍，柴方艷，劉玉兵，曹根軍

（黑龍江農(nóng)業(yè)經(jīng)濟職業(yè)學院，黑龍江 牡丹江 157041）

“JavaScript程序設計”課程是Web前端開發(fā)技能課程群中的核心課程之一，傳統(tǒng)的程序設計課程教學目標在于系統(tǒng)教授專業(yè)知識、培養(yǎng)實踐操作技能、提升職業(yè)崗位素養(yǎng)，使學生成為具備就業(yè)競爭力的技術(shù)人才，這與1+X證書制度[1]的新要求存在很大的差距。對接《Web前端開發(fā)職業(yè)技能等級標準》[2]中的各項技能及知識要求，重構(gòu)課程定位、課程目標、課程內(nèi)容、課程考核等內(nèi)容，優(yōu)化適合1+X證書標準和職業(yè)崗位需求的課程標準，充分發(fā)揮“JavaScript程序設計”課程在計算機相關(guān)專業(yè)人才培養(yǎng)中的作用，具有十分重要的意義。

一、“J avaS cript程序設計”課程簡介

“JavaScript程序設計”課程是計算機應用技術(shù)專業(yè)和軟件技術(shù)專業(yè)的專業(yè)核心課程，著重培養(yǎng)學生的基本編程思想、網(wǎng)站設計能力、網(wǎng)頁特效制作能力和職業(yè)開發(fā)工作中的基本崗位技能。該課程是一種基于對象和事件驅(qū)動并具有相對安全性的客戶端腳本語言，同時也是一種廣泛用于客戶端Web開發(fā)的腳本語言，完成HTML網(wǎng)頁動態(tài)功能的添加，比如響應用戶的各種操作，是一種動態(tài)、弱類型、基于原型的語言。該課程需要具備HTML、CSS、網(wǎng)頁設計和程序設計基礎的知識，主要內(nèi)容包括基本語法（JavaScript的變量的聲明和賦值、控制語句）、數(shù)組、自定義函數(shù)、匿名函數(shù)、構(gòu)造函數(shù)、內(nèi)置對象、Window對象、location對象、history對象、HTML操作元素、節(jié)點操作等事件對象及事件應用內(nèi)容。通過對本課程的學習，學生能夠掌握如何使網(wǎng)站的制作效果更干凈、整潔和美觀，增強實際動手能力和綜合分析能力。同時為后期深入學習jQuery程序設計、JSP程序開發(fā)、前端技術(shù)高級應用和Web開發(fā)技術(shù)等課程打下專業(yè)基礎。

二、傳統(tǒng)“J avaS cript程序設計”課程標準的缺陷

針對專業(yè)人才培養(yǎng)和Web前端開發(fā)對“JavaScript程序設計”課程的要求，傳統(tǒng)“JavaScript程序設計”課程標準有如下不足：

（一）課程目標與崗位需求不匹配

隨著產(chǎn)業(yè)升級及軟件技術(shù)的飛速發(fā)展，對Web前端開發(fā)人才需求加大，對開發(fā)技術(shù)技能要求較高，傳統(tǒng)課程目標與產(chǎn)業(yè)特定崗位需求并沒有完全吻合，課程目標要求的側(cè)重點放在文化基礎知識、通用崗位職業(yè)技能標準、綜合素質(zhì)能力發(fā)展方面，培養(yǎng)目標設定的相對寬泛，課程體系沒有對應特定崗位需求。同時，知識的覆蓋面大，知識點應用淺顯，學生的技能水平和技能應用達不到崗位層面要求，學過的知識在實踐崗位應用不上，沒有實現(xiàn)所學即所用，崗位適應性較差，很難快速進入角色和勝任崗位工作。

（二）課程內(nèi)容關(guān)聯(lián)性、針對性不強

課程沒有針對特定職業(yè)崗位技能標準，缺少對Web前端技術(shù)在行業(yè)、企業(yè)中生產(chǎn)崗位任務和職業(yè)能力方面的需求調(diào)研。一方面，導致理論基礎知識單一，課程設置的知識點分散，缺少關(guān)聯(lián)性，課程之間內(nèi)容重復率高，課程理論與實踐內(nèi)容都存在著延展性不夠的現(xiàn)象。另一方面，課程之間銜接能力差，操作案例與實踐應用聯(lián)系不夠緊密，理實一體中技能點的操作簡單，缺少綜合度[3]。由于沒有對接Web前端技能等級標準，學生的知識體系是松散的、不系統(tǒng)的，缺少基于生產(chǎn)崗位任務、項目內(nèi)容的分析，缺少真實情境的模擬訓練，對于Web前端的相關(guān)開發(fā)工作缺少項目開發(fā)與調(diào)試經(jīng)驗，相關(guān)知識運用較為生疏，適應崗位需求較慢，很難滿足用人單位需求。同時，缺少課程思政元素，未將思想政治教育融入專業(yè)教育之中，導致專業(yè)教育和思政教育“兩張皮”的問題。

（三）教學方式方法缺少多元互補

傳統(tǒng)“JavaScript程序設計”課程授課方式主要是以教師主導的理實一體教學過程，雖然有任務或案例驅(qū)動教學，大部分卻僅停留在有限的教室環(huán)境內(nèi)。學生的跟崗實訓、理論知識的實踐應用與實際工作崗位相脫節(jié)，學生職業(yè)能力培養(yǎng)受限。由于目前疫情原因，學生對網(wǎng)絡資源自主學習的內(nèi)生動力不強，學習效果很難得到保障。教學缺少真正實戰(zhàn)訓練，學生缺少企業(yè)項目化開發(fā)的實踐環(huán)境歷練，Web前端開發(fā)技能無法得到質(zhì)的提升，造成理論學習與實踐工作存在縫隙，校企無法順利接軌。

（四）課程考核評價標準體系不完善

傳統(tǒng)課程的考核評價方式限于過程性考核（50%）＋期末考試考核（50%），過程性考核主要根據(jù)日常教學過程中學生出勤、上課紀律等綜合情況，由任課教師主觀賦分，缺少平時過程性項目考核的內(nèi)容及相應標準。期末考核內(nèi)容簡單，由理論考核+實踐操作構(gòu)成，缺少與職業(yè)技術(shù)等級證書相關(guān)聯(lián)的考核評價制度。由于高職學生對自己從業(yè)能力及擬就業(yè)崗位不清晰，學習習慣不自律，學習興趣不濃厚，平時又缺少專業(yè)性的考核評價，學生對專業(yè)知識及技能的掌握程度不夠，或是由于學習鏈條中斷產(chǎn)生棄學思想（“習得性無助”心理習慣）[4]，導致人才培養(yǎng)質(zhì)量不符合崗位需求。

三、對接W eb前端開發(fā)“J avaS cript程序設計”課程標準制定

以對接崗位能力和Web前端開發(fā)職業(yè)技能等級標準為中心，從產(chǎn)業(yè)需求導向出發(fā)，借助校企合作和企業(yè)調(diào)研，廣泛邀請企業(yè)人力資源部門、用人單位系統(tǒng)工程師共同研討，學習了解國內(nèi)外技術(shù)發(fā)展趨勢、技術(shù)規(guī)范、技術(shù)需求特點和傳統(tǒng)課程標準，共同分析本專業(yè)學生的就業(yè)領(lǐng)域及工作崗位特點，在充分研討的基礎上，以生產(chǎn)崗位任務為基礎選定學習項目、組織學習內(nèi)容，對“JavaScript程序設計”課程設計的內(nèi)容進行整合，從課程目標、課程任務、課程內(nèi)容、課程評價等方面進行了重構(gòu)與優(yōu)化。

（一）課程目標

對接企業(yè)網(wǎng)頁設計制作工程師、網(wǎng)站規(guī)劃與設計師、Web前端開發(fā)工程師、軟件測試工程師、技術(shù)支持服務等崗位，課程內(nèi)容定位于以崗位能力為基本要求，結(jié)合Web前端職業(yè)技能初、中級標準，圍繞“互聯(lián)網(wǎng)+”、新興技術(shù)行業(yè)中Web前端開發(fā)技術(shù)技能人才培養(yǎng)方案的需求，科學整合教學內(nèi)容，采取項目教學方式，增強課程內(nèi)容與職業(yè)崗位能力要求的相關(guān)性，堅持綜合化，力求所學即所用，并通過思政教育和培養(yǎng)學生實踐動手能力，使學生具有堅定的理想信念、崇高的價值取向，創(chuàng)新實干、精益求精的精神。通過課程的學習使學生掌握網(wǎng)頁特效制作和職業(yè)開發(fā)工作中的基本崗位技能，能夠開發(fā)交互性強的網(wǎng)頁；能夠獨立完成HTML網(wǎng)頁動態(tài)功能的添加、網(wǎng)頁交互特效的實現(xiàn)，為用戶提供流暢美觀的瀏覽效果，提高互聯(lián)網(wǎng)用戶的界面交互體驗度；具有前端新知識、新技能的學習能力和創(chuàng)新創(chuàng)業(yè)能力、網(wǎng)站規(guī)劃與建設能力、網(wǎng)頁的設計分析能力、網(wǎng)站響應式開發(fā)能力、數(shù)據(jù)交互能力。并在課程體系中發(fā)揮承上啟下的作用，既結(jié)合、鞏固了程序設計基礎、網(wǎng)頁制作、DIV+CSS布局課程的基本知識，也為后續(xù)jQuery程序設計、JSP程序開發(fā)、前端技術(shù)高級應用和Web開發(fā)技術(shù)等課程的學習奠定堅實的基礎。

（二）課程內(nèi)容

1.挖掘課程思政元素

按照《高等學校課程思政建設指導綱要》（教高〔2020〕3號）[5]文件要求，在課程中有效融入思政元素，引導學生養(yǎng)成持續(xù)更新、不斷學習、刻苦鉆研的進取精神，養(yǎng)成勇于探索、善于創(chuàng)新、實現(xiàn)自我的良好習慣，成為德智體美勞全面發(fā)展的社會主義建設者和接班人。

表1是課程融入思政元素的部分樣例。以DOM知識案例“關(guān)閉淘寶二維碼（二維碼盒子）”為例，介紹思政元素融入課程的過程。利用課前5 min及課上5 min左右的時間，由“盒子”引出IT界有影響力人物史蒂夫·喬布斯創(chuàng)建“藍盒子”收獲蘋果I代的故事，播放《史蒂夫·喬布斯遺失的訪談》—Bob Cringley對喬布斯的一次采訪的記錄影像視頻，通過觀看和討論這位前輩的故事，讓學生感受到喬布斯的非凡的魅力、獨特的視野、不同尋常的經(jīng)歷與談吐，源自于善學、向上、超越自我的精神，學生深得感悟，改變了“習得性無助”的心理，增強了學習信心和動力。教學內(nèi)容涉及的二維碼、使用div制作的“盒子”，不僅是傳統(tǒng)的div的html頁面上簡單代碼的運用，而是div延展、關(guān)聯(lián)應用到淘寶網(wǎng)站主頁面的“二維碼”的div代碼實現(xiàn)，并綜合了函數(shù)、事件、DOM（Document Object Model，文檔對象模型）對象等知識內(nèi)容，使學生感受到現(xiàn)實與知識的距離是最近的，生活用到的特效亟需專業(yè)知識去創(chuàng)造。二維碼（盒子）關(guān)閉特效的實現(xiàn)，更使學生具有了成就感，增強了學習的興趣與積極性。

表1 DOM及函數(shù)知識點融入課程思政元素的教學設計

2.重構(gòu)課程內(nèi)容

按照“逐層深入、隨用隨講、講練融合、實操實做”的課程設計理念重構(gòu)課程內(nèi)容。課程依據(jù)崗位技能需求，對所需核心技能進行拆分，知識點到特效由淺入深，逐層深入；設計部分技能，根據(jù)高職學生認知特點，隨用隨講，合理將技能點與案例融合，避免紙上談兵，以培養(yǎng)動手能力為目標，實操實干解決問題。具體來說，針對Web前端開發(fā)典型工作領(lǐng)域、工作任務、技能要求設計教學內(nèi)容，對課程內(nèi)容進行增補與刪減，增補部分Web前端開發(fā)職業(yè)技能等級標準中的技能知識點、JavaScript高級、json對象、原型、繼承、ES6等內(nèi)容，摒棄JavaScript的由來、瀏覽器JavaScript引擎等知識。如“微博發(fā)布”案例，頁面布局的制作針對Web前端開發(fā)標準的“能使用HTML文本標簽、CSS開發(fā)、美化網(wǎng)頁樣式、能正確使用JavaScript對象和DOM編程實現(xiàn)交互效果頁面”等技能要求，運用了CSS的ul、li、textarea等標簽樣式設置知識，實現(xiàn)微博頁面效果；綜合運用了對象和DOM節(jié)點編程操作及函數(shù)、JavaScript基礎語法（if選擇、for循環(huán)）等知識，實現(xiàn)發(fā)布、刪除微博留言的交互動效。

內(nèi)容的重構(gòu)增強了與產(chǎn)業(yè)特定崗位需求的技能吻合度，增強了教學的針對性及關(guān)聯(lián)性，增強了教學內(nèi)容與實際崗位技術(shù)技能結(jié)合的緊密度，解決了傳統(tǒng)課程知識點分散、缺少關(guān)聯(lián)性、課程之間內(nèi)容重復率高、課程之間銜接能力差的問題（見表2）。

表2 對接W eb前端開發(fā)的職業(yè)技能標準的課程內(nèi)容

（三）創(chuàng)新教學方式方法

改進教學方法解決傳統(tǒng)課堂教師主體講授、學生模擬訓練成效不佳的問題。對教師和學生的角色進行轉(zhuǎn)換（翻轉(zhuǎn)課堂教學法），開展以學生為中心的教學和實訓，課前發(fā)布資源（視頻或案例筆記），課中選擇班級學習優(yōu)秀的學生上臺現(xiàn)場編碼和測試，老師在臺下進行指導和啟發(fā)。組成學習興趣小組，集體完成教師布置的調(diào)試作業(yè)，課堂選派小組成員對作業(yè)進行講解。教師對出錯頻率高的問題，在課堂授課過程中故意設置出錯環(huán)節(jié)，引導學生學會查閱錯誤提示、判斷錯誤發(fā)生位置和原因、找到解決方案，提升糾錯和排錯能力。

聘請企業(yè)專家參與教學，解決學習內(nèi)容與企業(yè)實際工作脫節(jié)的問題。聘請聯(lián)想、博導前程、阿里巴巴的工程師或開發(fā)人員來校授課，主要講授實習實訓課程，講解真實的企業(yè)工作案例，在校教師也通過去企業(yè)實踐學習鍛煉、參與技術(shù)兼職和線上線下培訓，跟進新技術(shù)、新規(guī)范并融入授課過程；借助傳智播客等免費公開課（如Vue技術(shù)從零搭建仿移動端B站頁面、前端實戰(zhàn)項目—數(shù)據(jù)可視化展板、基于JS和SSM架構(gòu)實現(xiàn)黑馬旅游網(wǎng)項目等）直播授課資源，給學生提供產(chǎn)業(yè)流行技術(shù)自主學習的機會，培養(yǎng)自主學習與知識持續(xù)更新的學習習慣；與本地（如本市國有資產(chǎn)投資有限公司等）企業(yè)共同合作，提供前端工程師崗位跟崗觀摩及體驗的機會，由IT經(jīng)驗人員指導，學生親自實踐，使學生的技術(shù)能力、操作技巧得到提升。

建立遠程教學實施平臺解決“停課不停學”問題。針對網(wǎng)絡授課效果不佳的問題，學院開設支持教學過程實時互動的遠程教學實施平臺，平臺提供教學資源庫的視頻、案例筆記、代碼等學習資源，具備學生學習痕跡、成績匯總分析等管理功能以及活動參與、師生互動等課堂教學運行功能，給學生創(chuàng)造實時學習、溝通、答疑、解惑的機會，提升了學生的學習效果和教師的教學質(zhì)量。

（四）改革課程教學評價

傳統(tǒng)課程的考核評價方式限于過程性考核（50%）＋期末考試考核（50%），考核方式較單一，無法全面考核學生學習效果。構(gòu)建多元化的考核評價體系，過程性考核（定性評價）和期末終結(jié)性考核（定量評價）分別占60分、40分。學生日常德育表現(xiàn)占過程考核成績40%，課前預習、出勤情況、教學過程的參與度、學習和思維能力、學習方法及效果、作業(yè)完成情況，占過程性考核成績60%。期末成績由理論（定量評價）和實踐成績構(gòu)成，其中理論成績占70%，技能考核成績占30%。同時結(jié)合1+X證書制度要求，開展書證融通、學分互認改革，加強對學生職業(yè)技能等級證書的考核評價。過程性考核見表3。

表3 對接W eb前端開發(fā)的職業(yè)技能過程性考核樣表

多元化考核評價體系由多元化評價主體（企業(yè)教師、校內(nèi)教師、學生自評、學生互評、組間互評）組成，采用多元化（定性評價和定量評價）評價方法，對學生的思政品德、學習能力及效果、態(tài)度、動機等方面進行全面評價，遵循以定性評價為主、定量評價為輔的原則。

多元化考核評價體系中的定性評價，按照思政教育40%和學習能力及效果60%的占比核定評價標準。思政教育評價標準體現(xiàn)在學生“意志、探究精神、創(chuàng)新能力、責任感等”個體思想素質(zhì)在學習過程中的展現(xiàn)的評價；學習能力及效果的評價標準體現(xiàn)在學生“學習態(tài)度、學習能力、學習方法、學習效果等”個體行為潛質(zhì)發(fā)揮方面在學習過程中的展現(xiàn)的評價。

多元化考核評價體系中的定量評價，按照實時互動教學網(wǎng)絡平臺統(tǒng)計37.5%、技能抽測考核37.5%和筆試、上機實操25%的占比核定評價標準。實時互動教學網(wǎng)絡平臺統(tǒng)計是依據(jù)學生在網(wǎng)絡平臺上的學習痕跡進行的網(wǎng)絡平臺量化評價；技能抽測考核是對任務功能完成的效果、技能應用的技巧、效率等個體行為能力的評價；筆試、上機實操是從理論、實踐兩方面的理實結(jié)合、綜合知識轉(zhuǎn)換實踐技能的能力評價。

多元化評價的優(yōu)勢在于重視對學生的綜合評價，不僅關(guān)注學生的等級名次，而且評價學生的改進、改善及發(fā)展。同時，多元化評價方法更利于教師在教學過程中把學生個體發(fā)展的需求與社會發(fā)展的需求緊密結(jié)合，增大定性評價的比例和定性評價為主、定量評價為輔的原則更凸顯對學生個體發(fā)展培養(yǎng)的重視。多元化評價方法的應用，促進了學生潛在能力的挖掘與素質(zhì)培養(yǎng)，如測試能力、藝術(shù)設計能力、界面美觀制作能力、編碼創(chuàng)新能力等，提高了人才培養(yǎng)的針對性與實效性。

在1+X證書制度下，基于崗位能力與Web前端職業(yè)技能證書對接制定的“JavaScript程序設計”課程標準，有效推動了學歷證書與職業(yè)技能等級證書的有機銜接，達到了促進學生可持續(xù)、全方位發(fā)展，提升畢業(yè)生就業(yè)競爭力與崗位適應力的目的。對于實現(xiàn)“課證融通”、推進國家職業(yè)教育教學改革具有積極作用。同時為其他相關(guān)課程標準的制定也具有一定的借鑒意義。但課程標準開發(fā)不是一勞永逸的，而是一項長期的任務，需要準確把握開發(fā)理念和開發(fā)流程持續(xù)改進，為培養(yǎng)高素質(zhì)技術(shù)技能型人才服務。