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

李高峰

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、總結(jié)

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

參考文獻：

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