導(dǎo)語(yǔ)：Web前端開發(fā)技術(shù)教學(xué)模式創(chuàng)新分析一文來(lái)源于網(wǎng)友上傳，不代表本站觀點(diǎn)，若需要原創(chuàng)文章可咨詢客服老師，歡迎參考。

【摘要】在科學(xué)技術(shù)不斷發(fā)展的時(shí)代背景下，web前端開發(fā)技術(shù)的水平也得到飛速進(jìn)步，在當(dāng)前教育過(guò)程中應(yīng)用Web前端開發(fā)技術(shù)，雖然一定程度上促使教育質(zhì)量有效提高，但與此同時(shí)也帶來(lái)了不小的挑戰(zhàn)，為了能夠更好的發(fā)揮Web前端開發(fā)技術(shù)對(duì)教育工作的支持，加強(qiáng)對(duì)IT行業(yè)網(wǎng)絡(luò)人才培養(yǎng)力度極為關(guān)鍵。基于此，當(dāng)前我國(guó)各大院校紛紛加入到Web前端開發(fā)技術(shù)的課程教學(xué)工作當(dāng)中，從專業(yè)內(nèi)容下出發(fā)，保證學(xué)生整體的水平有所提高，為學(xué)生今后更好的步入社會(huì)崗位，實(shí)現(xiàn)自我價(jià)值打下堅(jiān)實(shí)的基礎(chǔ)。

【關(guān)鍵詞】Web前端開發(fā)技術(shù)；課程教學(xué)模式；內(nèi)容目標(biāo)

隨著經(jīng)濟(jì)等方面的不斷發(fā)展，當(dāng)前我國(guó)廣大的畢業(yè)學(xué)生面臨著嚴(yán)峻的就業(yè)壓力，而因?yàn)槭袌?chǎng)急缺高質(zhì)量的專業(yè)人才，那么在現(xiàn)在乃至未來(lái)很長(zhǎng)一段時(shí)間內(nèi)，各大院校最為緊急的任務(wù)就是做好學(xué)生專業(yè)課程的教育工作，緊跟時(shí)展步伐，有效革新過(guò)去落后的教學(xué)模式。在Web開發(fā)技術(shù)持續(xù)發(fā)展的基礎(chǔ)上，從院校計(jì)算機(jī)專業(yè)視角下來(lái)講，學(xué)校就應(yīng)該加強(qiáng)對(duì)Web前端開發(fā)技術(shù)的教育管理力度，迎合市場(chǎng)發(fā)展方向，重點(diǎn)抓好Web前端開發(fā)技術(shù)專業(yè)人才的培養(yǎng)工作。對(duì)此，在接下來(lái)的文章中，將針對(duì)Web前端開發(fā)技術(shù)的課程教學(xué)模式創(chuàng)新工作進(jìn)行詳細(xì)分析，希望能夠給相關(guān)人士提供重要的參考價(jià)值。

一、WEB前端開發(fā)課程的主要教學(xué)內(nèi)容

通過(guò)實(shí)際調(diào)查發(fā)現(xiàn)，學(xué)校所開設(shè)的Web前端開發(fā)技術(shù)課程，涵蓋的內(nèi)容有HTML、JavaScript和CSS，正因?yàn)樗姓n程具有較強(qiáng)的綜合性以及實(shí)踐價(jià)值，在當(dāng)前院校進(jìn)行教育過(guò)程中，不僅應(yīng)該引導(dǎo)學(xué)生學(xué)會(huì)制作網(wǎng)頁(yè)簡(jiǎn)單的工作，而且還應(yīng)該迎合市場(chǎng)發(fā)展規(guī)律，加強(qiáng)對(duì)學(xué)生現(xiàn)代化前端開發(fā)技術(shù)的學(xué)習(xí)工作。在科學(xué)技術(shù)迅猛發(fā)展的背景下，身為WEB前端開發(fā)的相關(guān)人員，除了掌握專業(yè)的知識(shí)內(nèi)容之外，而從高校視角下出發(fā)，也應(yīng)該勇于革新過(guò)去落后的教學(xué)模式。首先，教師在進(jìn)行WEB前端開發(fā)課程教學(xué)時(shí)，應(yīng)該引導(dǎo)學(xué)生對(duì)教材基礎(chǔ)理論內(nèi)容加以學(xué)習(xí)，同時(shí)，還應(yīng)該借助當(dāng)前常見的移動(dòng)終端以及電腦等，輔助理論知識(shí)分析的同時(shí)，更能夠通過(guò)實(shí)踐驗(yàn)證理論知識(shí)的專業(yè)性，此外，學(xué)生針對(duì)已經(jīng)掌握的WEB前端開發(fā)技術(shù)，可自行開發(fā)一些簡(jiǎn)單游戲等，當(dāng)然這些教學(xué)目標(biāo)要想實(shí)現(xiàn)，如果依靠傳統(tǒng)教學(xué)模式是無(wú)法實(shí)現(xiàn)的。

