論中職院校JavaScript課程的教學方法

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

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

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

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

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

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

2.把維持興趣作為教師日常授課的重點

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

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

二、夯實基礎，強化專業(yè)英語教學

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

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

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

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

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

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

2.觀察思考，分解任務

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

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

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

4.操作實施，完成任務

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

四、通過項目案例強化知識應用

1.強化項目練習，增強學生自信心

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

2.強調(diào)項目的實用性，增強運用知識的靈活性

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

3.經(jīng)驗分享，提升學生的認知水平

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

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

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