JavaScript課程教學內容改革探索與實踐

摘要：本文以目前JavaScript課程教學內容的陳舊、學科化，案例呆板缺少實用性，無法滿足崗位需求為切入點，介紹了我院JavaScript課程在教學內容重整優化、教學案例設計以及教學情境設計等方面所做的改革以及成效，以進一步推動整個課程的教學改革。

關鍵詞：JavaScript 教學內容 教學改革

JavaScript是目前最為流行的客戶端腳本語言之一，它具有良好的動態性、交互性以及跨平臺性。目前，JavaScript已與HTML、CSS一起成為網頁設計中不可或缺的組成部分，因此，其在計算機專業課程體系中所起的銜接作用也為越來越多的高職院校所重視。然而JavaScript課程陳舊的教學內容、過時的教學方法和手段以及與行業的脫節等問題也日益突顯出來，課程改革也提上了日程。

《JavaScript程序設計》是我院計算機應用技術專業的專業核心課程，在專業建設中起著承上啟下的銜接作用。教育部16號文中指出：高等職業院校要積極與行業企業合作開發課程，根據技術領域和職業崗位（群）的任職要求，參照相關的職業資格標準，改革課程體系和教學內容。可見，傳統學科型的教學內容已無法滿足相關崗位職業能力的要求，下面就從教學內容方面介紹JavaScript課程進行的探索實踐。

一、目前JavaScript課程教學內容的情況

（一）教材內容陳舊，與最新技術脫節

學生學習程序語言是從就讀高校開始的，其學習的經歷會使他們下意識地認為程序語言的學習是枯燥乏味且難懂的。JavaScript課程相關的教材與其他課程相比較數量少，在我院《JavaScript程序設計》課程開設期間曾用過多本JavaScript的教材。這些教材或者以案例的實現為主線展開，突出了實踐性卻淡化了理論知識的學習；或者重視理論知識點的學習，但書本內容相對陳舊，不能及時反映當前最新JavaScript技術的進展。而當學生翻開這類JavaScript課程的教材，看到里面的代碼、大篇幅的文字內容以及數學計算類的案例時，直覺地認為只是一門單純的理論課，無法提起學習興趣，也使得他們對最新技術的敏感度不高，認知度不夠。

（二）教學內容學科化，無法滿足職業崗位需求

目前，JavaScript課程的教學內容包括：JavaScript的語言基礎、面對對象編程、對象模型DOM和BOM、事件處理和表單驗證技術等。在教學中一般都是遵循教材章節的順序進行教授，雖然這種傳統的學科化教學突出了理論知識的學習，但是由于章節化的教學使得知識的學習較為獨立，前后內容的相關性體現不明顯，反而不利于技能的熟練掌握。現代企業更多地需要的是有扎實技能且能夠直接上崗的人才，而不是只有理論缺少實踐的人員，單純的學科化知識已無法滿足職業崗位的需求。

（三）教學案例呆板，缺少實際應用性

在JavaScript課程的教學中，很多的技術需要通過實際的案例演示說明，才更易為學生所接受，并通過實際應用才能真正被學生所掌握。在以往的JavaScript課程中所使用的案例都是針對某個知識點設計，如為了介紹循環語句的使用，用一個關于計算前1000個自然數之和的案例來加以說明，這類案例缺乏實際應用性和趣味性，甚至會給數學成績不理想的學生造成一定的學習陰影，此外由于案例的獨立性往往會使學生學了新的內容忘了舊的內容，甚至不知道所學內容有什么用，該用于何處。

隨著教學改革的深入，教學案例也在不斷地改進，然而教材上使用的案例更新速度沒有網絡來得快，更缺少帶有真實場景的、規模恰當的應用型案例，不能很好地體現在前后知識的銜接或前后續課程的過渡以及教學內容的實用性。

二、現階段教學內容的改革

（一）課程內容重整，突出理論與技能相融合

近兩年，我們通過問卷調查、走訪企業現場調查與訪談、邀請企業一線專家召開座談會等多種方式對蘇州市及長三角地區IT行業企業一線的技術人員、人事經理，蘇錫常地區人才市場的網站信息，蘇州市各地區人力資源管理中心的部門負責主管以及本專業畢業生進行市場調研和剖析。從IT相關行業崗位的需求分析中確定了在網頁開發中需要具備的JavaScript相關應用大致包括：增強頁面交互效果，實現服務器和客戶端的交互功能。因此，對JavaScript的教學內容采用在原內容的基礎上進行打散和重整，并在基礎理論“必須”“實用”的基礎上加大實踐教學的比重。

