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

陳君艷 吳小香

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

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

中圖分類號：G642 ? ? ? ?文獻標識碼：A

文章編號：1009-3044（2022）31-0122-03

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

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

1 課程定位

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

2 課程目標

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

3 課程內(nèi)容

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

4 課程實施

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

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

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

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

5 課程考核與評價

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

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

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

6 結(jié)束語

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

參考文獻：

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

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

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

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

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

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

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

收稿日期：2022-07-21

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

作者簡介：陳君艷（1979—） ，女，江蘇泰州人，副教授，碩士，研究方向為大數(shù)據(jù)分析、職業(yè)教育；吳小香（1980—） ，女，江蘇泰州人，副教授，碩士，研究方向為軟件工程、職業(yè)教育。