雙導(dǎo)向模式下JavaScript編程技術(shù)課程教學(xué)改革研究

關(guān)鍵字：成果導(dǎo)向；行動(dòng)導(dǎo)向；教學(xué)改革；JavaScript

0 引言

高等職業(yè)院校的軟件設(shè)計(jì)專業(yè)，主要培養(yǎng)具備軟件開(kāi)發(fā)、設(shè)計(jì)、測(cè)試和管理能力的應(yīng)用型人才而設(shè)立。軟件技術(shù)專業(yè)是一個(gè)實(shí)操性比較強(qiáng)的專業(yè)，以能力培養(yǎng)為核心[1]，需要強(qiáng)化學(xué)生的實(shí)際操作能力培養(yǎng)，注重實(shí)踐教學(xué)環(huán)節(jié)，加強(qiáng)與企業(yè)合作開(kāi)展實(shí)習(xí)實(shí)訓(xùn)，使學(xué)生能夠熟練掌握軟件開(kāi)發(fā)工具和技術(shù)，提升就業(yè)競(jìng)爭(zhēng)力。本文選取高等職業(yè)院校軟件技術(shù)專業(yè)為研究對(duì)象，結(jié)合網(wǎng)絡(luò)教學(xué)平臺(tái)，探索“成果導(dǎo)向+行動(dòng)導(dǎo)向”教學(xué)模式下，JavaScript編程技術(shù)課程教學(xué)改革方法。課程任教教師通過(guò)網(wǎng)絡(luò)教學(xué)平臺(tái)提供豐富的學(xué)習(xí)資源和教學(xué)內(nèi)容，使學(xué)生能夠靈活地獲取知識(shí)和技能。同時(shí)，教師還注重培養(yǎng)學(xué)生的自主學(xué)習(xí)能力和團(tuán)隊(duì)合作精神，通過(guò)項(xiàng)目實(shí)踐、案例分析等形式，激發(fā)學(xué)生的學(xué)習(xí)興趣和創(chuàng)新潛力，培養(yǎng)學(xué)生的專業(yè)技能和職業(yè)素養(yǎng)，強(qiáng)調(diào)學(xué)生的實(shí)際成果與行為表現(xiàn)。通過(guò)將成果導(dǎo)向和行動(dòng)導(dǎo)向相結(jié)合，探索更好地適應(yīng)高職院校學(xué)生的特點(diǎn)和需求的教學(xué)途徑，促進(jìn)教學(xué)效果的提升和學(xué)生綜合素質(zhì)的全面發(fā)展，使高職院校軟件技術(shù)專業(yè)的學(xué)生能夠更好地適應(yīng)行業(yè)需求和自身發(fā)展需求，實(shí)現(xiàn)教學(xué)目標(biāo)的有效達(dá)成。

1 雙導(dǎo)向教學(xué)模式

1.1 成果導(dǎo)向

成果導(dǎo)向教學(xué)模式是一種以學(xué)習(xí)成果為中心的教學(xué)模式，核心是注重從社會(huì)需求出發(fā)，以專業(yè)成長(zhǎng)效果為指導(dǎo)，圍繞“應(yīng)會(huì)什么，能做什么”關(guān)鍵點(diǎn)，培養(yǎng)學(xué)生的專業(yè)核心能力[2]。成果導(dǎo)向教學(xué)模式將學(xué)生的學(xué)習(xí)成果和能力培養(yǎng)放在首位，強(qiáng)調(diào)學(xué)生通過(guò)學(xué)習(xí)實(shí)現(xiàn)具體的目標(biāo)和標(biāo)準(zhǔn)，注重學(xué)生的實(shí)際應(yīng)用能力和綜合素養(yǎng)的培養(yǎng)。成果導(dǎo)向教學(xué)模式相對(duì)于其他教學(xué)模式更加注重學(xué)生的學(xué)習(xí)過(guò)程和能力培養(yǎng)。

在進(jìn)行成果導(dǎo)向教學(xué)改革中，需要各任課教師花費(fèi)一定的精力設(shè)計(jì)多樣化多形式的學(xué)習(xí)環(huán)境、學(xué)習(xí)途徑和任務(wù)活動(dòng)。學(xué)生可通過(guò)參與專業(yè)課程的各項(xiàng)教學(xué)活動(dòng)和任務(wù)，激發(fā)學(xué)習(xí)動(dòng)力，通過(guò)完成各項(xiàng)任務(wù)來(lái)培養(yǎng)各項(xiàng)能力。

