Web前端開(kāi)發(fā)課程體系建設(shè)與實(shí)踐探索

王紅軍，胡宇航，汪洪祥，劉瑋，高巍，榮雯皓

（河北旅游職業(yè)學(xué)院，河北承德 067000）

隨著Web 前端開(kāi)發(fā)技術(shù)的普遍應(yīng)用，國(guó)內(nèi)高職院校提高了重視程度，為了提高人才培養(yǎng)質(zhì)量，必須要加強(qiáng)Web 前端開(kāi)發(fā)課程體系建設(shè)，和實(shí)際教學(xué)聯(lián)系起來(lái)，確保取得良好成效?，F(xiàn)階段Web 前端開(kāi)發(fā)課程中出現(xiàn)了一些問(wèn)題，為了改善這種情況，要進(jìn)一步優(yōu)化，建立起一套完善課程體系，不斷提高學(xué)生自身綜合能力，為將來(lái)步入社會(huì)打下堅(jiān)實(shí)的基礎(chǔ)。

1 課題研究目的及意義

在“1+X”證書制度的背景下，河北旅游職業(yè)學(xué)院信息技術(shù)系計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)以就業(yè)為導(dǎo)向，加強(qiáng)對(duì)Web 前端開(kāi)發(fā)專業(yè)課程體系探索，主要目的是為了提高人才培養(yǎng)質(zhì)量。自2016年以來(lái)，該系瞄準(zhǔn)市場(chǎng)需求，修改人才培養(yǎng)方案，制定和實(shí)施新課程體系，在國(guó)家“1+X”證書制度沒(méi)有正式發(fā)布前，已經(jīng)積累了一定的實(shí)踐教學(xué)經(jīng)驗(yàn)。該課題旨在通過(guò)該院信息技術(shù)系的課程改革實(shí)踐經(jīng)驗(yàn)，研究在“1+X”證書制度下將Web 前端職業(yè)技能培養(yǎng)融入教學(xué)中，探索將課程教學(xué)知識(shí)體系與Web 前端開(kāi)發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)有機(jī)結(jié)合，優(yōu)化和重構(gòu)專業(yè)核心課程體系[1]。

2 國(guó)內(nèi)外研究現(xiàn)狀

目前，“1+X”證書制度與高職Web 前端開(kāi)發(fā)人才培養(yǎng)的結(jié)合在國(guó)內(nèi)還處于初步實(shí)踐階段。國(guó)內(nèi)很多高職院校相關(guān)專業(yè)的Web 前端專業(yè)核心課程體系建設(shè)還在摸索中。2019年2月，國(guó)務(wù)院印發(fā)了《國(guó)家職業(yè)教育改革實(shí)施方案》，明確提出深化復(fù)合型技術(shù)技能人才培養(yǎng)培訓(xùn)模式改革，借鑒國(guó)際職業(yè)教育培訓(xùn)普遍做法，啟動(dòng)“1+X”證書制度試點(diǎn)工作。2019年3月，工業(yè)和信息化部組織編寫了《Web 前端開(kāi)發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》，明確了該專業(yè)職業(yè)技能人員的工作領(lǐng)域、工作任務(wù)、技能要求和知識(shí)要求。由于很多高職院校相關(guān)專業(yè)原有的課程知識(shí)體系與“1+X”Web 前端開(kāi)發(fā)證書的知識(shí)體系要求不一致，導(dǎo)致其專業(yè)課程體系已經(jīng)不能滿足新要求的需要，急需進(jìn)行課程體系改革，制定新的專業(yè)核心課程體系，以適應(yīng)新培養(yǎng)方向的要求[2]。

3 Web 前端開(kāi)發(fā)人才培養(yǎng)目標(biāo)及方向

3.1 人才需求量增加

