淺談Web前端開發(fā)課程教學(xué)研究

劉大勇

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

關(guān)鍵詞 Web前端開發(fā) 移動技術(shù) 教學(xué)方法

中圖分類號：G642文獻(xiàn)標(biāo)識碼：A

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

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

1 Web前端開發(fā)課程特點

1.1綜合性強

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

1.2實踐性強

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

2課堂教學(xué)方法改革

2.1講授法與討論法相結(jié)合

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

2.2項目驅(qū)動式教學(xué)方法

我們學(xué)校在教學(xué)實施中充分考慮到學(xué)生的理解水平與接受水平，以應(yīng)用型人才為培養(yǎng)目標(biāo)。

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

3上機教學(xué)方法改革

Web前端開發(fā)是一門要求動手能力與實踐能力有高要求的課程，實踐教學(xué)和項目教學(xué)是課程學(xué)習(xí)的一個重要環(huán)節(jié)。通過上機實踐，可以有效提高學(xué)生對知識點的掌握，強化學(xué)生對知識點的運用能力，全面掌握Web前端開發(fā)的設(shè)計、編碼與調(diào)試技術(shù)。

3.1實驗課程的內(nèi)容安排

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

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

3.2實驗教學(xué)改革

過去的上機實踐教學(xué)往往通過“驗證性為主”的方式，這種方法不利于提高教學(xué)中的實踐積極性，今后將逐漸轉(zhuǎn)變?yōu)椤膀炞C性為輔，自己動手創(chuàng)新為主”的實驗課程教學(xué)設(shè)計模式。

在實現(xiàn)輪播圖片的時候，老師用JavaScript原生技術(shù)實現(xiàn)，然后讓學(xué)生用jQuery框架實現(xiàn)。產(chǎn)品分類也要求有相應(yīng)的人機交互，例如鼠標(biāo)滑動到手機時，商品頁應(yīng)該顯示相應(yīng)的手機圖片。

4結(jié)束語

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

參考文獻(xiàn)

[1] 袁婷.淺談Web前端開發(fā)[J].無線互聯(lián)科技，2017（02）.

[2] 張鑫，于涌，王典，任利峰.Web前端技術(shù)開發(fā)的優(yōu)化與研究[J].產(chǎn)業(yè)與科技論壇，2018（24）.

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

[4] 白曉.Web前端開發(fā)技術(shù)以及優(yōu)化方向探究[J].無線互聯(lián)科技，2019（07）.

[5] 趙大偉，陳剛.Web前端開發(fā)技術(shù)人才培養(yǎng)模式研究[J].電腦知識與技術(shù)，2015（24）.