侯小麗

（太原城市職業(yè)技術(shù)學(xué)院，山西 太原 030027）

Javascript課程教學(xué)的探索與研究

侯小麗

（太原城市職業(yè)技術(shù)學(xué)院，山西 太原 030027）

文章分析了javascript課程的教學(xué)內(nèi)容，并針對計(jì)算機(jī)軟件專業(yè)的特點(diǎn)與培養(yǎng)目標(biāo)，從教學(xué)內(nèi)容與教學(xué)方法兩個(gè)方面進(jìn)行了探索，總結(jié)了教學(xué)方法上的一些實(shí)踐經(jīng)驗(yàn)。

Javascript；動(dòng)態(tài)網(wǎng)頁制作

Javascritp課程是計(jì)算機(jī)軟件專業(yè)的一門必修課，使用該腳本語言主要可以制作動(dòng)態(tài)網(wǎng)頁特效效果和利用腳本的客戶端驗(yàn)證制作表單驗(yàn)證。通過上一學(xué)期的html課程的學(xué)習(xí)，學(xué)生已經(jīng)基本掌握了頁面布局、模板技術(shù)、css樣式等，通過該門課程的學(xué)習(xí)，學(xué)生將能制作包含客戶端驗(yàn)證、具有常見動(dòng)態(tài)效果、界面美觀大方的商業(yè)網(wǎng)站，并學(xué)習(xí)一些DOM對象的高級用法，為第二學(xué)年的Ajax技術(shù)做準(zhǔn)備。該門課程的理論性強(qiáng)，涉及的知識面廣，對學(xué)生的理論與實(shí)踐兩方面的要求均較高。然而對于計(jì)算機(jī)軟件專業(yè)來說，由于培養(yǎng)目標(biāo)與專業(yè)課程設(shè)置的限制，學(xué)生基礎(chǔ)薄弱，而且課時(shí)也有限，因此要在現(xiàn)有的條件下盡可能完成教學(xué)目標(biāo)，培養(yǎng)學(xué)生獨(dú)立制作開發(fā)一個(gè)大型的功能齊全的動(dòng)態(tài)網(wǎng)頁，成為該門課程教學(xué)急待解決的問題。

一、教學(xué)內(nèi)容

Javascritp課程的內(nèi)容包括第一章Javascript的基本語法、第二章DOM編程—windows對象、第三章DOM編程—document對象、第四章css樣式特效、第五章基本的表單驗(yàn)證技術(shù)、第六章表單驗(yàn)證的相關(guān)事件和輔助特效、第七章表單驗(yàn)證的高級特效。內(nèi)容覆蓋較多，與前一學(xué)期的html課程聯(lián)系非常緊密。

在課程教學(xué)內(nèi)容的選擇上應(yīng)根據(jù)軟件專業(yè)的培養(yǎng)目標(biāo)，以實(shí)用技能為核心，有所選擇地安排教學(xué)內(nèi)容。就是要選擇介紹動(dòng)態(tài)網(wǎng)頁制作的基本知識和基本技能，由于受課程學(xué)時(shí)所限，想要全面介紹有關(guān)動(dòng)態(tài)網(wǎng)頁制作的全部知識是不可能的，也沒有必要。

本門課程主要分4大塊內(nèi)容進(jìn)行介紹：第1部分，采用和學(xué)員學(xué)過的Java對比，簡單介紹Javascript的基礎(chǔ)語法；第2部分，重點(diǎn)介紹DOM編程，介紹常用的windows、document、history和 location 對象，突出常用的 open（）、getElementById（）等方法；第3部分，介紹常見的樣式特效，同時(shí)鞏固學(xué)習(xí)第一學(xué)期學(xué)習(xí)的CSS樣式；第4部分，介紹表單的驗(yàn)證和相關(guān)特效，涉及開發(fā)中常見的表單驗(yàn)證內(nèi)容和下拉列表狂級聯(lián)、回車焦點(diǎn)切換、錯(cuò)誤即時(shí)提醒等表單相關(guān)特效。

在課程教學(xué)內(nèi)容的組織上，以案例為主線，并適當(dāng)?shù)匕讯鄠€(gè)案例連結(jié)成一個(gè)工程項(xiàng)目。本門課將沿用第一學(xué)期的淘寶網(wǎng)案例，理論課將學(xué)習(xí)制作淘寶網(wǎng)特效（第一學(xué)期制作過靜態(tài)頁面），上機(jī)課將完成拍拍網(wǎng)特效（第一學(xué)期制作過靜態(tài)頁面），項(xiàng)目案例課將完成51job人才招聘網(wǎng)的制作，同時(shí)鞏固第一學(xué)期學(xué)過的頁面布局、模板技術(shù)、css樣式等。

二、教學(xué)方法

