《JavaScript網(wǎng)頁特效設(shè)計(jì)》課程實(shí)施教學(xué)做合一的研究與實(shí)踐

摘 要：JavaScript在現(xiàn)在的網(wǎng)頁設(shè)計(jì)中扮演的角色越來越重要，JQuery就是其典型的應(yīng)用實(shí)例。作為職業(yè)院校計(jì)算機(jī)軟件或網(wǎng)頁相關(guān)專業(yè)必須開設(shè)的一門課程，如何利用現(xiàn)代信息化手段，多方面綜合的去設(shè)計(jì)這個(gè)課程，使其更符合實(shí)際的開發(fā)應(yīng)用，也容易使用學(xué)生們接受是本文件討論的重要內(nèi)容。本文從現(xiàn)在課程出現(xiàn)的問題，課程設(shè)計(jì)的背景與意義，研究的思路，研究?jī)?nèi)容與方法等方面進(jìn)行了全面的描述。

關(guān)鍵詞：Javascript；課程開發(fā)；教學(xué)做合一

中圖分類號(hào)：TP312

隨著HTML5和Ajax的升溫，JavaScript越來越得到人們的重視。重要的是，Ajax在一定程度上帶來了web軟件架構(gòu)上的變化，特別是在移動(dòng)開發(fā)領(lǐng)域，HMTL5+JavaScript+CSS技術(shù)徹底擊敗Flash，成為各大移供應(yīng)商支持的技術(shù)。人們把越來越多的功能分配到客戶端實(shí)現(xiàn)，JavaScript子項(xiàng)目規(guī)模越來越大。如何更高效的使用JavaScript，如何更科學(xué)的組織JavaScript，如何更順利的保證項(xiàng)目進(jìn)展？都變成很重要的工作。

由于JavaScript是“世界上最被誤解的語言”，大部分人對(duì)JavaScript語法并沒有全面了解過，只是憑借看起來很像c或者java的關(guān)鍵字按照自己的理解寫JavaScript代碼。其實(shí)JavaScript是一種很獨(dú)特的語言，和c++/java有非常大的區(qū)別，要想用JavaScript做大一些的項(xiàng)目，開發(fā)人員必須老老實(shí)實(shí)的學(xué)習(xí)JavaScript的語法。真正掌握了語法后，才不會(huì)把delete看成釋放內(nèi)存對(duì)象，才不會(huì)為到底參數(shù)傳遞是值傳遞還是引用傳遞而煩惱。真正理解了JavaScript的基于原型的DOM操作方式，才可能寫出具有良好架構(gòu)的JavaScript程序。

1 問題提出

目前“JavaScript網(wǎng)頁特效設(shè)計(jì)”類課程在職業(yè)院校軟件及相關(guān)專業(yè)普遍開設(shè)，也是未來網(wǎng)站友好互動(dòng)發(fā)展的方向。但由于沒有符合高職院校自身特點(diǎn)的教材和課程體系，其中教材內(nèi)容往往羅列煩瑣，講述枯燥，案例缺乏實(shí)際應(yīng)用性，實(shí)踐教法單一，且缺乏流行新技術(shù)元素和相關(guān)的Web開發(fā)技能。

當(dāng)前的高職院校學(xué)生普遍缺少學(xué)習(xí)的主觀能動(dòng)性和學(xué)習(xí)習(xí)慣，特別對(duì)于軟件開發(fā)和網(wǎng)站設(shè)計(jì)技術(shù)專業(yè)的學(xué)生來說，自主學(xué)習(xí)是將來走上職業(yè)崗位的核心素質(zhì)。如何培養(yǎng)學(xué)生的學(xué)習(xí)的主觀能動(dòng)性和學(xué)習(xí)習(xí)慣，是軟件課程教學(xué)中迫切需要解決的問題。

本教研項(xiàng)目研發(fā)過程中，擬解決的關(guān)鍵問題如下：

問題一、以任務(wù)驅(qū)動(dòng)為主，案例為導(dǎo)向的設(shè)計(jì)具體如何實(shí)現(xiàn)？

問題二、課程資源如何體現(xiàn)流行用戶交互新技術(shù)元素和相關(guān)的在Web中常見的Javascript開發(fā)技能？

問題三、如何使教材中案例體現(xiàn)出應(yīng)用性和實(shí)用性？

問題四、如何充分提升學(xué)生的Javascript動(dòng)態(tài)交互設(shè)計(jì)能力，高效實(shí)現(xiàn)教學(xué)做的合一？

2 研究意義和價(jià)值

開發(fā)《JavaScript網(wǎng)頁特效設(shè)計(jì)》課程的目標(biāo)是為了使我院軟件與網(wǎng)站建設(shè)專業(yè)的Web設(shè)計(jì)與開發(fā)的專業(yè)課程，它是《Web系統(tǒng)設(shè)計(jì)》課程的前導(dǎo)課程。開發(fā)教學(xué)做合一的《JavaScript網(wǎng)頁特效設(shè)計(jì)》課程可以有效的提升軟件技術(shù)與網(wǎng)站設(shè)計(jì)專業(yè)Web開發(fā)相關(guān)課程的授課效果。

采用實(shí)際使用的常見網(wǎng)頁中案例為導(dǎo)向可以明確學(xué)習(xí)思路與目標(biāo)，提升學(xué)生的成就感和學(xué)習(xí)興趣，激發(fā)學(xué)生的學(xué)習(xí)動(dòng)力。理實(shí)一體化和即時(shí)指導(dǎo)的授課方式，可以有效和及時(shí)地解決學(xué)生學(xué)習(xí)中出現(xiàn)的問題。自學(xué)內(nèi)容可以提升學(xué)生的ISAS（InformationSearchandAnalysisSkills）能力，為學(xué)生的職業(yè)崗位素質(zhì)培養(yǎng)打下良好的基礎(chǔ)。

