何芳

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

關(guān)鍵詞：Web前端? 教學問題? 任務(wù)驅(qū)動? 教學設(shè)計

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

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

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

1? Web前端開發(fā)教學中存在的問題

1.1 學生知識儲備不足

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

1.2 課程涉及知識點多

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

1.3 Web前端開發(fā)設(shè)計節(jié)點技術(shù)分析

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

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

2? 任務(wù)驅(qū)動教學方法的優(yōu)勢

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

3? 用任務(wù)驅(qū)動實現(xiàn)課程的教學設(shè)計

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

4? 結(jié)語

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

參考文獻

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

[2] 郭紹青.任務(wù)驅(qū)動教學法的內(nèi)涵[J].中國電化教育，2006（7）：57-59.

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