JavaScript課程的學習中應注重專業技術綜合應用能力的培養，以實際應用為重點，根據學生應掌握客戶端數據驗證、使用對象來增強頁面動態效果等技術，并能綜合運用前導課程所學的網頁設計基礎知識、程序設計知識熟練開發豐富動態效果的Web應用程序，為進一步學習JQuery、Ajax等高級框架打基礎的學習目標，對其教學內容進行了合理的調整，包括掌握JavaScript基本語法，JavaScript對象模型和常用對象，CSS樣式特效以及表單驗證等，突出理論和技能的相融合。

（二）課程內容優化，體現工學結合

從學生學習興趣的角度出發，引入情境教學對重整的教學內容進行再次優化。通過情境化的設計可以促進學生的認知，縮短師生、學生與教學內容之間的心理距離，使學生主動投入、以積極的情緒狀態參與到教學環境中去，獲得主動發展，突出其主體性的地位。因此，在課程內容改革中根據課程培養目標的要求，以突出職業能力培養和職業素養養成，體現基于職業崗位分析和具體工作工程為課程設計理念，以真實工作任務為載體組織教學內容，落實“教學做”一體化的教學設計和學習情境設計的流程，將課程內容圍繞初入職場人員如何一步步在部門經理的要求下完成對Eshop數碼商城網站特效展開，設計了包括Eshop數碼商城的實現、購物車頁面特效設計、產品頁面特效設計、后臺框架頁面特效設計、首頁特效設計、表單頁面客戶端驗證實現以及客戶端異步請求功能設計7個子情境。

（三）教學案例設計，與前后續課程銜接

在教學案例的設計中應突出JavaScript課程在專業建設課程體系前后續課程中的承上啟下作用。以我院的《JavaScript程序設計》課程為例，本課程開設在第三學期，是前期《網頁美工》《網站設計與網頁制作》課程與后期《AjaxJQuery技術》課程之間的一個過渡，其平行課程為《HTML+CSS網頁設計》，通過這些課程的學習可以更好地為網站設計開發而服務。該課程對學生職業能力培養和職業素質養成起著主要支撐作用，讓學生滿足網頁設計、網站美工、網站交互設計等崗位的任職要求。

教學案例以前導課程《網站設計與網頁制作》中完成的電子商城網站為載體，設計了具有動態效果網站的工作過程性知識和技能體系的課程，從而形成了JavaScript課程的7個子情境模塊。通過7個模塊的實現來掌握融合于實踐行動中的新知識、新技能，而不是以往僅完成網頁中JavaScript語法基礎知識以及各獨立JS特效的實現，并通過5個階段演練檢驗學生的獨立完成的能力。在課程設計中以實用、注重實踐為原則，真正落實教、學、做一體化課程的實施，切實提高人才培養質量。通過教學模式設計、教學方法設計、教學目標的設計、教學考核改革等，保證專業能力、專業素養和綜合能力的培養。

（四）能力培養，注重多方位發展

對于高職專業的課程來說，課程需注重對學生職業能力的培養和職業素養的養成。因此，我們對每個教學內容從技能目標、專業技能、能力和素養3個方面進行培養目標的規劃，學生通過對相關課程內容的學習不僅能夠掌握相關的理論基礎以及專業技能，更能促進職業素養的養成。如下表列出了學習表單驗證技術應使學生具備的職業技能以及素養。

三、實施效果與總結

通過JavaScript課程教學內容改革的實施縮短師生、學生與教學內容之間的心理距離，大大改變了JavaScript課程的教學現狀，取得了良好的教學效果。學生主動投入、以積極的情緒狀態參與到教學環境中去獲得主動發展，學生制作的網站體驗性和視覺性更好，學生上機考試的成績也得到了明顯的改善，并在畢業后能迅速地適應企業的開發環境。

JavaScript課程以職業能力培養為重點，以就業為導向，培養學生具備職業市場所需的職業能力，生涯發展所需的能力和終生學習的能力。課程的教學改革需要從多方面實施，如教學內容、教學方法與手段、教材建設、評價方式等。本文從課程的教學內容著手可謂是冰山一角，教學改革仍舊任重而道遠。

參考文獻：

[1]譚焱.讓興趣之花在JavaScript課程中綻放[J].大眾科技，2007.

[2]李紅.淺談高職院校中JavaScript課程的教學改革[J].華章，2010.

[3]聶宇，鄒賢芳，羅凌云.JavaScript在高職軟件專業網頁課教學中的研究[J].科技天地，2012.

[4]何志永.JavaScript課程教學優化研究[J].教育與職業，2013.

[5]胡沛.JavaScript課程教學改革探索[J].電腦知識與技術，2011.

[6]侯小麗.JavaScript課程教學的探索與研究[J].太原城市職業技術學院學報.2011.

[7]柯琦.JavaScript程序設計基礎課程教學淺析[J].信息技術，2013.

作者簡介：

芮文艷（1982— ），女，江蘇蘇州人，講師，工程碩士，研究方向：web系統開發、網絡營銷.

（責編 田彩霞）