“Web前端開發”課程教學模式芻議

何芳

摘? ?要：本科應用型高校在課程建設中越來越重視理論聯系實踐，要求學生在課程中所獲得的能力與市場需求匹配。Web前端開發課程就屬于這樣一門課，隨著新一輪互聯網行業的變革，企業對Web前端開發人才的要求越來越高。但是高校在這門課的教學過程中，由于教學方式固化，以及教師授課水平的限制，發展比較緩慢。本文就Web前端開發課程教學過程中存在的問題進行分析，通過在教學設計中大量使用任務驅動方法來改變原有的教學方式，提升教學質量。

關鍵詞：Web前端? 教學問題? 任務驅動? 教學設計

中圖分類號：TP393? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?文獻標識碼：A? ? ? ? ? ? ? ? ? ? ? ?文章編號：1674-098X（2020）02（a）-0192-02

隨著市場需求增加，Web前端開發課程在各大高校的軟件專業課師，必須加強對這門課程的研究，分析學情，提出更行之有效的辦法。從網站制作角度分析，CSS、HTML與JavaScript三種語言是Web前端開發技術中必不可少的要素，各語言的執行標準與職能等存在較大差異，但都有著密不可分的關系，缺失任何一種語言都無法使Web前端開發設計工作正常展開。其中各項細節是優化Web前端開發技術尤為關鍵的。

網站制作中的工作管理事項較多，還需利用交互等方式優化網站制作技能，這對技術人員的專業水平提出了更多要求。對此，要求開發人員明確掌握學生信息需求與Web前端開發設計優化方向，合理利用節點技術等，充分發揮開發集成等優勢作用，制作出推動信息時代發展，同時可滿足學生信息需求的網頁。

1? Web前端開發教學中存在的問題

1.1 學生知識儲備不足

Web前端技術體現出來的是產品的“門面”，所以學生學習的興趣是有的。相對于一些“枯燥”的語言、算法課來講，這門課程在吸引學生的學習關注度上具有一定的優勢。但與之密切相關的先行課程如《 網頁設計與制作》等往往開設較早，學生很難將學過的HTML、CSS等知識靈活運用并儲備至現在。

1.2 課程涉及知識點多

Web前端開發課程不同于之前的C語言，JavaWeb開發等課程那么單一，它涉及HTML、CSS、Javascript三部分內容，這三個知識各成體系，每個體系的知識點都很多。同時，進行Web前端開發時，除了要讓他們三者相互作用，還會引入時下流行的各種框架庫進行協同工作。所以學生開始學習單個知識體系還能掌握，學到幾個知識體系同時融合作用時就容易在龐大的知識點矩陣中下陣來。

1.3 Web前端開發設計節點技術分析

頁面重構技術涉及多樣，包括CSS+DIV技術等，其中css2.0站點與HTML技術都是技術發展重要前身。在JavaScript語言與微博、網頁游戲等發展帶動下，逐步成為了網站制作Web前端開發設計必不可少的技術。Web前端開發是復雜且繁瑣的過程，不僅要貫徹以用戶為主的原則，確保用戶良好體驗，還需滿足可用性與技能型等要求。從軟件開發技術入手分析，涉及Web語義化，以及JavaScript等Web開發技術、W3C標準等要素，這些要素都是開發研究必不可少的。開發技術條件涉及廣泛，包括JS模塊化編程與頁面布局等，對開發人員的專業水平要求較高，要求其掌握UI設計技術等，以盡快設計理想狀態下的作品。從后臺編程語言入手分析，掌握代碼與提高后臺與頁面制作契合度，可進一步發揮數據交換價值，從而滿足語言基礎要求，并對前端開發設計崗位提供必要支持。

基于網站制作的Web前端開發重點，主要體現在以下幾方面，一是實現網站靈活跳轉、網絡內容過渡。二是加強防插入侵入權限設計，增加系統身份認證功能。三是完善移動IP系統。四是強化病毒控制能力與網絡安全監測，確保網絡安全性能。定期修復計算機漏洞，杜絕各種不安全因素的影響。五是拓展網絡殺毒軟件功能，包括殺毒軟件升級、網絡病毒庫優化、監控網絡運行、優化抵御病毒程序、拓展軟件自動識別功用等。

2? 任務驅動教學方法的優勢

任務的引入需教師創建一個真實的情景，以此來吸引學生的興趣和動機。由于Web前端開發課程的知識點多，復雜又相互聯系，傳統授課方式讓學生的學習積極性受挫，而任務驅動的教學恰好解決此問題。以任務方式展開教學，還能幫助教師更好地理清思緒，有計劃地設計每次課的教學內容，教師要對任務中的知識點數量，任務量多少，知識重難點區分，學生能力等清清楚楚才能做好任務驅動教學。這能更好地讓教師從“教學”轉向“導學”，從而提升教師的綜合授課能力。網站制作中的工作管理事項較多，尤其是Web前端開發設計，在移動端與響應式浪潮中發展的同時，還需利用交互等方式優化網站制作技能，這對技術人員的專業水平提出了更多要求。對此，要求開發人員明確掌握學生信息需求與Web前端開發設計優化方向，合理利用節點技術等，充分發揮開發集成等優勢作用，制作出推動信息時代發展，同時可滿足學生信息需求的網頁。在完成任務的學習過程中，學生占主導地位，他們主動討論任務如何完成、如何分配工作等，這有助于培養學生解決實際問題的綜合能力，促進學生的個性化發展。

3? 用任務驅動實現課程的教學設計

通過以上案例說明，任務驅動在Web前端技術課程中確實能解決之前所說的知識點關聯不夠，無法解決實際問題。知識點多而雜，教師不好把控等問題。當然，任務引入需要教師創建一個真實的情景，以此來吸引學生的興趣和動機，讓學生帶著任務去學習，充分發揮學生的主體地位。好是好，難在如何設計出既生動有趣，又符合教學目標，涵蓋其知識點，同時還能契合實際開發中的場景，這是老師需要多花心思去研究的地方。甚至學生的年齡特征，認知能力，重難點的把握，任務量的大小，完成時間的預估等等都要進行考量。

4? 結語

Web前端技術課程是非常重要的一門課程，其知識的實用性強，對學生軟件開發能力培養的重要性強，與學生走出校門后工作崗位的對接性強。這讓我在《客戶端軟件開發技術》的課程建設中無時無刻不在思考，如何才能進行更有效的設計，能實現這門課程的教學目標，讓學生能力得到提升，真正具有初級前端工程師的能力。我想，課程前端使用任務驅動的教學方法，后段以項目驅動的教學方法相配合，能夠解決之前所說的問題。教學的研究與探索永無止境，大膽實踐，反復思考和總結，我將繼續努力。

參考文獻

[1] 劉紅.任務驅動教學法[J].才智，2010（32）：118-119.

[2] 郭紹青.任務驅動教學法的內涵[J].中國電化教育，2006（7）：57-59.

[3] 劉蕾，劉冰月.Web前端課程的知識體系和教學實踐[J].軟件工程，2018，21（6）：54-56.