“1+X”證書制度下JavaScript應(yīng)用技術(shù)課程建設(shè)實(shí)踐探究

陳君艷 吳小香

摘要：JavaScript應(yīng)用技術(shù)是江蘇農(nóng)牧科技職業(yè)學(xué)院計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)的一門專業(yè)必修課程，也是 “1+X” Web 前端開(kāi)發(fā)職業(yè)技能等級(jí)考核（初級(jí)）的核心課程。文章結(jié)合 Web 前端開(kāi)發(fā)職業(yè)技能等級(jí)證書要求，從課程目標(biāo)、課程內(nèi)容、課程實(shí)施、考核評(píng)價(jià)等方面開(kāi)展課程建設(shè)實(shí)踐探究，提高學(xué)生考證通過(guò)率和優(yōu)秀率，為其他課程改革提供借鑒。

關(guān)鍵詞：“1+X”證書；JavaScript；課程建設(shè)；職業(yè)教育

中圖分類號(hào)：G642 ? ? ? ?文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2022）31-0122-03

為實(shí)現(xiàn)職業(yè)教育的高質(zhì)量發(fā)展，2019年教育部啟動(dòng)首批6個(gè)職業(yè)技能等級(jí)證書試點(diǎn)制度。“1+X”的Web前端開(kāi)發(fā)方向證書標(biāo)準(zhǔn)的核心內(nèi)容來(lái)源于社會(huì)對(duì)Web前端開(kāi)發(fā)活動(dòng)質(zhì)量的要求，能夠反映當(dāng)下時(shí)期內(nèi)Web前端開(kāi)發(fā)職業(yè)教育的人才培養(yǎng)質(zhì)量規(guī)格。標(biāo)準(zhǔn)充分考慮了Web前端開(kāi)發(fā)從業(yè)人員的職業(yè)發(fā)展路徑與成長(zhǎng)路徑，以職業(yè)素養(yǎng)、職業(yè)技能、知識(shí)水平為主要框架結(jié)構(gòu)，設(shè)計(jì)了HTML基礎(chǔ)及HTML5標(biāo)簽、CSS及CSS3應(yīng)用、JavaScript基本語(yǔ)法與高級(jí)編程、ES6標(biāo)準(zhǔn)、數(shù)據(jù)庫(kù)應(yīng)用、項(xiàng)目模塊化開(kāi)發(fā)以及各種復(fù)雜的交互與優(yōu)化等知識(shí)和能力[1]。

學(xué)院計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)自獲批Web前端開(kāi)發(fā)證書試點(diǎn)后，基于證書考核標(biāo)準(zhǔn)，修訂專業(yè)人才培養(yǎng)方案，系統(tǒng)化學(xué)習(xí)知識(shí)體系、開(kāi)展課證融通課程建設(shè)，并在課程實(shí)施的過(guò)程中進(jìn)行實(shí)踐探索，解決了證課內(nèi)容重疊、課程沖突等問(wèn)題，提升了課程的適用性和可行性，切實(shí)發(fā)揮了課證融合教學(xué)優(yōu)勢(shì)。

1 課程定位

JavaScript應(yīng)用技術(shù)課程是計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)必修的一門職業(yè)技術(shù)課程，課程以計(jì)算機(jī)應(yīng)用技術(shù)人才培養(yǎng)方案為指導(dǎo)，結(jié)合《Web 前端開(kāi)發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》的要求，對(duì)課程體系進(jìn)行了梳理，本課程的前修課程是Html5+CSS3頁(yè)面設(shè)計(jì)與布局，后續(xù)對(duì)應(yīng)了動(dòng)態(tài)網(wǎng)頁(yè)開(kāi)發(fā)和移動(dòng)互聯(lián)前端開(kāi)發(fā)等課程。如圖1所示。

2 課程目標(biāo)

