吳瑤 陳文馳 胡柳

摘要：在信息化時(shí)代，高職院校正不斷嘗試對(duì)計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)的相關(guān)課程進(jìn)行改革創(chuàng)新，從而探索出能夠適應(yīng)高職特點(diǎn)的教育課程。結(jié)合本院校背景，深入分析了《JQuery程序設(shè)計(jì)》課程中存在的不足，提出了如何在教學(xué)過程中利用多種創(chuàng)新型教學(xué)模式相結(jié)合的解決方案，能夠有效地開展教學(xué)任務(wù)，并為新形勢(shì)下JQuery課程教學(xué)改革提供參考。

關(guān)鍵詞：高職院校;教學(xué)改革;Jquery;課程;教學(xué)

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

文章編號(hào)：1009-3044（2020）18-0155-02

開放科學(xué)（資源服務(wù)）標(biāo)識(shí)碼（OSID）：

1 引言

JQuery是一個(gè)兼容多種瀏覽器的JavaScript框架，其宗旨是寫更少的代碼，做更多的事情。JQuery能快速、方便地幫助用戶處理HTML文檔和事件的交互，從而實(shí)現(xiàn)網(wǎng)頁的動(dòng)畫效果[1]?！禞Query程序設(shè)計(jì)》是我院計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)中前端開發(fā)方向的核心專業(yè)課程之一，通過該門課程的教學(xué)，培養(yǎng)學(xué)生熟練地使用JQuery，從而使學(xué)生具備能開發(fā)常見的網(wǎng)頁界面交互效果的能力。

2 課程教學(xué)現(xiàn)狀分析

近年來，我院在教授JQuery課程的過程中，主要呈現(xiàn)出了三個(gè)弊端：1）學(xué)生處理需求的能力不足;2）理論與實(shí)踐銜接滯后;3）教學(xué)方式較為陳舊。

1）學(xué)生處理需求的能力不足

我院學(xué)生在解決業(yè)務(wù)需求的過程中，會(huì)出現(xiàn)或多或少的困難，而造成這些困難的主要因素有：首先，學(xué)生生源差異較大，自身的專業(yè)技術(shù)水平參差不齊，因此主動(dòng)思考的能力偏弱，不擅于在業(yè)務(wù)需求中先思考和分析，而是直接尋找是否存在類似問題，習(xí)慣于照搬照抄現(xiàn)有書本中的源代碼或者是網(wǎng)絡(luò)上存在的資源，從而失去了自己的想法;其次，我院的部分學(xué)生對(duì)其所選專業(yè)的盲目性較大，使得學(xué)生的學(xué)習(xí)興趣不濃厚，缺乏學(xué)習(xí)的動(dòng)力，自主學(xué)習(xí)的主動(dòng)性不高，這便造成了學(xué)生的學(xué)習(xí)效率不高。

2）理論與實(shí)踐銜接滯后

大學(xué)計(jì)算機(jī)專業(yè)課程在開設(shè)的過程中需要考慮到理論與實(shí)踐相互促進(jìn)作用，綜合提升實(shí)踐的課上時(shí)間，進(jìn)而使學(xué)生能夠?qū)ψ陨韺I(yè)理論的理解予以有效深化[2]。實(shí)踐能讓學(xué)生更加直接地加深對(duì)理論知識(shí)的理解，還能提升學(xué)生的動(dòng)手能力，因此對(duì)于專業(yè)性較強(qiáng)的課程更應(yīng)加強(qiáng)實(shí)踐。但由于我院的學(xué)生數(shù)量較多，而實(shí)驗(yàn)室的機(jī)房有限，存在著理論課與對(duì)應(yīng)的實(shí)驗(yàn)課之間的安排的間隔時(shí)間過長，學(xué)生對(duì)所學(xué)理論知識(shí)遺忘，導(dǎo)致了學(xué)生無法完成對(duì)理論知識(shí)的綜合實(shí)踐，造成了教學(xué)效果不太理想。

3）教學(xué)方式較為陳舊

目前，我院主要使用任務(wù)驅(qū)動(dòng)教學(xué)法和案例教學(xué)法。任務(wù)驅(qū)動(dòng)教學(xué)法是學(xué)生在教師的指導(dǎo)下，以一個(gè)共同既定任務(wù)為中心，自主解決問題，完成教師布置的任務(wù)[3]，適用于計(jì)算機(jī)應(yīng)用類課程的教學(xué)，這類課程知識(shí)更新較快，需要學(xué)生具備一定的自主學(xué)習(xí)能力和獨(dú)立分析問題、解決問題的能力。案例教學(xué)法指將案例作為教學(xué)材料，結(jié)合教學(xué)主題，通過討論、問答等師生互動(dòng)環(huán)節(jié)讓學(xué)習(xí)者了解與教學(xué)主題相關(guān)的概念或理論，并培養(yǎng)學(xué)生高層次能力的教學(xué)方法[4]。案例教學(xué)以案例為線索，打破了傳統(tǒng)教學(xué)的條條框框，從而讓師生圍繞案例進(jìn)行多方面討論。