由于Javascritp課程既具有較深的理論研究內(nèi)容，同時(shí)也具有很強(qiáng)的實(shí)踐性，因此在教學(xué)方法上應(yīng)該做到理論性與實(shí)踐性相結(jié)合，而且實(shí)踐的課時(shí)是理論學(xué)習(xí)課時(shí)的2倍，需要學(xué)生加強(qiáng)動(dòng)手能力，代碼調(diào)試等。在教學(xué)過程中采用了理論課教學(xué)、上機(jī)課練習(xí)、項(xiàng)目案例課設(shè)計(jì)相結(jié)合的教學(xué)方法。

（1）理論課教學(xué)

理論課教學(xué)是向?qū)W生傳授知識的基礎(chǔ)。在整個(gè)課程教學(xué)中設(shè)計(jì)了一個(gè)大的案例貫穿始終，使枯燥的編程學(xué)習(xí)變得生動(dòng)有趣，激發(fā)了學(xué)生學(xué)習(xí)的興趣。在課堂教學(xué)中每章都設(shè)計(jì)了小的獨(dú)立的課堂案例，并給學(xué)生布置了工作任務(wù)，在每章開始授課前，都給學(xué)生提出了技能目標(biāo)，便于學(xué)生掌握上機(jī)練習(xí)的重點(diǎn)。

（2）上機(jī)課練習(xí)

由于Javascript屬于實(shí)踐性很強(qiáng)的課程，所以在設(shè)計(jì)教學(xué)的過程中上機(jī)實(shí)踐課時(shí)是理論授課課時(shí)的2倍，需要學(xué)生親自動(dòng)手設(shè)計(jì)界面和進(jìn)行代碼的編寫調(diào)試。所以在課后安排了大量的實(shí)例練習(xí)，通過實(shí)例的練習(xí)使得學(xué)生能夠舉一反三，理解和應(yīng)用課堂所學(xué)理論知識。學(xué)生在完成上機(jī)題的過程中，對學(xué)習(xí)的課堂理論知識進(jìn)行了復(fù)習(xí)和鞏固。同時(shí)，在課后作業(yè)中適當(dāng)?shù)卦黾右恍┚哂刑岣咝缘乃伎碱}，并在課堂上簡單給予思路的指導(dǎo)，引導(dǎo)學(xué)生主動(dòng)查閱相關(guān)資料，完成課后題，以達(dá)到靈活應(yīng)用所學(xué)。

（3）項(xiàng)目案例課程設(shè)計(jì)

項(xiàng)目教學(xué)法是指學(xué)生在教師的指導(dǎo)下親自處理一個(gè)項(xiàng)目的全過程，在這一過程中學(xué)習(xí)掌握教學(xué)計(jì)劃內(nèi)的教學(xué)內(nèi)容。學(xué)生全部或部分獨(dú)立組織、安排學(xué)習(xí)行為，解決在處理項(xiàng)目中遇到的困難，提高了學(xué)生的興趣，自然能調(diào)動(dòng)學(xué)習(xí)的積極性。因此“項(xiàng)目教學(xué)法”是一種典型的以學(xué)生為中心的教學(xué)方法。

為了更好地掌握和理解使用Javascript制作動(dòng)態(tài)網(wǎng)頁特效，在理論課和上機(jī)課學(xué)習(xí)結(jié)束之后，進(jìn)行了一周的項(xiàng)目案例課程設(shè)計(jì)，要求學(xué)生獨(dú)立完成51job人才招聘網(wǎng)的制作，通過該課程設(shè)計(jì)，學(xué)生們將所學(xué)的理論知識連貫起來，充分應(yīng)用到實(shí)踐當(dāng)中，深刻體會(huì)了常用對象及其用法以及表單的驗(yàn)證和相關(guān)特效，同時(shí)鞏固訓(xùn)練了第一學(xué)期學(xué)過的頁面布局、模板技術(shù)、css樣式等。通過該課程設(shè)計(jì)，鍛煉了學(xué)生的實(shí)踐動(dòng)手能力和解決實(shí)際問題的能力。

Javascript課程是計(jì)算機(jī)軟件技術(shù)專業(yè)的一門專業(yè)課程，如何更好地完成Javascript課程的教學(xué)，讓學(xué)生能夠準(zhǔn)確理解和掌握動(dòng)態(tài)網(wǎng)頁制作的基本理論知識，在實(shí)際應(yīng)用當(dāng)中靈活運(yùn)用，并能培養(yǎng)學(xué)生較強(qiáng)的動(dòng)手能力，獨(dú)立完成相關(guān)網(wǎng)頁的制作，是本門課程要解決的主要問題。本文分析了Javascript課程的教學(xué)內(nèi)容，并針對計(jì)算機(jī)軟件專業(yè)的特點(diǎn)與培養(yǎng)目標(biāo)，總結(jié)了教學(xué)方法上的一些實(shí)踐經(jīng)驗(yàn)。

［1］徐祗祥.Javascript客戶端驗(yàn)證和頁面特效制作［M］.北京：科學(xué)技術(shù)文獻(xiàn)出版社，2008.

G718.5

A

1673-0046（2011）01-0038-01