JavaScript應(yīng)用技術(shù)的課程目標(biāo)是職業(yè)教育人才培養(yǎng)目標(biāo)的具體化，是實(shí)施課程建設(shè)和教學(xué)最終要達(dá)到的目的，以及在知識(shí)、能力、素質(zhì)三個(gè)維度能達(dá)到的目標(biāo)值[2]。學(xué)生通過(guò)本課程的學(xué)習(xí)，知識(shí)維度能理解并掌握J(rèn)avaScript的語(yǔ)法基礎(chǔ)、函數(shù)、對(duì)象、BOM、DOM、事件、jQuery選擇器等知識(shí)點(diǎn)；能力維度能靈活應(yīng)用JavaScript或jQuery完成頁(yè)面交互、簡(jiǎn)單頁(yè)面特效，和表單驗(yàn)證等任務(wù)；素質(zhì)維度能養(yǎng)成勤于思考、善于動(dòng)手和良好團(tuán)隊(duì)合作精神的職業(yè)素養(yǎng)。

3 課程內(nèi)容

課程根據(jù)崗位工作任務(wù)、工作過(guò)程和課程標(biāo)準(zhǔn)，并結(jié)合“1+X” Web前端開(kāi)發(fā)考證要求，按照情境化、任務(wù)化將復(fù)雜的內(nèi)容重新融合，加入了jQuery部分內(nèi)容，將課程內(nèi)容劃分為如表1所示任務(wù)列表。第一部分JavaScript基礎(chǔ)語(yǔ)法，依據(jù)學(xué)情分析，學(xué)生已經(jīng)學(xué)習(xí)了作為前修課程的Java程序設(shè)計(jì)基礎(chǔ)，這部分的學(xué)習(xí)內(nèi)容強(qiáng)調(diào)編寫JavaScript程序不同于Java程序的變量使用方法、語(yǔ)法規(guī)范及命名規(guī)范等，鑒于學(xué)生已具備了基本的程序設(shè)計(jì)思想，所以 “數(shù)據(jù)類型、運(yùn)算符及程序流程”部分內(nèi)容以復(fù)習(xí)，查漏為主，同時(shí)結(jié)合近兩年“1+X”Web前端考試真題，設(shè)計(jì)“查詢水果價(jià)格”“獲取數(shù)據(jù)元素中的最大值”等案例，重點(diǎn)幫助學(xué)生掌握各種數(shù)據(jù)類型的使用細(xì)節(jié)，實(shí)現(xiàn)不同數(shù)據(jù)類型之間的轉(zhuǎn)換，理解數(shù)組的創(chuàng)建、訪問(wèn)、編歷等基礎(chǔ)操作，理解函數(shù)的使用，參數(shù)和返回值的設(shè)置，能夠利用常用的運(yùn)算符和流程控制語(yǔ)句，編寫簡(jiǎn)單的程序；第二部分WebAPI（DOM＼BOM模型）是本課程的重點(diǎn)部分，選取設(shè)計(jì)了八個(gè)課堂案例，貫穿了DOM元素，節(jié)點(diǎn)的操作，事件的應(yīng)用和Window對(duì)象等各知識(shí)點(diǎn)，幫助學(xué)生掌握應(yīng)用DOM在JavaScript中獲取元素；通過(guò)事件操作元素；學(xué)會(huì)如何創(chuàng)建節(jié)點(diǎn)、添加節(jié)點(diǎn)、刪除節(jié)點(diǎn)、復(fù)制節(jié)點(diǎn)；了解BOM的構(gòu)成，及其屬性。第三部分是jQuery框架，結(jié)合“1+X”Web前端考試大綱要求，將jQuery屬性操作、內(nèi)容操作、元素操作、尺寸和樣式操作等作為重點(diǎn)內(nèi)容，同時(shí)將當(dāng)前流行的“手風(fēng)琴效果”“電梯導(dǎo)航”等頁(yè)面效果作為課堂案例，激發(fā)學(xué)生學(xué)習(xí)興趣。第四部分是拓展內(nèi)容，正則表達(dá)式在表單驗(yàn)證方面的應(yīng)用非常廣泛，通過(guò)這部分內(nèi)容的學(xué)習(xí)，學(xué)生能掌握正則表達(dá)式的基本概念和語(yǔ)法規(guī)則，兩個(gè)案例“用戶名驗(yàn)證”和“身份證號(hào)碼驗(yàn)證”的實(shí)現(xiàn)，也進(jìn)一步幫助學(xué)生了解正則表達(dá)式在字符串格式驗(yàn)證中的高效。

