Web前端開發(fā)技術(shù)教學(xué)模式創(chuàng)新分析

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

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

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

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

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

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

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

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

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

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

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

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

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

【參考文獻(xiàn)】

[1]魏冬梅.Web前端開發(fā)課程教學(xué)探討與實踐[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é)報，2017(04):428．

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