論中職院校JavaScript課程的教學(xué)方法

吳淑琴

摘 要：隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，社會(huì)對(duì)網(wǎng)絡(luò)技術(shù)人員的技能水平要求也越來越高。JavaScript課程已成為網(wǎng)站開發(fā)人員必須掌握的核心課程。本文針對(duì)中職院校JavaScript課程的教學(xué)現(xiàn)狀，結(jié)合教學(xué)體會(huì)，闡述了中職院校JavaScript課程的教學(xué)方法。

關(guān)鍵詞：中職學(xué)生 JavaScript課程 教學(xué)方法

JavaScript（簡(jiǎn)稱JS）作為一種輕型、解釋型的程序設(shè)計(jì)語言，具有面向?qū)ο蟮墓δ?。它不僅可以用來表示W(wǎng)eb瀏覽器窗口及其內(nèi)容的對(duì)象，還可以用于客戶端編寫程序，使靜態(tài)頁面變得鮮活起來，因而受到越來越多的技術(shù)人員的青睞。而目前中職學(xué)生的學(xué)習(xí)水平很難達(dá)到用人單位的標(biāo)準(zhǔn)，筆者認(rèn)為造成這一現(xiàn)象的原因是多方面的，其中一個(gè)重要的方面就是教學(xué)方法是否符合中職學(xué)生的認(rèn)知特點(diǎn)，教師是否根據(jù)學(xué)生基礎(chǔ)、教材難易度、社會(huì)崗位需求有效進(jìn)行備課、授課。因此，如何改進(jìn)中職院校教師現(xiàn)有的授課習(xí)慣、教學(xué)方法和手段，調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性與主動(dòng)性，激發(fā)學(xué)生的學(xué)習(xí)興趣，是廣大中職院校一線工作者需要潛心研究的問題。下面筆者以多年的實(shí)踐教學(xué)經(jīng)驗(yàn)，淺談中職院校JS課程在的教學(xué)技巧與方法。

一、展示動(dòng)感十足的案例，培養(yǎng)興趣

1.引發(fā)學(xué)生的興趣

美國(guó)心理學(xué)家布盧姆說過：“學(xué)習(xí)的最大動(dòng)力，是對(duì)學(xué)習(xí)材料的興趣?！痹趯W(xué)習(xí)相對(duì)較為枯燥的JS課程之前，教師可先展示一些用JS編寫的動(dòng)感十足的特效網(wǎng)站效果，如“跑馬燈效果”“浮動(dòng)廣告效果”“浮動(dòng)對(duì)聯(lián)效果”等，引發(fā)學(xué)生對(duì)這門課程的興趣，增強(qiáng)學(xué)生自主學(xué)習(xí)、探索的欲望。學(xué)生有了興趣，學(xué)習(xí)就不是一種負(fù)擔(dān)，而是一種享受。

2.把維持興趣作為教師日常授課的重點(diǎn)

法國(guó)偉大的啟蒙思想家盧梭說過：“問題不在于教他各種學(xué)問，而在于培養(yǎng)他有愛好學(xué)問的興趣，而且在這種興趣充分增長(zhǎng)起來的時(shí)候，教他以研究學(xué)問的方法?！碑?dāng)學(xué)生有了學(xué)習(xí)的興趣，教學(xué)的重點(diǎn)就要放在如何維持興趣上。維持興趣最好的辦法就是教給學(xué)生學(xué)習(xí)的方法，培養(yǎng)其自我學(xué)習(xí)的能力。任何高明的教師都不能把學(xué)生直接教成科學(xué)家，教為通才。蘇聯(lián)教育家蘇霍姆林斯基說過：“教師在教育上的英明，就是要讓孩子任何時(shí)候都不失去信心，任何時(shí)候都不感到一事無成?！?/p>

針對(duì)中職學(xué)生的文化基礎(chǔ)水平，對(duì)于學(xué)好JS課程提出如下方法：培養(yǎng)細(xì)心、耐心、認(rèn)真的調(diào)試程序的心態(tài);理論聯(lián)系實(shí)踐，善于思考總結(jié)，舉一反三，勤于上機(jī)練習(xí);強(qiáng)化基礎(chǔ)語法識(shí)記，勤于練筆，編寫小程序。教師可用以上方法，引導(dǎo)學(xué)生調(diào)試和編寫一些小程序，增強(qiáng)學(xué)習(xí)的興趣與成就感。