4 課程實(shí)施

課程目標(biāo)是否能如計(jì)劃達(dá)成，還需要落實(shí)到具體的課程實(shí)施。本課程的實(shí)施貫徹了以學(xué)生為中心，教師為主導(dǎo)的理念，以問(wèn)題為導(dǎo)向，以任務(wù)化情境案例開(kāi)展教學(xué)，把各知識(shí)點(diǎn)分解到課前討論，課中詳解，課后拓展的環(huán)節(jié)中，并且根據(jù)專業(yè)特點(diǎn)融入思政元素，從而實(shí)現(xiàn)課程目標(biāo)，提升學(xué)生的職業(yè)技能。

JavaScript應(yīng)用技術(shù)課程實(shí)踐性較強(qiáng)，課中實(shí)施以理實(shí)一體的形式展開(kāi)，教師在課中授課時(shí)既能保證理論教學(xué)，又能無(wú)縫銜接實(shí)踐教學(xué)，加固學(xué)生知識(shí)內(nèi)化[3]。比如在講解函數(shù)部分時(shí)，教師講解完函數(shù)參數(shù)的知識(shí)點(diǎn)后，就以案例說(shuō)明實(shí)參和形參的區(qū)別，教師現(xiàn)場(chǎng)編碼實(shí)現(xiàn)，并對(duì)重點(diǎn)，易錯(cuò)部分進(jìn)行詳解，隨后發(fā)布類似案例，由學(xué)生自主完成，這時(shí)，教師由主角變?yōu)榕浣牵龑?dǎo)學(xué)生從需求開(kāi)始邏輯分析，理清思路，自己動(dòng)手編碼實(shí)現(xiàn)功能，這樣做著重培養(yǎng)學(xué)生的分析問(wèn)題，解決問(wèn)題的能力，學(xué)生從一個(gè)個(gè)實(shí)現(xiàn)的案例中獲得成就感，激起學(xué)生的主觀能動(dòng)性，從而更加積極地主動(dòng)學(xué)習(xí)。

JavaScript應(yīng)用技術(shù)課程的課堂組織采用啟發(fā)式、探究式、討論式等組織形式，教學(xué)方法總體以問(wèn)題導(dǎo)向，任務(wù)驅(qū)動(dòng)，結(jié)合情景案例為主，同時(shí)考慮學(xué)生的學(xué)情與實(shí)際課堂授課情況，根據(jù)需要適時(shí)開(kāi)展分層式教學(xué)。以“猜數(shù)字游戲”案例為例， 啟發(fā)學(xué)生設(shè)計(jì)不同游戲版本：“終極版（不限次數(shù)，直到猜對(duì)退出）”，“限定次數(shù)版”“無(wú)BUG公平版（答案由隨機(jī)數(shù)獲取）”“公開(kāi)發(fā)布版（DOM元素的操作）”每個(gè)版本對(duì)應(yīng)“循環(huán)控制”“Math對(duì)象”等各個(gè)知識(shí)點(diǎn)，通過(guò)創(chuàng)設(shè)的情景案例，組織學(xué)生討論，讓他們聯(lián)系自身在游戲中碰到的良好體驗(yàn)，提出各種改進(jìn)措施，擴(kuò)充游戲的beta版本，比如“記錄次數(shù)”“積分制”“獎(jiǎng)勵(lì)制”并將這些作為拓展任務(wù)，發(fā)布給課堂學(xué)有余力的同學(xué)完成，兼顧不同層次學(xué)生的學(xué)習(xí)需求，進(jìn)一步激發(fā)學(xué)生的學(xué)習(xí)積極性和主動(dòng)性。

