淺談Web前端開發課程教學研究

劉大勇

摘 要 Web前端開發是多門課程穿插結合的綜合課程，隨著互聯網技術、手機移動Web前端等技術興起，Web前端開發成為計算機軟件專業的一門熱門課程。作者研究分析國內外高等院校及職業性院校Web前端系統開發課程的特點及現狀，汲取精華祛除當前教學中存在的弊端，結合軟件工程系學生特點，從專業知識、教學技術、上機教學等方面進行了針對性教學探討及改進。

關鍵詞 Web前端開發 移動技術 教學方法

中圖分類號：G642文獻標識碼：A

Web前端經歷了一個互聯網演化過程，在1.0階段網頁主要內容是文字與圖片，以及少量的聲音或者flash動畫，訪問者也只能進行相應的信息讀取或者瀏覽。但隨著互聯網技術的飛速發展，以及相應技術的涌現，Web前端也進入了一個新的技術時代，當今的前端要求已經極大提高，用戶要求有更加主動直觀的效果或者交互，網頁需要提供的功能也更加全面，更加強大。

隨著信息技術在中國不斷的發展，計算機進入了千家萬戶，互聯網作為連接14億人的傳輸媒介，得到了蓬勃的發展，各種各樣功能強大的Web應用如雨后春筍般出現，Web前端作為直接與用戶進行交互的工具也發生了大變革。

1 Web前端開發課程特點

1.1綜合性強

Web前端開發課程作為一門創建與用戶直接交互的界面的課程，對開發者的IT知識要求比較全面而廣泛。要求學生掌握較多基礎教程與高級知識，包括HTML與CSS開發、JavaScript程序開發、HTML5程序開發、PHP程序開發、MySQL數據庫開發、BootStrap、小程序等。雖然PHP程序和MySQL不屬于前端范疇，但實際開發當中，還是要求開發者了解后端開發，以便更好的進行前端開發。除此之外，還要求學生具備一定的PhotoShop知識。

1.2實踐性強

Web前端開發課程的實踐性很強。除上課堂上給學生進行知識教學，實踐課程也至關重要，占據著非常重要的位置，重要程度不言而喻。通過實踐教學，能夠行之有效地提高學生對前端技術的理解，提高學生在課程上學習知識的興趣與積極性，加強學生的代碼編寫能力。在實踐教學中，學生可以迅速把握前端設計和開發的流程，從而全方位地掌握Web前端的開發技巧與能力。

2課堂教學方法改革

2.1講授法與討論法相結合

在實際教學中，采用最多的教學方法是教授法，這種方法是過去幾十年中最常用也是最基礎的教學方法;這種方法以老師講為主，學生被動聽課，這就會導致學生的學習熱情下降，會使得學生養成等著老師“喂知識”的習慣，所以還要與其它教學方法相結合。討論法有利于把學生的被動學習轉化為主動，有利于學生自發性地思考問題，自主性地學習。老師在講授完一定知識之后，適當提出具有一定難度或者對學生來說是有挑戰性的問題，讓學生積極探討，給予一定的啟發引導，把學生按照一定的原則進行分組，然后進行討論、對老師提出的問題進行逐步分解與探討，在探討中找尋問題解決的可能與方法。這種開放式、啟發式教學過程，不僅可以激發學生的進行學習的自主性與積極性，還能夠鍛煉學生思考能力，提高學生分析問題、運用相應知識解決問題的能力。

2.2項目驅動式教學方法

我們學校在教學實施中充分考慮到學生的理解水平與接受水平，以應用型人才為培養目標。

我們學校針對學生的基礎水平設計課程大綱，不僅教授應用型技術，而且還要力爭實踐與理論相結合，把學生培養成計算機綜合性人才。講授Web前端課程的重點章節內容時，以項目化教學為教學手段，學生在在學習中參與項目，在實踐完成項目，掌握相應的教學內容。

3上機教學方法改革

Web前端開發是一門要求動手能力與實踐能力有高要求的課程，實踐教學和項目教學是課程學習的一個重要環節。通過上機實踐，可以有效提高學生對知識點的掌握，強化學生對知識點的運用能力，全面掌握Web前端開發的設計、編碼與調試技術。

3.1實驗課程的內容安排

實踐采用機房上機實踐的模式，教師前期提相應的要求，需要用的技術，給學生提供相應的素材，需要完成的功能和界面的展示方式。上機實踐使用Sublime Text軟件，對于相應的圖片處理，學生可采用PhotoShop CC軟件自行處理。

上機課內容是依照京東商城做一個頁面，畢竟是Web前端課程，要求學生做出相應的界面，而不必有產品評論、商品搜索、添加購物車、用戶登錄等動態功能，但必需要有導航欄、商品分類、產品輪播等靜態頁面，只要求做第一屏的界面，滾動動態加載不要求實現。

3.2實驗教學改革

過去的上機實踐教學往往通過“驗證性為主”的方式，這種方法不利于提高教學中的實踐積極性，今后將逐漸轉變為“驗證性為輔，自己動手創新為主”的實驗課程教學設計模式。

在實現輪播圖片的時候，老師用JavaScript原生技術實現，然后讓學生用jQuery框架實現。產品分類也要求有相應的人機交互，例如鼠標滑動到手機時，商品頁應該顯示相應的手機圖片。

4結束語

通過上述一系列課程教學改革，極大地提高了學生學習的自主性、提高了學生的自發性和加強了學生的參與感，提高了學生獨立分析問題、運用各種手段解決問題的能力和培養了學生獨立思考的習慣，取得了良好的教學效果。隨著大數據和云計算時代的到來，社會對Web前端的人才提出的要求也相應提高，Web前端開發課程必然會遇到更多的機遇和挑戰，Web前端開發課程改革任重道遠。

參考文獻

[1] 袁婷.淺談Web前端開發[J].無線互聯科技，2017（02）.

[2] 張鑫，于涌，王典，任利峰.Web前端技術開發的優化與研究[J].產業與科技論壇，2018（24）.

[3] 邵英安.Web前端課程的教學探討[J].電腦迷，2016（08）.

[4] 白曉.Web前端開發技術以及優化方向探究[J].無線互聯科技，2019（07）.

[5] 趙大偉，陳剛.Web前端開發技術人才培養模式研究[J].電腦知識與技術，2015（24）.