現(xiàn)階段，Web 前端開(kāi)發(fā)成為社會(huì)熱點(diǎn)，隨著技術(shù)快速發(fā)展，各種開(kāi)發(fā)框架、工具不斷出現(xiàn)，導(dǎo)致企業(yè)對(duì)專業(yè)人才需求量增加。根據(jù)相關(guān)統(tǒng)計(jì)顯示，Web前端開(kāi)發(fā)技術(shù)人才缺口非常大，薪資福利待遇好，有著廣闊市場(chǎng)發(fā)展前景。但是由于各方面原因，人才數(shù)量一直比較少，無(wú)法滿足發(fā)展需求，一定程度上限制了技術(shù)發(fā)展，所以要加強(qiáng)人才培養(yǎng)。Web 前端底層技術(shù)由HTML、CSS 和JavaScript 三大部分組成，是一個(gè)龐大而復(fù)雜的技術(shù)體系。通過(guò)市場(chǎng)調(diào)查發(fā)現(xiàn)，企業(yè)在招聘時(shí)對(duì)人才提出了一定要求，一是熟悉HTML5、CSS3、ES6 等Web 技術(shù)標(biāo)準(zhǔn)；二是熟悉前端三大框架：Vue、React、Angular； 三是熟悉前端UI 框架，如Bootstrap、IView 等；四是熟悉前端模塊化標(biāo)準(zhǔn)：AMD、CommonJS 等；五是熟悉自動(dòng)化構(gòu)建工具：Grunt、Gulp 等；六是熟悉NoteJS[3]。部分企業(yè)招聘要求比較低，但是必須要掌握一種后端的開(kāi)發(fā)語(yǔ)言，如Java、PHP 等。企業(yè)為了實(shí)現(xiàn)更好發(fā)展，招聘時(shí)對(duì)人才水平要求比較高，所以在校期間要進(jìn)行有效學(xué)習(xí)，才能更好地適應(yīng)。

3.2 1+X 制度對(duì)Web 前端開(kāi)發(fā)人才的要求

Web 前端開(kāi)發(fā)的1+X 證書分為初級(jí)、 中級(jí)、高級(jí)3 個(gè)等級(jí)，不同等級(jí)對(duì)人才能力要求不一樣，有著明顯差異。初級(jí)要掌握HTML、CSS、JavaScript 基礎(chǔ)以及JQuery； 中級(jí)要求掌握后端PHP 語(yǔ)言、PHP 開(kāi)發(fā)框架Laravel、常用的MySql 數(shù)據(jù)庫(kù)、Ajax 等；高級(jí)要求掌握Vue、lessdeng ，這3 個(gè)等級(jí)是逐步深入的，詳細(xì)展現(xiàn)出Web 前端開(kāi)發(fā)的學(xué)習(xí)順序。將1+X 與企業(yè)對(duì)人才要求進(jìn)行對(duì)比，可以發(fā)現(xiàn)存在幾方面的問(wèn)題。首先1+X 讓前端三大框架變得更加精簡(jiǎn)，但是只選擇Vue 作為考點(diǎn)。其次在自動(dòng)化構(gòu)建中，1+X也變得更加精簡(jiǎn)，只選擇Webpack。高職院校如果開(kāi)設(shè)所有內(nèi)容，不僅學(xué)習(xí)難度大，而且任務(wù)量會(huì)比較中，增加了學(xué)生內(nèi)心壓力，顯然是不合適的[4]。最后1+X 選擇PHP 語(yǔ)言作為后端開(kāi)發(fā)語(yǔ)言。在進(jìn)行開(kāi)發(fā)時(shí)，要求掌握接口設(shè)計(jì)、測(cè)試和調(diào)用的方法，之所以選擇PHP 語(yǔ)言，這和PHP 語(yǔ)言本身特點(diǎn)有很大的關(guān)系。PHP 剛開(kāi)始學(xué)習(xí)比較簡(jiǎn)單，學(xué)生將重點(diǎn)放在前端核心內(nèi)容上，同時(shí)Lavravel 框架是PHP 主流的開(kāi)發(fā)框架，在市場(chǎng)中占據(jù)很大比例。通過(guò)分析可知，1+X 制度將市場(chǎng)和教育充分聯(lián)系起來(lái)，為高職院校Web 前端開(kāi)發(fā)課程體系建設(shè)與實(shí)踐指明了方向，保證達(dá)到預(yù)期效果。

