探討HTML5前端開發(fā)課程教學(xué)改革方法

李高峰

摘?要：在正式進(jìn)入信息化時(shí)代后，社會(huì)就業(yè)市場(chǎng)對(duì)Web前端的開發(fā)工程師人才需求愈發(fā)旺盛，不過針對(duì)社會(huì)企業(yè)需求的高校計(jì)算機(jī)專業(yè)中針對(duì)Web前端的技術(shù)人才培養(yǎng)機(jī)制與布局存在諸多不合理之處，即教學(xué)模式本身與企業(yè)需求無(wú)法實(shí)現(xiàn)有機(jī)匹配，進(jìn)而導(dǎo)致專業(yè)畢業(yè)生就業(yè)不理想。本文就這一問題展開研討，希望結(jié)合就業(yè)導(dǎo)向?yàn)楦咝Ｓ?jì)算機(jī)專業(yè)人才培養(yǎng)給出正確的HTML5前端開發(fā)課程教學(xué)改革思路與方法，重新定位課程、改進(jìn)教學(xué)內(nèi)容、改革教學(xué)模式、全方位提高專業(yè)大學(xué)生在該領(lǐng)域的社會(huì)就業(yè)競(jìng)爭(zhēng)能力。

關(guān)鍵詞：HTML前端開發(fā)課程;教學(xué)改革思路;教學(xué)方法;就業(yè)導(dǎo)向;大學(xué)生

前端開發(fā)屬于當(dāng)前屬于當(dāng)前社會(huì)上的新興行業(yè)，它涉及廣泛的知識(shí)體系結(jié)構(gòu)內(nèi)容，技術(shù)理論知識(shí)內(nèi)容與發(fā)展更新機(jī)制，伴隨市場(chǎng)應(yīng)用發(fā)展逐漸快速化，再加之區(qū)域發(fā)展特色的不同，全國(guó)各地高校中的前端開發(fā)相關(guān)課程開設(shè)也參差不齊，且其中存在諸多問題亟待改善。

一、高校計(jì)算機(jī)專業(yè)HTML5前端開發(fā)課程教學(xué)現(xiàn)狀分析

由于當(dāng)前計(jì)算機(jī)專業(yè)中的前端開發(fā)課程教學(xué)機(jī)制、內(nèi)容還不夠成熟，所以在實(shí)踐教學(xué)應(yīng)用中還存在這樣或那樣的問題，具體來講可總結(jié)以下兩點(diǎn)。

（一）課程教學(xué)內(nèi)容設(shè)置不合理、知識(shí)結(jié)構(gòu)零碎不完整

在計(jì)算機(jī)專業(yè)本科生教學(xué)體系中，圍繞計(jì)算機(jī)系統(tǒng)針對(duì)性的前端開發(fā)課程并不多，其中更缺乏優(yōu)秀的教材內(nèi)容和教材資源，所以說傳統(tǒng)中的高校計(jì)算機(jī)專業(yè)前端開發(fā)課程多以網(wǎng)頁(yè)設(shè)計(jì)、平面設(shè)計(jì)、網(wǎng)站開發(fā)、動(dòng)畫設(shè)計(jì)類課程為主，像其中的網(wǎng)站開發(fā)課程也多以IDE集成環(huán)境教學(xué)為核心。就IDE集成環(huán)境教學(xué)來說，它入門簡(jiǎn)單、網(wǎng)頁(yè)制作效果良好，但在教學(xué)過程中過于依賴集成環(huán)境本身導(dǎo)致教學(xué)知識(shí)點(diǎn)傳授并不靈活清晰，所以在教學(xué)內(nèi)容、方法、實(shí)踐等層面也表現(xiàn)相對(duì)滯后，所傳授的知識(shí)內(nèi)容十分零散。考慮到前端開發(fā)技術(shù)的更新速度較快，因此前端開發(fā)教學(xué)內(nèi)容只會(huì)越來越難。若要將學(xué)生培養(yǎng)成為一名合格甚至優(yōu)秀的前端開發(fā)工程技術(shù)人員，還需要結(jié)合課程教學(xué)知識(shí)體系進(jìn)行深入研究，拓展課程開發(fā)廣度與深度，做到課程教學(xué)設(shè)計(jì)與時(shí)俱進(jìn)、不斷發(fā)展革新。縱觀當(dāng)前教學(xué)現(xiàn)狀，顯而易見該前端開發(fā)課程的教學(xué)內(nèi)容設(shè)置不夠合理，且知識(shí)結(jié)構(gòu)零碎不完整，這也導(dǎo)致教師難以合理把握教學(xué)節(jié)奏與進(jìn)度，容易在教學(xué)過程導(dǎo)致學(xué)生學(xué)習(xí)迷失方向，使得學(xué)習(xí)體驗(yàn)大打折扣。