二、夯實(shí)基礎(chǔ)，強(qiáng)化專業(yè)英語教學(xué)

在筆者多年一線教學(xué)實(shí)踐中，深深感到，對(duì)中職學(xué)生來講，除了JS課程自身理解與應(yīng)用的難度以外，影響學(xué)生學(xué)習(xí)的另一個(gè)重要因素是英語單詞的識(shí)記與拼寫。在調(diào)試程序的過程中，學(xué)生總因?yàn)橛⒄Z單詞拼寫錯(cuò)誤而影響整個(gè)程序的調(diào)試，從而挫傷學(xué)生學(xué)好JS課程的信心。在一線教學(xué)中，筆者把每一章出現(xiàn)的單詞提煉出來，作為專項(xiàng)訓(xùn)練課程。布置單詞讀寫任務(wù)，讓學(xué)生多多練習(xí)，反復(fù)拼讀，引導(dǎo)學(xué)生克服心理障礙，打好學(xué)習(xí)JS課程的基礎(chǔ)。

除了在課堂上做專項(xiàng)練習(xí)以外，筆者也積極向主管教學(xué)領(lǐng)導(dǎo)提出教學(xué)建議，增設(shè)專業(yè)英語教學(xué)課程。如何提高學(xué)生學(xué)習(xí)英語的主動(dòng)性也是文化課教師值得研究的問題。

三、任務(wù)驅(qū)動(dòng)配合案例教學(xué)

解決英語學(xué)習(xí)的困難以后，筆者提出“任務(wù)需求—分析任務(wù)思路—引出解決問題”的方法，層層深入，從語法到案例，最后引導(dǎo)學(xué)生自主完成任務(wù)。下面以制作對(duì)聯(lián)廣告這一任務(wù)為例，闡述任務(wù)驅(qū)動(dòng)教學(xué)法在教學(xué)過程中的具體實(shí)施過程。

1.創(chuàng)設(shè)情境，提出任務(wù)需求

找出幾個(gè)典型應(yīng)用對(duì)聯(lián)廣告、浮動(dòng)廣告的網(wǎng)站，讓學(xué)生觀賞，使學(xué)生對(duì)自己要解決的任務(wù)有一個(gè)直觀的認(rèn)識(shí)。同時(shí)，提出任務(wù)需求，讓學(xué)生利用已學(xué)知識(shí)去解決問題，即提出問題。

2.觀察思考，分解任務(wù)

圍繞展示的頁面進(jìn)行觀察、思考和分析，將總?cè)蝿?wù)分解成若干個(gè)小的任務(wù)，逐步解決。針對(duì)提出的任務(wù)，可將其分解成：頁面中添加浮動(dòng)廣告是網(wǎng)站中常用的頁面特效，這種浮動(dòng)的春聯(lián)，顯然與頁面本身不在同一個(gè)平面，這個(gè)問題怎么解決？隨著用戶滾動(dòng)鼠標(biāo)頁面，浮動(dòng)的春聯(lián)也隨之滾動(dòng)，應(yīng)該用什么技術(shù)來實(shí)現(xiàn)？用什么事件來實(shí)現(xiàn)這種技術(shù)？

3.教師分析思路，引出新知識(shí)與語法

根據(jù)已學(xué)過的知識(shí)，學(xué)生很快會(huì)從頭腦中搜索答案。用學(xué)習(xí)過的DIV層來解決不在同一個(gè)平面的問題，去學(xué)習(xí)DIV層的樣式屬性——positioning屬性，對(duì)浮動(dòng)春聯(lián)進(jìn)行初始定位，利用position屬性的absolute屬性值。浮動(dòng)春聯(lián)隨鼠標(biāo)滾動(dòng)而滾動(dòng)的技術(shù)，要用到滾動(dòng)條的樣式屬性，獲取元素在垂直和水平方向上流動(dòng)的距離。獲取滾動(dòng)條距窗口頂端的距離語法是：document.document Element.scroll Top; 獲取滾動(dòng)條距窗口左邊的距離的語法是：document.document Element.scroll Left。同時(shí)，還要解決兩副對(duì)聯(lián)的層疊問題，用到Z????????—index屬性設(shè)置元素的堆疊次序，使春聯(lián)所在的層位于頁面的上方。通過什么事件來實(shí)現(xiàn)呢？在制作隨鼠標(biāo)滾動(dòng)的廣告圖片時(shí)，常用的兩個(gè)事件就是onscroll與onload。語法：window.onscroll=方法名;window.onload=方法名。注意這里的方法名后不加小括號(hào)（）。這兩個(gè)語法分別代表用戶滾動(dòng)頁面和頁面加載。