4 職業(yè)能力分析

通過(guò)對(duì)企業(yè)人才招聘標(biāo)準(zhǔn)分析，總結(jié)了Web 前端開(kāi)發(fā)的職業(yè)能力，包括以下5 個(gè)方面，分別是業(yè)務(wù)系統(tǒng)開(kāi)發(fā)；制定數(shù)據(jù)接口標(biāo)準(zhǔn)、系統(tǒng)接口開(kāi)發(fā)；界面設(shè)計(jì)、改善用戶體驗(yàn)；團(tuán)隊(duì)技術(shù)交流；系統(tǒng)文檔的編寫與維護(hù)。不難發(fā)現(xiàn)，Web 前端開(kāi)發(fā)方向?qū)θ瞬诺穆殬I(yè)能力要求和軟件開(kāi)發(fā)是相似的，所以在培養(yǎng)職業(yè)能力時(shí)，可以以軟件專業(yè)作為參考。學(xué)生將來(lái)是要走向社會(huì)的，所以職業(yè)能力培養(yǎng)是至關(guān)重要的，直接決定了在市場(chǎng)中競(jìng)爭(zhēng)力，可以獲得更好發(fā)展機(jī)遇。明確對(duì)Web 前端開(kāi)發(fā)技術(shù)人才的能力要求，在此基礎(chǔ)上設(shè)計(jì)課程體系，保證具有適用性，不斷提高學(xué)生職業(yè)能力，為將來(lái)發(fā)展打下堅(jiān)實(shí)的基礎(chǔ)[5]。

5 Web 前端開(kāi)發(fā)課程存在的問(wèn)題

隨著高職院校對(duì)Web 前端開(kāi)發(fā)技術(shù)的重視，已經(jīng)開(kāi)設(shè)了相關(guān)課程，但在實(shí)踐教學(xué)中仍然存在一些問(wèn)題，對(duì)人才培養(yǎng)質(zhì)量會(huì)產(chǎn)生不利影響，下面進(jìn)行詳細(xì)論述。

5.1 課程內(nèi)容落后

Web 技術(shù)發(fā)展呈現(xiàn)出日新月異的特點(diǎn)，在先進(jìn)技術(shù)支持下，Web 應(yīng)用項(xiàng)目開(kāi)發(fā)周期大大縮短，可以滿足更高需求。但是從大部分高職院校課程內(nèi)容來(lái)看，主要以網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)頁(yè)制作、工具軟件使用為主，存在嚴(yán)重滯后性，與實(shí)際需求不相符合，無(wú)法保持與Web 前端技術(shù)的同步發(fā)展。這也是很多學(xué)生無(wú)法就業(yè)的問(wèn)題，自身知識(shí)體系落后于技術(shù)發(fā)展速度，無(wú)法勝任崗位需求。教師幾乎整節(jié)課時(shí)間都在講解知識(shí)點(diǎn)，學(xué)生進(jìn)行簡(jiǎn)單練習(xí)即可，在這種模式下，學(xué)習(xí)效果并不是很好，即使學(xué)生存在問(wèn)題也很難發(fā)現(xiàn)。課程內(nèi)容具有極強(qiáng)針對(duì)性，主要是面向特定崗位設(shè)計(jì)的，如果內(nèi)容落后，會(huì)直接導(dǎo)致學(xué)習(xí)效果大打折扣，所以要注重內(nèi)容創(chuàng)新。

5.2 忽視實(shí)踐教學(xué)