3 多模式結(jié)合的教學(xué)方法在教學(xué)中的應(yīng)用

針對(duì)當(dāng)前存在的問題，本文提出了任務(wù)驅(qū)動(dòng)教學(xué)法為主、案例教學(xué)為輔的多模式結(jié)合的教學(xué)方法，即任務(wù)案例共同驅(qū)動(dòng)法，從而可以激發(fā)學(xué)生的學(xué)習(xí)興趣，積極引導(dǎo)學(xué)生參與教學(xué)活動(dòng)，提高教學(xué)質(zhì)量。該教學(xué)方法分為以下幾個(gè)階段：課程任務(wù)設(shè)計(jì)，案例引導(dǎo)、實(shí)施項(xiàng)目任務(wù)、測(cè)試與運(yùn)行項(xiàng)目任務(wù)和驗(yàn)收任務(wù)。

1）課程任務(wù)設(shè)計(jì)，案例引導(dǎo)

教師在教授課程時(shí)，應(yīng)根據(jù)課程標(biāo)準(zhǔn)中的要求選擇合適的案例用于貫穿整個(gè)教學(xué)過程。在JQuery程序設(shè)計(jì)課程中，選取制作網(wǎng)站作為該課程的終極項(xiàng)目，如學(xué)生個(gè)人博客網(wǎng)站，該網(wǎng)站的實(shí)現(xiàn)包含本課程所學(xué)的所有知識(shí)：JQuery的基礎(chǔ)知識(shí)、JQuery的選擇器、使用JQuery控制網(wǎng)頁、JQuery的動(dòng)畫特效、JQuery的事件處理以及JQuery的功能函數(shù)。

其次，教師應(yīng)該對(duì)案例進(jìn)行分解，選取其中合適的內(nèi)容，通?？蛇x擇與理論所對(duì)應(yīng)的具體功能作為實(shí)踐課程的教學(xué)任務(wù)，同時(shí)也可尋找相似的小案例作為理論課程的教學(xué)素材，由教師在理論課上講解案例需求，通過分析一講解一實(shí)現(xiàn)三個(gè)階段，提取對(duì)應(yīng)的知識(shí)點(diǎn)，加強(qiáng)學(xué)生對(duì)知識(shí)點(diǎn)的理解。分解情況如表1所示。

2）實(shí)施項(xiàng)目任務(wù)

在任務(wù)驅(qū)動(dòng)教學(xué)模式下教學(xué)，學(xué)生是學(xué)習(xí)的主體，教師根據(jù)分解好的任務(wù)實(shí)施教學(xué)。在針對(duì)JQuery的動(dòng)畫特效章節(jié)內(nèi)容，理論課前先讓學(xué)生收集輪播圖特效例子，先了解學(xué)習(xí)完本章內(nèi)容后，自己可以完成的基本特效，增加學(xué)生的學(xué)習(xí)興趣;課堂中以制作輪播圖動(dòng)畫為目標(biāo)，從分析效果實(shí)現(xiàn)的思路中逐漸引入本章學(xué)習(xí)的理論知識(shí)，帶領(lǐng)學(xué)生一起完成輪播圖動(dòng)畫特效，時(shí)刻帶動(dòng)著學(xué)生的注意力;課后布置類似的或者分解步驟的動(dòng)畫特效作業(yè)讓學(xué)生去完成，一來可以達(dá)到鞏固理論知識(shí)，不會(huì)因?yàn)殚g隔時(shí)間過長而遺忘教授的理論知識(shí)，其次還為實(shí)踐課打下良好的基礎(chǔ)。

實(shí)踐課堂中由學(xué)生獨(dú)立完成本次任務(wù)，實(shí)現(xiàn)預(yù)先制定的目標(biāo)，指導(dǎo)學(xué)生完成輪播圖特效的編碼。而在編碼過程中遇到問題時(shí)，教師引導(dǎo)學(xué)生先分析問題存在的原因，然后對(duì)癥下藥，而不是盲目的直接幫助學(xué)生解決問題，從而可以培養(yǎng)學(xué)生分析問題，解決問題的能力。還要鼓勵(lì)學(xué)生使用自己的想法實(shí)現(xiàn)任務(wù)，而不是一味地復(fù)制他人代碼。開發(fā)完成后，學(xué)生將完成的任務(wù)添加到自己的個(gè)人博客網(wǎng)站中。使得每次的實(shí)踐課程上都能讓學(xué)生看到成果，并且每次任務(wù)的完成都是在對(duì)終極項(xiàng)目進(jìn)行完善，這樣不僅提高了學(xué)生完成任務(wù)的成就感，還可提高學(xué)生的學(xué)習(xí)興趣和創(chuàng)新性。