二、WEB前端開發(fā)技術(shù)的應(yīng)用范圍

面對(duì)當(dāng)前快速發(fā)展的時(shí)代，不管是人們的生產(chǎn)還是生活當(dāng)中，WEB前端開發(fā)技術(shù)的應(yīng)用范圍不斷擴(kuò)大，那么對(duì)于WEB前端開發(fā)的相關(guān)工作人員來(lái)說(shuō)，在對(duì)各項(xiàng)技術(shù)充分了解以及掌握的同時(shí)，更需要對(duì)各項(xiàng)技能進(jìn)行全面的分析。在人們目前常見的手機(jī)以及電腦應(yīng)用過(guò)程中，其中WEB前端開發(fā)技術(shù)經(jīng)常用到，比如在創(chuàng)建網(wǎng)站以及對(duì)網(wǎng)絡(luò)進(jìn)行優(yōu)化等環(huán)節(jié)，這些都是一名專業(yè)WEB前端開發(fā)人員所需要具備的能力。除此之外，伴隨著人們物質(zhì)生活水平的提高，人們希望所創(chuàng)建的網(wǎng)站性能突出的同時(shí)，還能夠具備一定的審美價(jià)值，那么在工作人員應(yīng)用WEB前端開發(fā)技術(shù)時(shí)，還需要緊跟時(shí)展步伐，敢于突破傳統(tǒng)的技術(shù)形式?？傊?，在高校進(jìn)行EB前端開發(fā)技課程教育過(guò)程中，一方面教師需傳授給學(xué)生專業(yè)的理論知識(shí)，另一方面還需引導(dǎo)學(xué)生通過(guò)動(dòng)手操作，深化理解專業(yè)知識(shí)的同時(shí)，為學(xué)生思維能力的提高打下堅(jiān)實(shí)的基礎(chǔ)。

三、基于Web前端開發(fā)技術(shù)的課程教學(xué)模式架構(gòu)

1.H-C-J模式。所謂的H-C-J模式，其中的H，主要就是基于前端開發(fā)視角下，著重圍繞網(wǎng)頁(yè)制作環(huán)節(jié)而展開的環(huán)節(jié)，作為HTML的縮寫H，表明的是計(jì)算機(jī)水平進(jìn)步的一個(gè)標(biāo)志，更是推動(dòng)人類社會(huì)文明發(fā)展的重要保證。與此同時(shí)，正因?yàn)镠TML，最為關(guān)鍵的性能就是促使個(gè)體字母之間，在瀏覽器上變成為豐富多彩的網(wǎng)頁(yè)元素，讓人們感受到網(wǎng)頁(yè)高性能的基礎(chǔ)上，還能夠加強(qiáng)人與計(jì)算機(jī)之間的交流；而C主要就是CSS，基于前端開發(fā)環(huán)節(jié)當(dāng)中，對(duì)HTML文件的樣式進(jìn)行展示，因此行業(yè)人士稱其為美化網(wǎng)頁(yè)的工具，工作人員應(yīng)用CSS技術(shù)，準(zhǔn)確對(duì)網(wǎng)頁(yè)上的代碼進(jìn)行定位的同時(shí)，合理規(guī)劃好整體網(wǎng)頁(yè)的基于Web前端開發(fā)技術(shù)的課程教學(xué)模式創(chuàng)新分析桂林理工大學(xué)南寧分校　　曾秋玲格局，確保最終的呈現(xiàn)給用戶具備美觀性的網(wǎng)頁(yè)；最后JavaScript的縮寫J，主要的價(jià)值就是對(duì)HTML網(wǎng)頁(yè)增添動(dòng)態(tài)化的性能。同時(shí)，通過(guò)JavaScript的開發(fā)技術(shù)，促使人與計(jì)算機(jī)系統(tǒng)之間實(shí)現(xiàn)良好的互動(dòng)交流，像一次點(diǎn)擊以及一個(gè)過(guò)渡性的窗口彈出等?？傊?，在目前Web前端開發(fā)技術(shù)當(dāng)中，最為關(guān)鍵的就是H-C-J現(xiàn)代化的模式。2.3+1框架。在進(jìn)行Web前端開發(fā)技術(shù)課程設(shè)計(jì)環(huán)節(jié)當(dāng)中，3+1框架模式作為關(guān)鍵的內(nèi)容，主要就是基于H-C-J模式下，對(duì)其進(jìn)行擴(kuò)充的一種教學(xué)模式。在借助3+1框架展開設(shè)計(jì)過(guò)程中，身為相關(guān)的設(shè)計(jì)人員，不僅需要對(duì)H-C-J模式有一個(gè)全面的掌握，而且基于快速發(fā)展的Web前端開發(fā)技術(shù)下，還必須深入分析基礎(chǔ)理論知識(shí)的同時(shí)，對(duì)Web后臺(tái)開發(fā)技術(shù)的相關(guān)課程進(jìn)行學(xué)習(xí)。在構(gòu)建完成課程教育方案之后，還應(yīng)該根據(jù)實(shí)際的教學(xué)現(xiàn)狀，為下年度后臺(tái)開發(fā)課程的創(chuàng)新增加提供幫助。為了實(shí)現(xiàn)這一目標(biāo)，可以挑選動(dòng)態(tài)服務(wù)器頁(yè)面以及Java服務(wù)器頁(yè)面等出發(fā)，選取一項(xiàng)與后臺(tái)加以連接。為了能夠有效提高學(xué)生的Web前端開發(fā)技術(shù)水平，教師在教學(xué)過(guò)程中，就應(yīng)該從3+1框架出發(fā)，充分學(xué)習(xí)相關(guān)的如用戶體驗(yàn)以及軟件設(shè)計(jì)等課程，在學(xué)生綜合水平得到全面提升的同時(shí)，在學(xué)生后期構(gòu)建網(wǎng)站過(guò)程中，才能促使網(wǎng)站具備極高的穩(wěn)定性以及安全性。