Web 前端開(kāi)發(fā)技術(shù)具有很強(qiáng)實(shí)踐性，要求學(xué)生學(xué)習(xí)后可以熟練操作，解決實(shí)際中遇到問(wèn)題，將知識(shí)轉(zhuǎn)化為自身能力。部分院校在課程設(shè)置方面存在不合理現(xiàn)象，以理論課為主，忽視了實(shí)踐教學(xué)的重要性，導(dǎo)致在這方面存在嚴(yán)重缺陷。實(shí)踐教學(xué)課時(shí)比較少，學(xué)生很難在短時(shí)間內(nèi)全面掌握，所以無(wú)法熟練操作，會(huì)影響到未來(lái)就業(yè)。調(diào)查發(fā)現(xiàn)，大部分學(xué)生都掌握了Web 前端開(kāi)發(fā)技術(shù)的理論，但是實(shí)踐能力普遍較低，限制了自身全面發(fā)展。Web 前端開(kāi)發(fā)技術(shù)的復(fù)雜性，決定了需要大量時(shí)間去練習(xí)，在短期內(nèi)是無(wú)法熟練操作的，但院校往往忽視了這一點(diǎn)，沒(méi)有處理好理論和實(shí)踐教學(xué)之間的關(guān)系。意識(shí)到實(shí)踐教學(xué)重要性，改善目前現(xiàn)狀，不斷提高學(xué)生動(dòng)手能力，實(shí)現(xiàn)自身的更好發(fā)展[6]。

5.3 教學(xué)方式單一

Web 前端開(kāi)發(fā)課程教學(xué)中依然采用傳統(tǒng)方式，教師在課堂上占據(jù)主導(dǎo)地位，學(xué)生只能被動(dòng)接受，自主學(xué)習(xí)積極性比較低，長(zhǎng)此以往容易對(duì)教師產(chǎn)生依賴性。在Web 前端開(kāi)發(fā)技術(shù)學(xué)習(xí)過(guò)程中，教師主要起到引導(dǎo)作用，更多是要發(fā)揮出學(xué)生自身主觀能動(dòng)性，培養(yǎng)良好學(xué)習(xí)習(xí)慣。在單一教學(xué)模式下，學(xué)生會(huì)感覺(jué)到枯燥乏味，導(dǎo)致積極性普遍較低。學(xué)生對(duì)Web 前端開(kāi)發(fā)技術(shù)認(rèn)識(shí)比較淺顯，沒(méi)有和行業(yè)需求聯(lián)系起來(lái)，認(rèn)為只要完成學(xué)習(xí)任務(wù)就可以。根據(jù)Web 前端開(kāi)發(fā)課程的特點(diǎn)，創(chuàng)新教學(xué)方式，確保取得更好效果。

5.4 考核方式不合理

Web 前端開(kāi)發(fā)課程教學(xué)考核依然采用傳統(tǒng)方式，以考試結(jié)果作為評(píng)價(jià)學(xué)生的唯一指標(biāo)，忽視了其他方面的評(píng)價(jià)，存在嚴(yán)重片面性。對(duì)于學(xué)生而言，Web 前端開(kāi)發(fā)技術(shù)學(xué)習(xí)是一個(gè)持續(xù)性過(guò)程，技術(shù)難度在不斷增加。當(dāng)學(xué)生考試成績(jī)比較低時(shí)，會(huì)打擊到自身積極性，對(duì)后期學(xué)習(xí)產(chǎn)生一定影響。因此要加強(qiáng)教學(xué)考核方式改革，保證具有全面性，反映出學(xué)生各個(gè)方面的學(xué)習(xí)情況?？己朔绞街苯幼饔糜诮虒W(xué)效果，通過(guò)考核發(fā)現(xiàn)問(wèn)題，在此基礎(chǔ)上進(jìn)一步改進(jìn)，優(yōu)化教學(xué)方式，不斷提升學(xué)習(xí)效率和質(zhì)量。

6 Web 前端開(kāi)發(fā)課程體系建設(shè)與實(shí)踐