3）測(cè)試與運(yùn)行項(xiàng)目任務(wù)

待任務(wù)編碼完成后，還需要針對(duì)完成的功能進(jìn)行測(cè)試。輪播圖特效編碼完成后，需要運(yùn)行網(wǎng)頁進(jìn)行測(cè)試，查看是否存在效果不行或是不能循環(huán)播放等情況。若發(fā)現(xiàn)的問題，例如不能循環(huán)播放，就要及時(shí)處理問題，完善代碼。任務(wù)基本完成后，教師還可引導(dǎo)學(xué)生進(jìn)一步擴(kuò)展項(xiàng)目功能，鼓勵(lì)學(xué)生進(jìn)行個(gè)性化創(chuàng)新設(shè)計(jì)，例如針對(duì)輪播圖特效，可以改變圖片翻轉(zhuǎn)的樣式，或者添加一些炫酷的樣式，培養(yǎng)學(xué)生的創(chuàng)新能力。

4）驗(yàn)收任務(wù)

驗(yàn)收任務(wù)的要求不止查看任務(wù)功能代碼、功能效果是否完成，還需針對(duì)程序結(jié)構(gòu)是否合理規(guī)范、程序邏輯是否清晰和輸入輸出是否準(zhǔn)確等進(jìn)行檢查。如輪播圖特效的代碼是否存在注釋、可讀性是否良好等。針對(duì)存在的不足，要及時(shí)跟學(xué)生反映，并督促學(xué)生進(jìn)行改進(jìn)。

4 結(jié)束語

目前，JQuery課程設(shè)計(jì)學(xué)生處理需求能力弱、理論與實(shí)踐銜接滯后以及教學(xué)方式較為陳舊等問題，最終導(dǎo)致該門課程的教學(xué)效果不好。針對(duì)這些問題，提出一種以任務(wù)驅(qū)動(dòng)主、案例教學(xué)為輔的多種教學(xué)模式相結(jié)合的教學(xué)方法，通過該方法，能讓學(xué)生做到邊學(xué)邊用，以用促學(xué)，將枯燥的理論知識(shí)運(yùn)用到具體的實(shí)際項(xiàng)目案例中，學(xué)習(xí)知識(shí)的同時(shí)更是培養(yǎng)了學(xué)生分析和解決問題的能力。此外，通過課程的每次任務(wù)的實(shí)現(xiàn)到最終目標(biāo)的完成所帶來的成就感能大大地提高學(xué)生學(xué)習(xí)的興趣，并進(jìn)一步激發(fā)學(xué)生學(xué)習(xí)的熱情。多管齊下，相信能給我院的JQuery課程改革提供一定的指導(dǎo)意義，還能進(jìn)一步促進(jìn)其他高職院校具有相似問題課程的持續(xù)改革。

參考文獻(xiàn)：

[1]梅元昭.基于Jquery課程網(wǎng)站的設(shè)計(jì)[J].無線互聯(lián)科技，2019（10）：39-41.

[2]李鑫，戰(zhàn)德臣，大學(xué)計(jì)算機(jī)課程的教學(xué)模式改革研究[J].吉林化工學(xué)院學(xué)報(bào)，2019，36（6）：27-31.

[3]宋積滿，任務(wù)驅(qū)動(dòng)教學(xué)法在計(jì)算機(jī)應(yīng)用基礎(chǔ)教學(xué)中的應(yīng)用，信息與電腦，2019，31（21）：250-251，254.

[4]史小平，以案例教學(xué)法為核心的高職學(xué)生自主學(xué)習(xí)能力培養(yǎng) 途徑探析[J].湖南工業(yè)職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2017，17（4）：111-114.

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

作者簡介：吳瑤（1993-），女，湖南永州人，碩士，主要研究方向?yàn)閿?shù)據(jù)挖掘、軟件技術(shù);陳文馳（1989-），男，湖南益陽人，碩士，講師，主要研究方向?yàn)樵朴?jì)算技術(shù)研究;胡柳（1988-），男，湖南長沙人，碩士，講師，主要研究方向?yàn)榫W(wǎng)絡(luò)軟件開發(fā)、網(wǎng)絡(luò)信息安全。