1.2 行動(dòng)導(dǎo)向

行動(dòng)導(dǎo)向教學(xué)模式是職業(yè)教育的一種教學(xué)理念，其側(cè)重在充分發(fā)揮學(xué)生的主體作用，教師通過(guò)任務(wù)或項(xiàng)目的設(shè)置，引導(dǎo)學(xué)生在課堂中積極參與實(shí)踐、體驗(yàn)和行動(dòng)，通過(guò)學(xué)生的主動(dòng)參與來(lái)促進(jìn)學(xué)習(xí)和知識(shí)點(diǎn)的掌握[3]。

在行動(dòng)教學(xué)理念中，任課教師需要依據(jù)每一次課的教學(xué)內(nèi)容，經(jīng)過(guò)“誰(shuí)完成任務(wù)？為什么要完成這個(gè)任務(wù)？完成這個(gè)任務(wù)需要哪些知識(shí)點(diǎn)？在哪可以學(xué)習(xí)掌握這些知識(shí)點(diǎn)？”[4]等問(wèn)題進(jìn)行任務(wù)設(shè)計(jì)和教學(xué)資源的建設(shè)。確保學(xué)生了解預(yù)期目標(biāo)和為了達(dá)到目標(biāo)需要了解哪些知識(shí)點(diǎn)，能通過(guò)課程教學(xué)平臺(tái)，獲取到知識(shí)點(diǎn)對(duì)應(yīng)的學(xué)習(xí)資源。任課教師在課前、課中和課后能夠收集到教學(xué)活動(dòng)各個(gè)環(huán)節(jié)學(xué)生參與的數(shù)據(jù)和各類(lèi)指標(biāo)，基于學(xué)生的行為和表現(xiàn)，及時(shí)調(diào)整任務(wù)要求和指導(dǎo)學(xué)生的學(xué)習(xí)路徑和方法，最大限度地支持學(xué)生的學(xué)習(xí)主動(dòng)性。

成果導(dǎo)向教學(xué)側(cè)重學(xué)生通過(guò)學(xué)習(xí)達(dá)到一定的成果和目標(biāo)，而行動(dòng)導(dǎo)向教學(xué)則注重學(xué)生在學(xué)習(xí)過(guò)程中的行為和方法。將這兩種教學(xué)方法結(jié)合起來(lái)，可以在教學(xué)中更好地引導(dǎo)學(xué)生，使其在實(shí)現(xiàn)學(xué)習(xí)目標(biāo)的同時(shí)，培養(yǎng)良好的學(xué)習(xí)行為和學(xué)習(xí)方法。

2 教學(xué)設(shè)計(jì)

JavaScript是基于對(duì)象和事件驅(qū)動(dòng)的編程語(yǔ)言，兼具了函數(shù)式編程和面向?qū)ο缶幊痰奶匦裕瑫r(shí)操作性和實(shí)踐性很強(qiáng)，在高職院校的軟件技術(shù)專業(yè)中是一門(mén)必修課程。JavaScript編程技術(shù)課程的設(shè)置是網(wǎng)頁(yè)設(shè)計(jì)與制作的后續(xù)與Web 前端程序設(shè)計(jì)的前導(dǎo)課程。旨在幫助學(xué)生掌握J(rèn)avaScript 編程語(yǔ)言的基礎(chǔ)知識(shí)和高級(jí)技術(shù)，能夠在網(wǎng)頁(yè)開(kāi)發(fā)、移動(dòng)應(yīng)用開(kāi)發(fā)等領(lǐng)域中應(yīng)用JavaScript 進(jìn)行程序設(shè)計(jì)和開(kāi)發(fā)。本文以JavaScript 編程技術(shù)課程為案例，分析雙導(dǎo)向教學(xué)模式的應(yīng)用實(shí)例。通過(guò)雙導(dǎo)向教學(xué)模式，激發(fā)學(xué)生的學(xué)習(xí)興趣與參與度，提高學(xué)生實(shí)踐能力和創(chuàng)新意識(shí)，從而提高學(xué)生的知識(shí)和技能內(nèi)化處理能力，加強(qiáng)綜合應(yīng)用能力。

