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

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

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

JavaScript（簡稱JS）作為一種輕型、解釋型的程序設(shè)計(jì)語言，具有面向?qū)ο蟮墓δ堋Ｋ粌H可以用來表示W(wǎng)eb瀏覽器窗口及其內(nèi)容的對象，還可以用于客戶端編寫程序，使靜態(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ǔ)、教材難易度、社會崗位需求有效進(jìn)行備課、授課。因此，如何改進(jìn)中職院校教師現(xiàn)有的授課習(xí)慣、教學(xué)方法和手段，調(diào)動學(xué)生學(xué)習(xí)的積極性與主動性，激發(fā)學(xué)生的學(xué)習(xí)興趣，是廣大中職院校一線工作者需要潛心研究的問題。下面筆者以多年的實(shí)踐教學(xué)經(jīng)驗(yàn)，淺談中職院校JS課程在的教學(xué)技巧與方法。

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

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

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

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

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

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

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

在筆者多年一線教學(xué)實(shí)踐中，深深感到，對中職學(xué)生來講，除了JS課程自身理解與應(yīng)用的難度以外，影響學(xué)生學(xué)習(xí)的另一個(gè)重要因素是英語單詞的識記與拼寫。在調(diào)試程序的過程中，學(xué)生總因?yàn)橛⒄Z單詞拼寫錯誤而影響整個(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í)英語的主動性也是文化課教師值得研究的問題。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

經(jīng)過前面幾個(gè)教學(xué)環(huán)節(jié)的實(shí)踐以后，學(xué)生需要重新回到原點(diǎn)，那就是對知識點(diǎn)、語法的再次重溫與回顧，系統(tǒng)地列出整個(gè)章節(jié)