陳君艷 吳小香
摘要: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è)教育。