（二）課程教學(xué)模式與崗位需求差距較大、教學(xué)內(nèi)容缺乏創(chuàng)新性

當(dāng)前社會(huì)上許多IT企業(yè)對(duì)前端開發(fā)技術(shù)人員的專業(yè)能力要求較高，而高校所能夠提供的前端開發(fā)人才不但缺乏實(shí)際工作經(jīng)驗(yàn)，在專業(yè)技術(shù)應(yīng)用方面也有缺陷，顯然與企業(yè)崗位需求差距較大，無(wú)法滿足社會(huì)前端開發(fā)人才體系的發(fā)展建設(shè)需求。再一點(diǎn)就是教學(xué)內(nèi)容創(chuàng)新性表現(xiàn)較差，這說明當(dāng)前的諸多課程教學(xué)內(nèi)容未能與社會(huì)企業(yè)工作崗位緊密結(jié)合，教師所采用的依然為一言堂的單方向講授模式，這導(dǎo)致學(xué)生在知識(shí)學(xué)習(xí)方面更多側(cè)重于對(duì)知識(shí)的硬性記憶與重復(fù)應(yīng)用，無(wú)法真正參與到行之有效的實(shí)際問題討論中，而學(xué)生方面的自主學(xué)習(xí)能力培養(yǎng)也無(wú)疾而終。就目前來看，國(guó)內(nèi)計(jì)算機(jī)專業(yè)中前端開發(fā)課程教學(xué)質(zhì)量表現(xiàn)并不高，在實(shí)踐教學(xué)環(huán)節(jié)中教師所設(shè)計(jì)的教學(xué)案例也過于膚淺，這導(dǎo)致許多驗(yàn)證性的實(shí)驗(yàn)項(xiàng)目無(wú)法滿足實(shí)際需求，也無(wú)法正常實(shí)施[1]。

二、高校計(jì)算機(jī)專業(yè)HTML5前端開發(fā)課程教學(xué)改革方法研究

結(jié)合上述兩點(diǎn)問題可以看出高校計(jì)算機(jī)專業(yè)的前端開發(fā)課程教學(xué)推進(jìn)是嚴(yán)重受限的，教師無(wú)法結(jié)合客觀科學(xué)的教學(xué)內(nèi)容、教學(xué)模式、教學(xué)評(píng)價(jià)機(jī)制來實(shí)現(xiàn)教學(xué)改革過程，無(wú)法完全以學(xué)生為中心實(shí)現(xiàn)教學(xué)知識(shí)有效轉(zhuǎn)化，更無(wú)法實(shí)現(xiàn)針對(duì)學(xué)生的創(chuàng)新能力培養(yǎng)，所以本文也提出了教學(xué)模式改革策略，希望基于就業(yè)導(dǎo)向有效提高學(xué)生的就業(yè)競(jìng)爭(zhēng)能力，實(shí)現(xiàn)課程準(zhǔn)確定位與教學(xué)內(nèi)容有效改革。

（一）基于就業(yè)導(dǎo)向?qū)嵤┱n程準(zhǔn)確定位

以HTML5前端開發(fā)課程教學(xué)為例，它應(yīng)該從就業(yè)崗位需求出發(fā)尋求改革目標(biāo)，合理精選教學(xué)內(nèi)容。例如在前端開發(fā)基礎(chǔ)知識(shí)定位方面，就圍繞前端開發(fā)的測(cè)試環(huán)境、運(yùn)行環(huán)境搭建配置教學(xué)平臺(tái)，為學(xué)生重點(diǎn)講授HTML5相關(guān)知識(shí)內(nèi)容。即結(jié)合這一軟件開展編碼、測(cè)試、運(yùn)行課程內(nèi)容，為接下來的教學(xué)打好基礎(chǔ)。

