“Web前端開發(fā)”課程教學(xué)模式芻議

何芳

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

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

中圖分類號(hào)：TP393? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?文獻(xiàn)標(biāo)識(shí)碼：A? ? ? ? ? ? ? ? ? ? ? ?文章編號(hào)：1674-098X（2020）02（a）-0192-02

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

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

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

1.1 學(xué)生知識(shí)儲(chǔ)備不足

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

1.2 課程涉及知識(shí)點(diǎn)多

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

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

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

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

2? 任務(wù)驅(qū)動(dòng)教學(xué)方法的優(yōu)勢(shì)

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

3? 用任務(wù)驅(qū)動(dòng)實(shí)現(xiàn)課程的教學(xué)設(shè)計(jì)

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

4? 結(jié)語

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

參考文獻(xiàn)

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

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

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