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

吳淑琴

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

關鍵詞：中職學生 JavaScript課程 教學方法

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

一、展示動感十足的案例，培養興趣

1.引發學生的興趣

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

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

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

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

二、夯實基礎，強化專業英語教學

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

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

三、任務驅動配合案例教學

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

1.創設情境，提出任務需求

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

2.觀察思考，分解任務

圍繞展示的頁面進行觀察、思考和分析，將總任務分解成若干個小的任務，逐步解決。針對提出的任務，可將其分解成：頁面中添加浮動廣告是網站中常用的頁面特效，這種浮動的春聯，顯然與頁面本身不在同一個平面，這個問題怎么解決？隨著用戶滾動鼠標頁面，浮動的春聯也隨之滾動，應該用什么技術來實現？用什么事件來實現這種技術？

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

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

4.操作實施，完成任務

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

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

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

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

2.強調項目的實用性，增強運用知識的靈活性

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

3.經驗分享，提升學生的認知水平

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

五、系統總結，強化語法識記

經過前面幾個教學環節的實踐以后，學生需要重新回到原點，那就是對知識點、語法的再次重溫與回顧，系統地列出整個章節的知識點與前面所學知識的聯系，鞏固語法，強化對基礎知識的認識與識記。

通過以上五個連貫的教學環節，大部分學生能夠基本掌握教學內容。經過多年的教學實踐，保持學生學習JS課程的興趣與熱情，強化英語基礎知識、單詞的識記，已成為職教工作者在教學工作中不斷探索與思考的重點和難點。

（作者單位：秦皇島技師學院）