2.1 課程內(nèi)容體系設(shè)計(jì)

JavaScript編程技術(shù)是將抽象的編程邏輯和可視化網(wǎng)頁(yè)設(shè)計(jì)相融合的課程[5]。雙導(dǎo)向教學(xué)模式下，課程聚焦高等職業(yè)院校學(xué)生職業(yè)能力，重構(gòu)課程內(nèi)容體系，以崗位能力要求為設(shè)計(jì)起點(diǎn)，反向倒推課程內(nèi)容[6]。將教學(xué)內(nèi)容對(duì)原有知識(shí)框架進(jìn)行知識(shí)重構(gòu)和擴(kuò)充，Web前端技術(shù)開(kāi)發(fā)必須掌握 HTML5、CSS3、JavaS? cript編程基礎(chǔ)、DOM和BOM及框架等相關(guān)技術(shù)并有機(jī)融合起來(lái)，組織成基礎(chǔ)應(yīng)用、中級(jí)應(yīng)用和高級(jí)應(yīng)用三大模塊。在教學(xué)中弱化了知識(shí)的學(xué)科化理論體系和邏輯結(jié)構(gòu)等基礎(chǔ)理論的教學(xué)，強(qiáng)化工程性、實(shí)用性的知識(shí)點(diǎn)，將這些知識(shí)點(diǎn)貫穿融合到實(shí)踐案例中，便于學(xué)生應(yīng)用和掌握。同時(shí)結(jié)合JavaScript在企業(yè)中的實(shí)際應(yīng)用，進(jìn)行課程資源開(kāi)發(fā)與建設(shè)，適度引入新技術(shù)及實(shí)際項(xiàng)目，擴(kuò)寬學(xué)生視野和學(xué)習(xí)思路。課程的具體內(nèi)容體系如圖1所示。

將JavaScript編程技術(shù)課程內(nèi)容分為三大模塊，分別為基礎(chǔ)應(yīng)用、中級(jí)應(yīng)用和高級(jí)應(yīng)用。三大模塊下根據(jù)知識(shí)點(diǎn)拆分為單元項(xiàng)目，再依據(jù)課程的職業(yè)能力目標(biāo)，根據(jù)網(wǎng)頁(yè)交互實(shí)際應(yīng)用場(chǎng)景將其按照知識(shí)單元分解為任務(wù)，每一個(gè)任務(wù)的設(shè)置主要面向一個(gè)知識(shí)點(diǎn)，同時(shí)也是前面任務(wù)中的知識(shí)點(diǎn)提升與綜合應(yīng)用。JavaScript編程技術(shù)課程知識(shí)體系的重構(gòu)，遞進(jìn)式的任務(wù)設(shè)置，主要旨在幫助學(xué)生建立起扎實(shí)的JavaScript 編程基礎(chǔ)，并掌握一些高級(jí)的編程技術(shù)，從而能夠在實(shí)際項(xiàng)目中應(yīng)用JavaScript進(jìn)行開(kāi)發(fā)。

2.2 教學(xué)改革具體實(shí)施

具體實(shí)施時(shí)，通過(guò)學(xué)情分析，細(xì)化并確定教學(xué)單元所要達(dá)到成果和行動(dòng)的量化目標(biāo)。充分利用網(wǎng)絡(luò)教學(xué)平臺(tái)，打造結(jié)合理論知識(shí)進(jìn)行操作實(shí)踐內(nèi)容為主、學(xué)生為主體、教師為輔的互動(dòng)課堂，加強(qiáng)師生線上線下的交流。在課堂的互動(dòng)中，教師作為課堂的資源提供者、組織者、引導(dǎo)者，根據(jù)單元的量化目標(biāo)，精心設(shè)計(jì)具有一定真實(shí)情境的實(shí)踐案例，提前發(fā)布學(xué)習(xí)任務(wù)，展示模擬案例。學(xué)生作為課堂主體，課前依據(jù)學(xué)習(xí)任務(wù)內(nèi)容，自主查閱資料，分析任務(wù)需求，設(shè)計(jì)初步的程序思路，完成任務(wù)小實(shí)例，利用教學(xué)平臺(tái)提交初步成果頁(yè)面。課中，教師在課堂上將有代表性的作品演示和知識(shí)點(diǎn)講解，引導(dǎo)學(xué)生對(duì)代表性實(shí)例的解決方案和實(shí)現(xiàn)流程進(jìn)行評(píng)價(jià)，提出建議，總結(jié)完善作品程序思路，促進(jìn)學(xué)生間的合作和競(jìng)爭(zhēng)。再通過(guò)課堂重難點(diǎn)的分析，添加任務(wù)提升模塊的要求，學(xué)生在課堂上進(jìn)行再次完善修改程序。對(duì)于完成的精彩案例進(jìn)行展示分享，形成積極、良好的交流氛圍。課后，教師發(fā)布擴(kuò)展性任務(wù)，完成融合創(chuàng)新創(chuàng)意的頁(yè)面作品，加強(qiáng)學(xué)生對(duì)新知識(shí)的鞏固和拓展。