目前，線上線下混合式教學(xué)模式是教育信息化發(fā)展的必然趨勢(shì)。應(yīng)用這種模式的優(yōu)勢(shì)很明顯，既方便了學(xué)生移動(dòng)學(xué)習(xí)、碎片化學(xué)習(xí)，打破了學(xué)生在學(xué)習(xí)時(shí)間與空間上的限制，滿足了學(xué)習(xí)的個(gè)性需求，同時(shí)還具有網(wǎng)絡(luò)教學(xué)平臺(tái)資源豐富多樣化，快捷的互動(dòng)交流等特點(diǎn)，能充分激發(fā)學(xué)生的學(xué)習(xí)熱情和主觀能動(dòng)性，另外學(xué)生智能手機(jī)、平板電腦和筆記本電腦的配備和廣泛使用，為線上線下混合式教學(xué)模式的實(shí)施提供了有利的條件[4]。課程團(tuán)隊(duì)結(jié)合JavaScript應(yīng)用技術(shù)課程特點(diǎn)和學(xué)情，在職教云平臺(tái)開(kāi)發(fā)建設(shè)JavaScript應(yīng)用技術(shù)在線精品課程，已經(jīng)錄制操作類短視頻368分鐘；為學(xué)生選取并上傳個(gè)性化，精準(zhǔn)性的各類學(xué)習(xí)資源近400分鐘；自主設(shè)計(jì)、研究制作微課視頻、多媒體教學(xué)課件20余個(gè)；結(jié)合近三年“1+X”Web考試真題和模擬題，建設(shè)題庫(kù)和各類活動(dòng)庫(kù)近200條。豐富的課程資源真正將課程中的重點(diǎn)難點(diǎn)知識(shí)可視化、碎片化，提高學(xué)生線上自主學(xué)習(xí)的興趣。教師在課前、課中、課后三個(gè)階段通過(guò)專題討論、視頻播放、實(shí)操演示，在線答疑、定時(shí)測(cè)試等形式引導(dǎo)學(xué)生自主學(xué)習(xí)。以“頁(yè)面簡(jiǎn)易購(gòu)物車”任務(wù)為例，課前，教師發(fā)布預(yù)習(xí)任務(wù)單，讓學(xué)生通過(guò)在線課程提前學(xué)習(xí)jQuery屬性操作 prop（）方法、attr（）方法、data（）方法；內(nèi)容操作html（）、text（）、val（）方法；元素遍歷each（）方法等知識(shí)點(diǎn)，并完成“修改頁(yè)面圖片”的簡(jiǎn)單案例；課中教師根據(jù)課前任務(wù)完成情況，對(duì)“頁(yè)面簡(jiǎn)易購(gòu)物車”任務(wù)進(jìn)行分解為 “全選商品”“增減商品”“計(jì)算件數(shù)和總額”等子任務(wù)，理實(shí)一體形式幫助學(xué)生完成問(wèn)題分析、代碼實(shí)現(xiàn)。課后，發(fā)布鞏固和拓展任務(wù)“為選中的商品添加背景色”，對(duì)基礎(chǔ)較差的學(xué)生以強(qiáng)化重點(diǎn)為主，會(huì)讓他們觀看錄制的重難點(diǎn)操作視頻，對(duì)課堂效果較好的學(xué)生，以拓展任務(wù)為主，進(jìn)一步培養(yǎng)他們的自主學(xué)習(xí)能力和獨(dú)立解決問(wèn)題的能力。 經(jīng)實(shí)踐，課程依托智能的在線平臺(tái)，豐富的在線課程資源，線上線下混合教學(xué)模式，將課堂從課內(nèi)延伸到課外，真正了提高課堂的有效性。尤其在疫情時(shí)期，取得了很好的教學(xué)效果。

5 課程考核與評(píng)價(jià)