本著“以技能為核心，以就業(yè)為導(dǎo)向”的思想，將網(wǎng)站設(shè)計(jì)技術(shù)職業(yè)崗位實(shí)際需求的知識(shí)和技能在《JavaScript網(wǎng)頁特效設(shè)計(jì)》課程中完全體現(xiàn)，建立一套“以任務(wù)驅(qū)動(dòng)為主，案例為導(dǎo)向，職業(yè)能力培養(yǎng)為目標(biāo)”課程資源包，讓學(xué)生在學(xué)習(xí)過程中掌握現(xiàn)在主流的JavaScript開發(fā)技術(shù)，并在教與學(xué)的過程中，提升自身的主觀能動(dòng)性，更好地培養(yǎng)自身的職業(yè)素質(zhì)。

3 研究思路

針對(duì)項(xiàng)目擬需解決的關(guān)鍵問題，指定了以下的研究與開發(fā)思路：

3.1 以任務(wù)驅(qū)動(dòng)為主，案例為導(dǎo)向的設(shè)計(jì)具體實(shí)現(xiàn)

教材以項(xiàng)目化、案例貫穿和任務(wù)模式進(jìn)行設(shè)計(jì)。使用網(wǎng)站項(xiàng)目貫穿整個(gè)教材。每一章（教學(xué)單元）的內(nèi)容都從案例引入，分為如下步驟：（1）單元（章）題目；（2）工作任務(wù)描述；（3）技能目標(biāo)描述；（4）章節(jié)內(nèi)容；（5）總結(jié)；（6）作業(yè)

課后完成作業(yè)案例，進(jìn)一步對(duì)知識(shí)進(jìn)行鞏固和提高。

3.2 課程資源體現(xiàn)流行新技術(shù)元素和相關(guān)的JavaScript開發(fā)技能

每個(gè)單元的任務(wù)根據(jù)任務(wù)目標(biāo)做出需求分析，并融入相應(yīng)的所需的知識(shí)內(nèi)容和職業(yè)技能（如開發(fā)工具的使用，開發(fā)技巧等內(nèi)容）。對(duì)流行新技術(shù)或重點(diǎn)代碼采用注釋類型的文字加以說明，再輔助學(xué)生理解重點(diǎn)知識(shí)點(diǎn)和新技術(shù)概念的同時(shí)，擴(kuò)展學(xué)生視野和學(xué)習(xí)思路。

3.3 使教材中案例體現(xiàn)出應(yīng)用性和實(shí)用性

貫穿整個(gè)教材的網(wǎng)站項(xiàng)目應(yīng)該采用實(shí)際的項(xiàng)目，講述的知識(shí)點(diǎn)應(yīng)配合實(shí)際的開發(fā)內(nèi)容加以闡述，開發(fā)的項(xiàng)目可以在實(shí)際環(huán)境中直接使用，這樣使學(xué)到的知識(shí)內(nèi)容可以及時(shí)得到驗(yàn)證，同時(shí)項(xiàng)目本身也具有較強(qiáng)實(shí)用性。

3.4 充分提升學(xué)生的ISAS能力，高效實(shí)現(xiàn)教學(xué)做的合一

講解的手法采用循序漸進(jìn)的方式，授課過程強(qiáng)調(diào)“復(fù)習(xí)預(yù)習(xí)新單元任務(wù)需求描述授課總結(jié)布置作業(yè)”的模式，同時(shí)在教材體系中融入四種教學(xué)模式：理論、實(shí)踐、指導(dǎo)和自學(xué)。通過四種模式的有效結(jié)合，充分提升學(xué)生的學(xué)習(xí)積極性和授課效果。

4 內(nèi)容與方法

4.1 知識(shí)與教學(xué)資源儲(chǔ)備：

本課程教材將以“案例導(dǎo)向，任務(wù)驅(qū)動(dòng)”為設(shè)計(jì)模式，采用理實(shí)一體化和即時(shí)指導(dǎo)教學(xué)模式，配合一定量自學(xué)單元完成整體課程體系設(shè)計(jì)。課程開發(fā)的教學(xué)內(nèi)容依托既有的實(shí)踐項(xiàng)目，經(jīng)過提煉選擇適合教學(xué)的相關(guān)內(nèi)容。目前項(xiàng)目參與者已經(jīng)收集了相關(guān)的教材、案例、課件和其它教學(xué)輔助資源。

4.2 人員調(diào)配與開發(fā)時(shí)間分析：

項(xiàng)目主持人完成職業(yè)崗位技能分析，根據(jù)需求分析制作《JavaScript網(wǎng)頁特效設(shè)計(jì)》課程標(biāo)準(zhǔn)；組織項(xiàng)目團(tuán)隊(duì)全體人員學(xué)習(xí)課程標(biāo)準(zhǔn)，研究方案，確定案例；然后開始教材準(zhǔn)備和案例同步開發(fā)，案例應(yīng)于3個(gè)月內(nèi)完成，開展階段性研究，總結(jié)分析和確定案例各階段任務(wù)目標(biāo)和技能目標(biāo)，寫出階段性研究報(bào)告。繼續(xù)實(shí)施，然后將案例整合到教材的理論和實(shí)踐章節(jié)中；

參考文獻(xiàn)：

[1]何志永.JavaScript課程教學(xué)優(yōu)化研究[J].教育與職業(yè)，2013，01，11.

[2]侯小麗.Javascript課程教學(xué)的探索與研究[J].太原城市職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2011，01，28.

作者單位：遼寧機(jī)電職業(yè)技術(shù)學(xué)院，遼寧丹東 118009