以模塊二項(xiàng)目三中的任務(wù)三“追隨鼠標(biāo)”為例，是“事件及事件對(duì)象”課程內(nèi)容的具體任務(wù)，該任務(wù)內(nèi)容是“響應(yīng)鼠標(biāo)事件及鼠標(biāo)事件對(duì)象的交互頁(yè)面設(shè)計(jì)”，需要4課時(shí)來(lái)完成。課堂教學(xué)設(shè)計(jì)以“成果導(dǎo)向”與“行動(dòng)導(dǎo)向”為主線，結(jié)合網(wǎng)絡(luò)課程教學(xué)平臺(tái)，開(kāi)展教學(xué)改革實(shí)施，具體的教學(xué)環(huán)節(jié)設(shè)計(jì)如圖2所示。

課前發(fā)布小任務(wù)1鼠標(biāo)單擊響應(yīng)交互小實(shí)例，課中總結(jié)有代表性的鼠標(biāo)點(diǎn)擊交互小程序的思路并提出思考“鼠標(biāo)可以有哪些動(dòng)作可以響應(yīng)？”“如何編寫(xiě)同一個(gè)動(dòng)作響應(yīng)多個(gè)交互效果的程序？”（課堂重點(diǎn)：事件監(jiān)聽(tīng)知識(shí)點(diǎn)）。教師針對(duì)事件監(jiān)聽(tīng)知識(shí)點(diǎn)講解分析，學(xué)生應(yīng)用編寫(xiě)交互程序，教師答疑指導(dǎo)。課堂小任務(wù)2基于小任務(wù)1的基礎(chǔ)上獲取鼠標(biāo)對(duì)象，并針對(duì)鼠標(biāo)對(duì)象編寫(xiě)交互程序。小任務(wù)2的初級(jí)內(nèi)容是獲取并顯示鼠標(biāo)點(diǎn)擊時(shí)的具體位置和鼠標(biāo)在移動(dòng)時(shí)的實(shí)時(shí)位置。目的在于訓(xùn)練學(xué)生在進(jìn)行編寫(xiě)交互程序時(shí)需要先確定事件觸發(fā)的對(duì)象及事件類(lèi)型。小任務(wù)2的提升內(nèi)容是設(shè)置一張小圖片跟隨鼠標(biāo)的移動(dòng)而移動(dòng)，完成最終的“追隨鼠標(biāo)”的任務(wù)。該任務(wù)的完成不僅應(yīng)用了JavaScript腳本語(yǔ)言，還需要結(jié)合CSS定位的知識(shí)點(diǎn)。小任務(wù)2的完善需要學(xué)生在課后利用空閑時(shí)間完成最終的任務(wù)效果，主要解決由于CSS定位設(shè)置問(wèn)題產(chǎn)生的一系列bug，例如圖片無(wú)法移動(dòng)、圖片移動(dòng)后影響到其他元素、圖片閃爍的問(wèn)題等。通過(guò)系列小任務(wù)的完成，使學(xué)生熟悉和掌握DOM知識(shí)中事件及事件對(duì)象的知識(shí)應(yīng)用。