關(guān)于Web 前端開(kāi)發(fā)課程體系建設(shè)與實(shí)踐，高職院校要立足于實(shí)際情況，保證課程體系建設(shè)的全面性、可行性，與人才培養(yǎng)目標(biāo)相符合，不斷提高學(xué)生綜合能力，有效適應(yīng)社會(huì)發(fā)展。

6.1 課程體系建設(shè)思路

Web 前端開(kāi)發(fā)課程體系建設(shè)要明確思路。一是以1+X 證書為標(biāo)準(zhǔn)，注重復(fù)合型Web 前端開(kāi)發(fā)技術(shù)人才培養(yǎng)，有效結(jié)合1+X 制度，將初級(jí)、中級(jí)、高級(jí)和課程相結(jié)合，認(rèn)真考慮Web 前端開(kāi)發(fā)專業(yè)課程的學(xué)習(xí)路線，合理設(shè)置課程，讓學(xué)生在校期間可以完成3 個(gè)等級(jí)的認(rèn)證，具備較高技術(shù)水平，為將來(lái)走向工作崗位做好準(zhǔn)備。二是時(shí)刻關(guān)注行業(yè)發(fā)展形勢(shì)。教師要深入到企業(yè)中去學(xué)習(xí)，了解最新技術(shù)發(fā)展情況，融入課堂教學(xué)中去，有助于強(qiáng)化學(xué)習(xí)效果。教師是教學(xué)的主體力量，因此院校要定期開(kāi)展培訓(xùn)，組織他們學(xué)習(xí)最新理論和技術(shù)，為教學(xué)工作開(kāi)展提供有力支持。三是Web 前端開(kāi)發(fā)的發(fā)展方向是大前端，由于學(xué)生在校學(xué)習(xí)時(shí)間有限，所以很難全面掌握。在這種情況下，教學(xué)中就應(yīng)該突出重點(diǎn)，不僅減少學(xué)習(xí)量，還能夠提高效率。四是以應(yīng)用為中心推動(dòng)課程建設(shè)。微信在學(xué)生中已經(jīng)普遍應(yīng)用，可以作為課程推廣的工具，具有方便、快捷的特點(diǎn)，激發(fā)出學(xué)生興趣，進(jìn)一步強(qiáng)化學(xué)習(xí)效果。五是重新規(guī)劃Web 前端方向JavaScript 課程內(nèi)容。JavaScript 是Web 前端開(kāi)發(fā)的主要語(yǔ)言，除此之外，還能夠通過(guò)NodeJS 實(shí)現(xiàn)后端開(kāi)發(fā)。提高JavaScript 課程質(zhì)量，可以有效提高人才培養(yǎng)質(zhì)量，二者有著密切聯(lián)系。六是提高對(duì)JavaScript 第三方類庫(kù)的教學(xué)，JavaScript 發(fā)展時(shí)間比較長(zhǎng)，受到各種因素影響，使得很多基本的功能官方類庫(kù)沒(méi)有提供，所以往往需要依賴第三方。

6.2 合理選擇Web 前端開(kāi)發(fā)教材

從實(shí)際情況來(lái)看，教材選擇上主要存在兩個(gè)問(wèn)題，一是內(nèi)容落后。由于Web 前端技術(shù)發(fā)展速度比較快，所以教材內(nèi)容非常容易過(guò)時(shí)，需要及時(shí)更新才可以。二是教材難度大。以Web 前端開(kāi)發(fā)的核心框架的教材為例，涉及專業(yè)知識(shí)比較多，具有很強(qiáng)綜合性，增加了學(xué)生學(xué)習(xí)難度。為了解決面臨問(wèn)題，要提升教材質(zhì)量。首先要關(guān)注行業(yè)發(fā)展情況，補(bǔ)充最新內(nèi)容，保證教材的先進(jìn)性，與技術(shù)發(fā)展保持同步。合理控制教材內(nèi)容難度，保證學(xué)生可以很好接受，學(xué)習(xí)到專業(yè)技術(shù)。教材編制要由經(jīng)驗(yàn)豐富教師來(lái)負(fù)責(zé)，完成后進(jìn)行審核，不足地方及時(shí)完善，更好應(yīng)用到教學(xué)中來(lái)。