4.操作實(shí)施，完成任務(wù)

思路分析完成以后，接下來就是任務(wù)的操作實(shí)施階段。學(xué)生可以根據(jù)老師講解的語法，先通過實(shí)例上機(jī)實(shí)踐，理解并熟練掌握相關(guān)的知識(shí)點(diǎn)。這個(gè)階段是學(xué)生消化和吸收知識(shí)的階段，是學(xué)生由不會(huì)到會(huì)、由初識(shí)到熟練的階段，也是學(xué)生充分調(diào)動(dòng)各種感官、發(fā)揮各種能動(dòng)性的階段。

四、通過項(xiàng)目案例強(qiáng)化知識(shí)應(yīng)用

1.強(qiáng)化項(xiàng)目練習(xí)，增強(qiáng)學(xué)生自信心

在一個(gè)案例講解完成以后，老師要安排與知識(shí)點(diǎn)相關(guān)的項(xiàng)目練習(xí)案例，一方面強(qiáng)化知識(shí)的吸收與識(shí)記，另一方面縮小學(xué)生與將來就業(yè)崗位的距離，增強(qiáng)學(xué)生的自信心與成就感。教師在此環(huán)節(jié)更多的是引導(dǎo)與幫助的角色，任務(wù)更多的是由學(xué)生分組研討完成。

2.強(qiáng)調(diào)項(xiàng)目的實(shí)用性，增強(qiáng)運(yùn)用知識(shí)的靈活性

在此環(huán)節(jié)中，教師最重要的一個(gè)作用，也是最難實(shí)施的一個(gè)環(huán)節(jié)就是給學(xué)生提供更實(shí)用的項(xiàng)目案例與項(xiàng)目相關(guān)的需求分析。下一步就是由學(xué)生自主設(shè)計(jì)和完成項(xiàng)目，讓學(xué)生自主地將知識(shí)轉(zhuǎn)化為崗位需求、客戶需求，站在工作的角度分析、完成任務(wù);讓學(xué)生將所學(xué)的知識(shí)點(diǎn)自主地轉(zhuǎn)化為內(nèi)在的能力，從而增強(qiáng)和提高學(xué)生駕馭知識(shí)的靈活性。

3.經(jīng)驗(yàn)分享，提升學(xué)生的認(rèn)知水平

項(xiàng)目案例完成以后，教師要引導(dǎo)學(xué)生與大家一起分享自己的思考過程與解決問題的方法，展示自己的作品，使學(xué)生們?nèi)￠L(zhǎng)補(bǔ)短，相互學(xué)習(xí)，共同提高。

五、系統(tǒng)總結(jié)，強(qiáng)化語法識(shí)記

經(jīng)過前面幾個(gè)教學(xué)環(huán)節(jié)的實(shí)踐以后，學(xué)生需要重新回到原點(diǎn)，那就是對(duì)知識(shí)點(diǎn)、語法的再次重溫與回顧，系統(tǒng)地列出整個(gè)章節(jié)的知識(shí)點(diǎn)與前面所學(xué)知識(shí)的聯(lián)系，鞏固語法，強(qiáng)化對(duì)基礎(chǔ)知識(shí)的認(rèn)識(shí)與識(shí)記。

通過以上五個(gè)連貫的教學(xué)環(huán)節(jié)，大部分學(xué)生能夠基本掌握教學(xué)內(nèi)容。經(jīng)過多年的教學(xué)實(shí)踐，保持學(xué)生學(xué)習(xí)JS課程的興趣與熱情，強(qiáng)化英語基礎(chǔ)知識(shí)、單詞的識(shí)記，已成為職教工作者在教學(xué)工作中不斷探索與思考的重點(diǎn)和難點(diǎn)。

（作者單位：秦皇島技師學(xué)院）