通過(guò)“成果導(dǎo)向”的任務(wù)設(shè)計(jì)，激發(fā)學(xué)生的“行動(dòng)導(dǎo)向”學(xué)習(xí)效果。課前的初步任務(wù)布置，激活學(xué)生的前置知識(shí)點(diǎn)，激發(fā)學(xué)生預(yù)習(xí)，并將預(yù)習(xí)的知識(shí)點(diǎn)和已掌握的知識(shí)進(jìn)行融合加工，完成初步任務(wù)，初步掌握課堂知識(shí)。通過(guò)課中的理論知識(shí)講解和任務(wù)技能升級(jí)，對(duì)課堂內(nèi)容知識(shí)體系進(jìn)一步完善和鞏固、解決完成任務(wù)過(guò)程中所遇到的問(wèn)題，并完成技能獲取。課后的任務(wù)完善讓學(xué)生根據(jù)個(gè)人知識(shí)框架拓展面給作品添加創(chuàng)新創(chuàng)意，加強(qiáng)學(xué)生的知識(shí)遷移，提高專業(yè)知識(shí)的綜合應(yīng)用能力，并對(duì)所學(xué)知識(shí)點(diǎn)進(jìn)一步深度加工，強(qiáng)化學(xué)生的知識(shí)和技能內(nèi)化處理能力。

課堂的每個(gè)任務(wù)都需要學(xué)生根據(jù)軟件開(kāi)發(fā)流程，進(jìn)行需求分析、設(shè)計(jì)編碼、功能優(yōu)化、測(cè)試調(diào)試和運(yùn)行維護(hù)等5個(gè)步驟。學(xué)生對(duì)每一個(gè)任務(wù)進(jìn)行分析、構(gòu)想、抉擇、發(fā)現(xiàn)和歸納，進(jìn)一步熟悉職業(yè)崗位流程，培養(yǎng)團(tuán)結(jié)合作精神。通過(guò)這樣的實(shí)踐，學(xué)生不僅能夠理論聯(lián)系實(shí)際，提升實(shí)際問(wèn)題解決能力，還能夠培養(yǎng)自主學(xué)習(xí)和團(tuán)隊(duì)協(xié)作的能力，為未來(lái)職業(yè)發(fā)展奠定堅(jiān)實(shí)的基礎(chǔ)。

3 評(píng)價(jià)體系

基于雙導(dǎo)向教學(xué)改革評(píng)價(jià)體系設(shè)置，需要既要考慮到教師的教學(xué)效果評(píng)價(jià)，又要考慮到學(xué)生的學(xué)習(xí)過(guò)程和學(xué)習(xí)成果評(píng)價(jià)，形成一個(gè)綜合的評(píng)價(jià)體系。這種評(píng)價(jià)體系目的在于促進(jìn)教師與學(xué)生之間的互動(dòng)，鼓勵(lì)教師更加關(guān)注學(xué)生的學(xué)習(xí)需求和學(xué)習(xí)進(jìn)程，同時(shí)也激勵(lì)學(xué)生更加積極地參與學(xué)習(xí)，提高學(xué)習(xí)效果。

JavaScript編程技術(shù)課程考核評(píng)價(jià)設(shè)計(jì)將成果導(dǎo)向和行動(dòng)導(dǎo)向量化考核納入體系中，課程最終的考核將學(xué)習(xí)過(guò)程和期末綜合考核進(jìn)行綜合評(píng)價(jià)。課程評(píng)價(jià)=平時(shí)成績(jī)（60%） +期末考核（40%） 。平時(shí)成績(jī)的考核體系包含了成果導(dǎo)向和行動(dòng)導(dǎo)向的評(píng)價(jià)結(jié)果。平時(shí)成績(jī)=考勤（20%） +任務(wù)作品（40%） +學(xué)習(xí)效果（40%） 。學(xué)習(xí)效果是成果導(dǎo)向和行動(dòng)導(dǎo)向的綜合評(píng)價(jià)。成果導(dǎo)向和行動(dòng)導(dǎo)向的考核細(xì)化到每一個(gè)任務(wù)活動(dòng)中。學(xué)習(xí)效果的考核內(nèi)容主要針對(duì)學(xué)生在任務(wù)中的綜合表現(xiàn)設(shè)置量化考核項(xiàng)目，從學(xué)生的學(xué)習(xí)過(guò)程、學(xué)習(xí)意愿、各種能力和學(xué)習(xí)質(zhì)量出發(fā)，設(shè)置學(xué)習(xí)積極性、學(xué)習(xí)挑戰(zhàn)強(qiáng)度、學(xué)習(xí)主動(dòng)性、解決問(wèn)題能力，知識(shí)遷移能力、創(chuàng)新創(chuàng)意能力、綜合應(yīng)用能力等考核項(xiàng)目，分值從低到高為1至10分，評(píng)分如表1所示。對(duì)每一個(gè)評(píng)分項(xiàng)目進(jìn)行平均分計(jì)算后，得出該學(xué)生某一項(xiàng)目的最終得分。