四、基于Web前端開發(fā)技術(shù)的課程教學(xué)模式具體實(shí)踐路徑

1.確立核心，科學(xué)引領(lǐng)。主要涵蓋超文本標(biāo)記語(yǔ)言、層疊樣式表、腳本語(yǔ)言幾方面的Web前端開發(fā)技術(shù)課程當(dāng)中，面對(duì)應(yīng)用范圍不斷擴(kuò)大的基礎(chǔ)上，這幾方面的內(nèi)容之間具有密切的聯(lián)系，雖然外人看上去幾方面的技術(shù)難度較高，但是，正因?yàn)槿矫婕夹g(shù)的內(nèi)容之間呈現(xiàn)出逐層遞升的關(guān)系，從前端開始一直到后臺(tái)，始終保持由低向高的原則，這在專業(yè)人士看來(lái)并非難事。基于此，在教師進(jìn)行Web前端開發(fā)技術(shù)課程教學(xué)過(guò)程中，就應(yīng)該從自身上加強(qiáng)對(duì)該項(xiàng)技術(shù)的認(rèn)知，確定好其核心，進(jìn)而借助有效的模式引導(dǎo)學(xué)生對(duì)Web前端開發(fā)技術(shù)課程內(nèi)容加以全面掌握。在此環(huán)節(jié)當(dāng)中需要注意，之前教師的教學(xué)工作往往忽視了市場(chǎng)需求變化的重要性，導(dǎo)致學(xué)生實(shí)踐能力較差的同時(shí)，就算后期學(xué)生付出較多的時(shí)間，也無(wú)法對(duì)該項(xiàng)技術(shù)的核心以及精華加以掌握。針對(duì)這一現(xiàn)狀，院校應(yīng)該提高對(duì)Web前端開發(fā)技術(shù)課程教師專業(yè)水平的要求，只有擁有身深厚理論知識(shí)以及充足實(shí)踐經(jīng)驗(yàn)的教師，才是激發(fā)學(xué)生學(xué)習(xí)積極性以及提高自身教學(xué)質(zhì)量的關(guān)鍵。最后，基于開始之初，為了能夠給學(xué)生構(gòu)建良好的教學(xué)氛圍，教師做好第一節(jié)課程的設(shè)計(jì)工作至關(guān)重要，進(jìn)而引導(dǎo)學(xué)生對(duì)課程進(jìn)行深入學(xué)習(xí)的同時(shí)，也是幫助學(xué)生制定學(xué)習(xí)計(jì)劃的關(guān)鍵。2.以人為本，因材施教。為了能夠提高學(xué)生的Web前端開發(fā)技術(shù)課程的專業(yè)能力，教師的整個(gè)教學(xué)過(guò)程，就必須始終遵循以人為本的教學(xué)原則。與此同時(shí)，因?yàn)椴煌瑢W(xué)生個(gè)體的學(xué)習(xí)基礎(chǔ)以及能力等不同，為了確保所有學(xué)生的水平有較大的進(jìn)步，那么教師除了做好教材內(nèi)容講解之外，還需要秉持層次化的教學(xué)理念。所謂的層次化教學(xué)模式，簡(jiǎn)單來(lái)說(shuō)，就是從個(gè)體特征下出發(fā)，圍繞大多數(shù)學(xué)生的理論掌握程度為核心，在加強(qiáng)對(duì)理論知識(shí)理解的同時(shí)，促使所有學(xué)生的實(shí)踐水平有所提高。除此之外，教師可以圍繞教材知識(shí)點(diǎn)，定期組織學(xué)生進(jìn)行現(xiàn)場(chǎng)實(shí)踐教育，加強(qiáng)所有學(xué)生之間的聯(lián)系與溝通，在學(xué)生自行學(xué)習(xí)當(dāng)中扮演輔助者的身份，引導(dǎo)學(xué)生能夠動(dòng)手實(shí)踐的同時(shí)，詳細(xì)分析自己作品的含義。3.加強(qiáng)評(píng)價(jià)，實(shí)現(xiàn)目標(biāo)。通過(guò)教師完善的教學(xué)計(jì)劃，為了能夠充分檢驗(yàn)學(xué)生掌握情況，對(duì)于有著較多內(nèi)容的Web前端開發(fā)技術(shù)課程來(lái)說(shuō)，過(guò)去單一的評(píng)價(jià)形式并不能直觀對(duì)學(xué)生的實(shí)際能力進(jìn)行考察。基于此，教師所評(píng)價(jià)的目標(biāo)，應(yīng)該涵蓋學(xué)生的實(shí)踐以及綜合水平兩方面，劃分考試過(guò)程為40%的筆試、40%的實(shí)踐以及20%的任務(wù)。其中，在任務(wù)評(píng)價(jià)過(guò)程中，教師可以引導(dǎo)學(xué)生自行進(jìn)行分組，然后圍繞問題任務(wù)，借助多媒體教學(xué)設(shè)備在全班學(xué)生面前進(jìn)行演講，其他小組與教師對(duì)該小組進(jìn)行打分?？傊?，為了能夠提高學(xué)生的課堂參與意識(shí)，確保教師整體教學(xué)質(zhì)量與效率得到提高，那么就可以借助多樣化的評(píng)價(jià)形式，引導(dǎo)學(xué)生能夠全身心的加入到課堂教學(xué)過(guò)程當(dāng)中，對(duì)自己整個(gè)學(xué)習(xí)過(guò)程進(jìn)行全面的呈現(xiàn)。