6.3 建設(shè)實(shí)訓(xùn)室

在Web 前端開(kāi)發(fā)課程體系建設(shè)中，要意識(shí)到實(shí)踐教學(xué)的重要性，對(duì)于提高學(xué)生操作能力有很大的幫助。為了確保實(shí)踐教學(xué)順利開(kāi)展，加強(qiáng)實(shí)訓(xùn)室建設(shè)是很有必要的，創(chuàng)建出良好環(huán)境，提高學(xué)生參與積極性。僅靠教師講解是遠(yuǎn)遠(yuǎn)不夠的，需要學(xué)生自己動(dòng)手去操作，才會(huì)變得更加熟練，不斷提高自身職業(yè)能力。根據(jù)學(xué)生自身情況制定實(shí)訓(xùn)方案，嚴(yán)格按照要求去執(zhí)行，在反復(fù)練習(xí)中會(huì)變得越來(lái)越熟練。高職院校要加大對(duì)實(shí)訓(xùn)室建設(shè)的投入，購(gòu)置先進(jìn)技術(shù)設(shè)備，為學(xué)生學(xué)習(xí)質(zhì)量提供可靠保障。日常要注重實(shí)訓(xùn)室的維護(hù)和管理，避免出現(xiàn)設(shè)備損壞影響，對(duì)正常教學(xué)產(chǎn)生影響。將理論和實(shí)踐練習(xí)起來(lái)，提高知識(shí)運(yùn)用能力，解決實(shí)際中遇到問(wèn)題。

6.4 創(chuàng)新教學(xué)方法

傳統(tǒng)教學(xué)方法已經(jīng)無(wú)法滿足實(shí)際需求，所以要積極創(chuàng)新，可以發(fā)揮出更大作用。堅(jiān)持以人為本原則，突出學(xué)生主體地位，更加自主參與到教學(xué)中去，不斷提升自身學(xué)習(xí)水平。小組合作是一種很好的方式，將學(xué)生分成不同小組，通過(guò)討論合作來(lái)完成教學(xué)任務(wù)，可以營(yíng)造出良好學(xué)習(xí)氛圍，讓所有人都參與進(jìn)來(lái)。改革教學(xué)考核方式，除了成績(jī)外，還要對(duì)學(xué)習(xí)態(tài)度、進(jìn)步情況等方面進(jìn)行綜合評(píng)價(jià)，給學(xué)生科學(xué)合理定位。教學(xué)方法直接決定了教學(xué)效果，所以要保證滿足學(xué)生需求，增強(qiáng)學(xué)習(xí)趣味性，培養(yǎng)自主探究能力，促進(jìn)良好習(xí)慣養(yǎng)成。采用多種教學(xué)方法，加強(qiáng)師生互動(dòng)，提高在課堂上的默契配合度，實(shí)現(xiàn)知識(shí)傳遞與吸收。

7 結(jié)語(yǔ)

綜上所述，上文對(duì)Web 前端開(kāi)發(fā)課程體系建設(shè)與實(shí)踐展開(kāi)了探討，有更加全面的了解。在市場(chǎng)對(duì)Web 前端開(kāi)發(fā)技術(shù)人才的持續(xù)增加背景下，高職院校要積極轉(zhuǎn)變教學(xué)理念，明確人才培養(yǎng)目標(biāo)，同時(shí)加強(qiáng)課程體系建設(shè)，保證學(xué)生接受良好教育。將課程體系運(yùn)用到實(shí)際教學(xué)中去，不斷提高人才培養(yǎng)質(zhì)量，滿足社會(huì)發(fā)展的更高需求。