在雙導(dǎo)向教學(xué)改革中，針對(duì)每個(gè)學(xué)生的各項(xiàng)能力進(jìn)行評(píng)價(jià)，將評(píng)價(jià)結(jié)果以雷達(dá)圖的形式呈現(xiàn)，如圖3所示。雷達(dá)圖可以直觀地展示學(xué)生在不同能力方面的得分情況，幫助教師全面了解學(xué)生的學(xué)習(xí)情況，并及時(shí)采取措施進(jìn)行個(gè)性化指導(dǎo)和支持。在這個(gè)數(shù)據(jù)可視圖中，每個(gè)學(xué)生的每項(xiàng)能力評(píng)價(jià)分?jǐn)?shù)均有所體現(xiàn)，通過(guò)雷達(dá)圖的數(shù)據(jù)可視化呈現(xiàn)，教師可以一目了然地了解學(xué)生在雙導(dǎo)向教學(xué)模式下各項(xiàng)能力目標(biāo)的培養(yǎng)實(shí)現(xiàn)情況。圖中的每個(gè)角代表一項(xiàng)能力指標(biāo)，而每個(gè)角的長(zhǎng)度則表示學(xué)生在該項(xiàng)能力上的得分情況。

在任課期間，教師可以隨時(shí)查看每一位學(xué)生的效果評(píng)價(jià)綜合分析雷達(dá)圖。這使得教師能夠及時(shí)了解學(xué)生的學(xué)習(xí)狀態(tài)和發(fā)展情況，為學(xué)生提供個(gè)性化的學(xué)習(xí)指導(dǎo)和支持。通過(guò)對(duì)學(xué)生的學(xué)習(xí)效果進(jìn)行綜合分析，教師可以及時(shí)幫助學(xué)生調(diào)整學(xué)習(xí)方法或狀態(tài)，使他們更好地達(dá)到各項(xiàng)能力目標(biāo)，從而提升整體教學(xué)質(zhì)量和學(xué)生成績(jī)。

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

隨著信息技術(shù)行業(yè)快速發(fā)展，軟件專業(yè)面臨著人才培養(yǎng)需求與市場(chǎng)需求不匹配的問(wèn)題。為應(yīng)對(duì)這一挑戰(zhàn)，針對(duì)高職院校軟件技術(shù)專業(yè)實(shí)施雙導(dǎo)向教學(xué)模式改革。雙導(dǎo)向模式教學(xué)改革意在平衡專業(yè)技能培養(yǎng)與綜合素質(zhì)提升，使學(xué)生既具備實(shí)際操作能力，又具備創(chuàng)新意識(shí)和職業(yè)素養(yǎng)。雙導(dǎo)向教學(xué)改革的課堂上，由小任務(wù)的導(dǎo)入引導(dǎo)學(xué)生帶問(wèn)題進(jìn)入課堂，學(xué)生自主學(xué)習(xí)能力有所提升，學(xué)習(xí)專注力更高，通過(guò)教師有針對(duì)性的引導(dǎo)，學(xué)生拓展課堂知識(shí)點(diǎn)，持續(xù)挖掘創(chuàng)新創(chuàng)意深度。雙導(dǎo)向的教學(xué)實(shí)施不僅有助于軟件技術(shù)專業(yè)人才更好地適應(yīng)市場(chǎng)需求，提升就業(yè)競(jìng)爭(zhēng)力，同時(shí)也促進(jìn)了學(xué)生全面發(fā)展和行業(yè)創(chuàng)新發(fā)展，為軟件技術(shù)專業(yè)教育注入了新的活力。