簡(jiǎn)而言之，對(duì)于具有較強(qiáng)綜合性的Web前端開發(fā)技術(shù)課程，其中涵蓋了較多的知識(shí)以及專業(yè)內(nèi)容。為了能夠切實(shí)提高學(xué)生的Web前端開發(fā)技術(shù)課程的專業(yè)能力，教師在實(shí)際教學(xué)環(huán)節(jié)當(dāng)中，就必須確定好課程的教學(xué)核心，突出學(xué)生的主體地位，加強(qiáng)實(shí)踐教育力度的同時(shí)，對(duì)學(xué)生進(jìn)行多樣化的評(píng)價(jià)，在學(xué)生專業(yè)水平得到提升的同時(shí)，促使學(xué)生今后步入設(shè)計(jì)崗位更加快速的適應(yīng)工作需求打下堅(jiān)實(shí)的基礎(chǔ)。

【參考文獻(xiàn)】

[1]魏冬梅.Web前端開發(fā)課程教學(xué)探討與實(shí)踐[J].福建電腦，2013，29(06):181-183．

[2]楊劍釗．基于“互聯(lián)網(wǎng)+”背景下的WEB前端開發(fā)課程教學(xué)模式探究[J]．電腦迷，2018(06):88+125.

[3]楊秀生，李挺.“互聯(lián)網(wǎng)+”背景下的WEB前端開發(fā)課程教學(xué)模式思考[J].佳木斯職業(yè)學(xué)院學(xué)報(bào)，2017(04):428．

作者:曾秋玲 單位:桂林理工大學(xué)南寧分校