課程整體評(píng)價(jià)包括終結(jié)性期末考核和過(guò)程性評(píng)價(jià)兩部分，終結(jié)性期末考核一般占總體評(píng)價(jià)的50%。課程以往采用的期終考核方式有閉卷筆試、開(kāi)放式提交作品及作品報(bào)告、閉卷（限時(shí)）上機(jī)操作等，這些考核方式各有優(yōu)缺點(diǎn)，比如閉卷筆試，對(duì)知識(shí)點(diǎn)的掌握要求較高，學(xué)生難免會(huì)去死記硬背一些選項(xiàng)，而實(shí)際對(duì)操作并不熟悉；開(kāi)放式提交作品及作品報(bào)告的形式，能激發(fā)優(yōu)秀學(xué)生的創(chuàng)作熱情況，往往會(huì)有優(yōu)秀作品出現(xiàn)，但對(duì)于大部分的學(xué)生作品，評(píng)分尺度不好把控，甚至?xí)霈F(xiàn)不少雷同的作品；閉卷（限時(shí)）上機(jī)操作考核對(duì)學(xué)生的理論和實(shí)踐操作要求都較高，而且在規(guī)定時(shí)間內(nèi)很難完成一定工作量的作品，只能以頁(yè)面局部效果作為考核內(nèi)容，也有一定的局限性。目前實(shí)施的“1+X”Web前端開(kāi)發(fā)的考核方式分為理論知識(shí)考核和操作技能考核，能均衡地體現(xiàn)學(xué)生對(duì)理論知識(shí)和實(shí)操技能的掌握情況。參照“1+X” Web前端開(kāi)發(fā)考證方式，本課程新的考核方案也分為理論知識(shí)和操作技能兩部分，總分均為100分，理論知識(shí)試卷由在線課程的試題庫(kù)隨機(jī)組卷而成，題型包括單選題、多選題和判斷題，學(xué)生限時(shí)閉卷通過(guò)在線課程的考試頁(yè)面完成；操作技能考核項(xiàng)目覆蓋所有的核心知識(shí)點(diǎn)，考查學(xué)生是否能對(duì)這些知識(shí)點(diǎn)學(xué)以致用，題型包括程序簡(jiǎn)答題（思路分析）和程序填空題，學(xué)生在實(shí)訓(xùn)室限時(shí)完成。總成績(jī)按照理論知識(shí)考試成績(jī)的40%，技能考核成績(jī)占總成績(jī)的60%計(jì)算，考核合格要求總成績(jī)達(dá)到60分，且理論和操作兩部分的單獨(dú)成績(jī)均達(dá)到50分以上。

課程的過(guò)程性評(píng)價(jià)注重學(xué)生自主學(xué)習(xí)能力和動(dòng)手能力的過(guò)程考核，教師通過(guò)在線教學(xué)平臺(tái)的統(tǒng)計(jì)分析功能可以隨時(shí)了解學(xué)生線上教學(xué)資源的學(xué)習(xí)時(shí)長(zhǎng)、在線測(cè)試、在線作業(yè)的完成情況等，通過(guò)匯總分析學(xué)生學(xué)習(xí)的過(guò)程數(shù)據(jù)，督促學(xué)生完成課前學(xué)習(xí)任務(wù)清單及課后作業(yè)和各項(xiàng)拓展任務(wù)。將過(guò)程性評(píng)價(jià)納入課程的整體評(píng)價(jià)實(shí)現(xiàn)了線上與線下評(píng)價(jià)的結(jié)合、教師評(píng)價(jià)與學(xué)生互評(píng)相結(jié)合，充分激發(fā)了學(xué)生參與線上學(xué)習(xí)的積極性與主動(dòng)性[5]。這部分內(nèi)容占總體評(píng)價(jià)的50%，分別對(duì)學(xué)生的學(xué)習(xí)態(tài)度（10%） ，平時(shí)學(xué)習(xí)能力（15%） ，學(xué)習(xí)效果（25%） 三方面進(jìn)行考核。其中學(xué)習(xí)態(tài)度（10%） 包括日?？记冢脚_(tái)簽到，視頻或PPT觀看時(shí)長(zhǎng)，在線討論等；學(xué)習(xí)能力（15%） 包括課前平臺(tái)發(fā)布的學(xué)習(xí)單任務(wù)完成情況和課后拓展任務(wù)完成情況；學(xué)習(xí)效果（25%） 主要是課中各項(xiàng)任務(wù)案例的完成情況。

