高職課程《JavaScript動態網頁設計》教學設計優化

李敬文

摘要：隨著互聯網技術的高速發展，Web技術被日益廣泛的使用，以JavaScript技術為核心的客戶端開發技術迅速。高職院校應以崗位需求為導向，加強JavaScript程序設計課程體系建設探究。該文介紹了JavaScript課程現狀、JavaScript教學設計優化的必要性，提出了我校JavaScript課程建設和教學設計優化。

1 引言

隨著信息技術的發展，web應用系統越來越流行。因此高職軟件專業都將web應用系統開發作為一個重要的開設方向。對web應用系統開發學生不僅要掌握web服務器數據處理開發技術，而且還要掌握基于瀏覽器相關的開發技術。隨著web應用系統越來越復雜和功能越來越強大，使得web應用系統由原來的瘦客戶端逐漸轉變為胖客戶端，因此基于瀏覽器相關的開發技術越變得越來越重要。為提高高職軟件專業的技術全面性和可持續發展能力，本文將針對JavaScript動態網頁設計進行教學優化研究。

2 JavaScript課程現狀分析

目前大多數高職院校人才培養方案中，與客戶端技術相關的程只有網絡設計與制作、程序設計兩門課，課程主要包括HTML、CSS、JavaScript三大部分，通常在1-2學期完成。但是以JavaScript技術為核心的客戶端開發技術應用如此泛，相關技術如此之多，筆者認為應該加強客戶端相關課程建設。雖然該課程語法簡單，易學習，但由于內容多、雜，系統性不強，應用靈活，學生要想很好的掌握有一難度。所以應該加強指導學生完一定的綜合性實訓項目，從而真正的掌握課程的內容。

3 JavaScript教學設計優化必要性

JavaScript動態網頁設計是一種動態類型、弱類型、跨平臺的直譯式腳本語言，是瀏覽器的一部分，廣泛用于瀏覽器客戶端的腳本語言。Web頁面可以通過JavaScript實現豐富多彩的動態特效，可以通過JavaScript偵聽技術實現事件觸發完成各種復雜動作。Web頁面可以通過JavaScript實現局面組件與服務器進行數據交互而不刷新頁面，實現頁面的靜態化。因此JavaScript動態網頁設計正成為基于瀏覽器開發最重要的程序設計語言，而且應用前景越來越廣闊。因此JavaScript及其框架技術必定是web應用系統開發技術的重要組成部分。開設JavaScript課程，進而提高JavaScript程序開發課程地位，是培養高技能軟件開發人才的必要條件。

4 JavaScript教學設計的優化

通過網絡課程信息化條件，助推教學方法和課堂模式的不斷改革與創新，實現課程教學“課內”與“課外”、“線上”與“線下”有機融合，鼓勵教師參與到混合教學課程中來，激勵學生主動利用網絡教學平臺進行自主學習；拓展師生的交互空間，以極大地提升了課程的影響和輻射力。

（1）采用“翻轉課堂”教學模式

“翻轉課堂”教學，是以學生為核心，教師則升格為學生學習的設計者、指導者、幫助者和學習伙伴，學生和教師教學相長。“學習任務單”，是教師設計的幫助學生在課前明確自主學習的內容、目標和方法，并提供相應的學習資源，以表單為呈現方式的學習路徑文件包。學習任務單的設計應包含學習指南、學習任務、問題設計、建構性學習資源、學習測試、學習檔案和學習反思等項內容。通過觀看“微課”或者閱讀、分析其它由教師提供的配套學習資源來完成“任務單”給出的任務。

由于學生借助教師提供的“任務單”和“微課”在家從事自主學習，已經基本上掌握了相關學習內容，因此，課堂教學活動中“教”就游刃有余，適當以內化和拓展為核心展開，進行教學方式創新。

課堂教學方式創新主要包括檢測、作業、協作、展示等四個方面。檢測：檢測自主學習成效，讓學生收獲學習成就感，同時發現自主學習中存在的問題。作業：檢測基礎上的進階學習，是內化知識的重要環節，沒有作業就沒有“翻轉”。協作：對于實訓技能項目中產生的疑難問題，借助于協作學習激發智慧、內化知識、培養團隊意識、養成討論習慣、熟悉溝通技巧等。展示：展示是高效學習的策略，可以內化知識、拓展能力，提升學習效率。

（2）教學內容與工程實踐相結合的教學模式

在教學過程中，安排約60%的學時作為能力培養的實踐性教學環節，設置循序漸進、有深度、針對職業崗位能力培養的配套實訓項目，包括課堂項目驅動教學中驗證性實訓、課外拓展實訓、項目實踐教學、企業實訓。項目來源于合作企業，突出工程技術應用，使實訓教學與項目應用對接，給學生以充分的動手能力培養。

（3）引入實際開發項目課余時間鼓勵創新制作

最好的學習提高手段，還是應該鼓勵學生去參與實際項目的開發，即不斷親自實踐。幾年來，在教學團隊老師帶領下，學生獨立或參與開發了許多網站項目，例如：E在線淘寶檢索、吃貨萌、QQ搶車位、找你妹、干部任用選拔平臺、物流管理系統等，通過實際的項目開發，學生的動手能力大為提高，實戰經驗豐富，同時，也大大激發了他們的學習興趣和信心。

（4）改革教學方法與手段，建立多維實訓實習模式

積極探索“四階段教學法”，將“教、學、練、做”融為一體。在實訓方面，探索多維實訓模式，通過“教學實訓”真正實現邊學邊練，使專業知識及時轉化為專業技能。通過“模擬實訓”帶領學生進入全仿真的綜合實訓，使學生能對網頁設計的各個崗位都有全面的認識并掌握各崗位應具備的專業技能。在“崗前實習”階段，利用軟件社團的對外承接項目，直接進行企業性項目實習。在“實習和就業一體化”階段，在學生畢業前，安排學生進入企業相應崗位進行實習，畢業后企業根據情況直接留用，以實現學習與就業的零距離。課程始終貫徹“工學結合、項目導向、任務驅動”課程教學模式，以“實用、夠用、必需”為原則，培養學生的實際應用能力，取得了良好的教學效果。

（5）打造系列化、立體化的教材

本課程在建設期間著重開展與《JavaScript動態網頁設計》課程相關的“系列化”電子教材和打破時空限制的“立體化”網絡平臺建設，以適應新形勢下的人才培養要求。以體現“教材跟著內容走”的動態性，搭建能及時反映技術發展和進步的“物化”載體。

5 結束語

以JavaScript技術為核心的客戶端開發技術涉及知識點多、靈活多變、實踐性強。要不斷地關注技術的發展前沿，探索該教學設計優化，及時更新教學內容，培養適應時代發展需求的計算機軟件相關人才。endprint