再一點(diǎn)就是校本及類庫(kù)框架學(xué)習(xí)內(nèi)容，結(jié)合JavaScript、Bootstrap等等框架引導(dǎo)學(xué)生掌握PC移動(dòng)端知識(shí)內(nèi)容，希望在不同平臺(tái)上實(shí)現(xiàn)項(xiàng)目設(shè)計(jì)開發(fā)過程，并提升測(cè)試、運(yùn)行效率，教會(huì)學(xué)生如何掌握譬如響應(yīng)式布局、頁(yè)面性能優(yōu)化實(shí)現(xiàn)、瀏覽器兼容性問題的解決機(jī)制，進(jìn)一步定位教學(xué)內(nèi)容，為后續(xù)教學(xué)課程開展創(chuàng)造優(yōu)化條件。

（二）基于就業(yè)競(jìng)爭(zhēng)力的教學(xué)模式改革

在教學(xué)模式改革方面，同樣應(yīng)該基于就業(yè)導(dǎo)向、就業(yè)競(jìng)爭(zhēng)力展開教學(xué)設(shè)計(jì)，例如實(shí)施CDIO項(xiàng)目驅(qū)動(dòng)教學(xué)。該驅(qū)動(dòng)教學(xué)的中分別圍繞構(gòu)思、設(shè)計(jì)、實(shí)現(xiàn)與運(yùn)作四大方面展開。例如在HTML5前端開發(fā)課程教學(xué)中就主要基于項(xiàng)目驅(qū)動(dòng)實(shí)施教學(xué)內(nèi)容，結(jié)合講解、演示、操作等等來實(shí)現(xiàn)某些運(yùn)營(yíng)項(xiàng)目案例，引導(dǎo)學(xué)生深入分析講授不同基礎(chǔ)知識(shí)點(diǎn)理論，并教會(huì)他們?nèi)绾螌?shí)踐應(yīng)用。

例如在HTML5前端開發(fā)課程實(shí)踐教學(xué)中就可建立教學(xué)驅(qū)動(dòng)項(xiàng)目，引導(dǎo)學(xué)生掌握知識(shí)技能，解決諸多問題，全方位提高學(xué)生的學(xué)科學(xué)習(xí)積極主動(dòng)性，豐富他們的創(chuàng)新意識(shí)與能力。在具體的HTML5前端開發(fā)課程實(shí)踐教學(xué)中，就應(yīng)該圍繞問題提出、問題分析、問題解決（知識(shí)技能學(xué)習(xí)）、問題解決方法與工具掌握、項(xiàng)目實(shí)施、項(xiàng)目實(shí)踐總結(jié)以及項(xiàng)目拓展這一框架展開理論結(jié)合實(shí)踐教學(xué)過程。在教學(xué)中，教師還要引導(dǎo)輔助學(xué)生制定項(xiàng)目任務(wù)書，開發(fā)小組任務(wù)內(nèi)容討論建設(shè)機(jī)制，制定項(xiàng)目任務(wù)書，最終結(jié)合模塊設(shè)計(jì)形成詳細(xì)的HTML5前端開發(fā)課程教學(xué)設(shè)計(jì)書。在該教學(xué)過程中要更多鼓勵(lì)學(xué)生成員之間實(shí)現(xiàn)相互合作，確保學(xué)生達(dá)到前端工程師必備的設(shè)計(jì)能力。

三、總結(jié)

綜上所述，在高校計(jì)算機(jī)專業(yè)教學(xué)體系中應(yīng)該基于前端開發(fā)課程實(shí)施教學(xué)改革，確保教學(xué)定位準(zhǔn)確、教學(xué)模式改革到位、教學(xué)評(píng)價(jià)客觀公正。同時(shí)高校也需要多多建立、增進(jìn)“校企合作”關(guān)系，為學(xué)生人才深入市場(chǎng)實(shí)現(xiàn)理實(shí)一體化學(xué)習(xí)過程提供空間，確保培養(yǎng)出可滿足市場(chǎng)中企業(yè)需求的高級(jí)前端技術(shù)開發(fā)人才。

參考文獻(xiàn)：

[1]陳霞，吳東.基于就業(yè)導(dǎo)向的HTML5前端開發(fā)課程教學(xué)改革實(shí)踐[J].現(xiàn)代計(jì)算機(jī)，2017（12）：29-32.