在“1+X”證書制度試點(diǎn)背景下，同時(shí)也為了激勵(lì)學(xué)生積極參加考證，課程將Web前端開(kāi)發(fā)技術(shù)（初級(jí)）證書的成績(jī)納入評(píng)價(jià)范圍，即學(xué)生可用證書成績(jī)替代本課程的期末考核成績(jī)，經(jīng)實(shí)踐采用這種評(píng)價(jià)方式更加符合實(shí)際情況，評(píng)價(jià)結(jié)果也更具科學(xué)性、合理性。

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

作為“1+X”證書試點(diǎn)院校，為配合“1+X”證書制度的實(shí)施，JavaScript應(yīng)用技術(shù)課程團(tuán)隊(duì)積極學(xué)習(xí)、研討，并充分利用整合現(xiàn)有的各類資源、結(jié)合計(jì)算機(jī)應(yīng)用技術(shù)的專業(yè)特點(diǎn)和Web前端開(kāi)發(fā)技術(shù)的證書標(biāo)準(zhǔn)，改進(jìn)課程教學(xué)方法，努力推進(jìn)“1+X”證書制度的順利實(shí)施，優(yōu)化計(jì)算機(jī)人才的培養(yǎng)環(huán)境為計(jì)算機(jī)行業(yè)發(fā)展奠定人才基礎(chǔ)[6]。

參考文獻(xiàn)：

[1] 工業(yè)和信息化部教育與考試中心.Web前端開(kāi)發(fā)-上冊(cè)-高級(jí)[M].北京：電子工業(yè)出版社，2019.

[2] 劉煒杰.從單一走向多元：當(dāng)前我國(guó)中等職業(yè)學(xué)校教育改革的方向與路徑[D].上海：華東師范大學(xué)，2017.

[3] 婁玲玉，高飛，趙沙沙.基于電子信息類專業(yè)的理實(shí)一體教學(xué)改革與實(shí)踐[J].科技視界，2022（13）：60-62.

[4] 林嬌霞. 高職院校線上線下混合式教學(xué)模式探索——以《外貿(mào)跟單實(shí)務(wù)》課程為例[J]. 中國(guó)多媒體與網(wǎng)絡(luò)教學(xué)學(xué)報(bào)（中旬刊），2022（4）：1-4.

[5] 陳曉寧.高職院校線上線下混合教學(xué)實(shí)踐探索與實(shí)踐——以廣西建設(shè)職業(yè)技術(shù)學(xué)院為例[J].教育現(xiàn)代化，2019，6（3）：176-178.

[6] 黃金勝.1+X證書制度試點(diǎn)背景下的《網(wǎng)頁(yè)設(shè)計(jì)》課程研究與實(shí)踐[J].電子元器件與信息技術(shù)，2021，5（8）：51-52.

【通聯(lián)編輯：王力】

收稿日期：2022-07-21

基金項(xiàng)目：本文系2022年江蘇農(nóng)牧科技職業(yè)技術(shù)學(xué)院教科研專項(xiàng)課題：《“1+X”證書制度下高職院校人才培養(yǎng)質(zhì)量評(píng)價(jià)體系的研究》（課題編號(hào)：JYZX202224）

作者簡(jiǎn)介：陳君艷（1979—） ，女，江蘇泰州人，副教授，碩士，研究方向?yàn)榇髷?shù)據(jù)分析、職業(yè)教育；吳小香（1980—） ，女，江蘇泰州人，副教授，碩士，研究方向?yàn)檐浖こ獭⒙殬I(yè)教育。