肖建芳

（汕頭職業(yè)技術(shù)學(xué)院 計算機系，廣東 汕頭 515041）

目前很多高校開設(shè)了Web 前端開發(fā)課程，目的是為行業(yè)企業(yè)培養(yǎng)優(yōu)秀的Web 前端開發(fā)工程師.Web前端開發(fā)工程師簡稱前端開發(fā)工程師，是近幾年火起來的一個很新的職業(yè)，在國內(nèi)乃至國際受到重視.2014年10月29日，W3C宣布，HTML5標(biāo)準(zhǔn)規(guī)范制定完成，這標(biāo)志著在網(wǎng)站開發(fā)行業(yè)中，前端開發(fā)時代正式到來.隨著Web2.0的普及和W3C組織的推廣，更多企業(yè)重視網(wǎng)站重構(gòu)，很多企業(yè)還有配套小程序及手機APP 的需求，對前端開發(fā)工程師的需求越來越大.根據(jù)經(jīng)濟日報-中國經(jīng)濟網(wǎng)報導(dǎo)，隨著前端技術(shù)發(fā)展和傳統(tǒng)企業(yè)向數(shù)字化轉(zhuǎn)型，前端開發(fā)工程師每年新增需求量約為16 萬人［1］.Web前端開發(fā)工程師作為學(xué)習(xí)門檻低且高薪的職業(yè)，受到越來越多高校畢業(yè)生青睞.

但目前的情況是，一方面是企業(yè)對Web前端開發(fā)工程師的需求越來越大，另一方面一些高校培養(yǎng)的前端開發(fā)畢業(yè)生找不到對口的工作崗位.這也給良莠不齊、以牟利為目的的社會培訓(xùn)機構(gòu)帶來了商機，畢業(yè)后經(jīng)過培訓(xùn)機構(gòu)回爐培訓(xùn)再上崗也成了許多學(xué)生的無奈選擇，被不良機構(gòu)忽悠騙錢的悲劇也時有發(fā)生.這種怪現(xiàn)象越來越明顯，迫切要求高校開發(fā)與行業(yè)職業(yè)銜接的Web前端開發(fā)課程體系，做到學(xué)生在校學(xué)習(xí)的課程內(nèi)容體系能夠滿足行業(yè)企業(yè)需求，學(xué)生在校就能進(jìn)行基于企業(yè)真實項目和崗位能力的實訓(xùn)和開發(fā)，畢業(yè)即可無縫對接行業(yè)企業(yè)，直接上崗.

1 Web前端開發(fā)行業(yè)職業(yè)需求分析

要開發(fā)與行業(yè)職業(yè)相銜接的Web前端開發(fā)課程體系，首先要了解行業(yè)職業(yè)的需求.通過對汕頭職業(yè)技術(shù)學(xué)院從事前端開發(fā)相關(guān)工作畢業(yè)生的回訪、走訪相關(guān)IT企業(yè)、資料查詢等研究方式，了解到目前Web前端開發(fā)領(lǐng)域人才缺口很大，優(yōu)秀前端開發(fā)工程師尤其缺乏；目前主流的Web前端開發(fā)技術(shù)是HTML5、CSS3和JavaScript，企業(yè)招聘很多都要求畢業(yè)生熟悉JQuery、Vue、React和Bootstrap等框架技術(shù)中的至少兩種，有過框架開發(fā)經(jīng)驗者優(yōu)先；要求有較強的學(xué)習(xí)能力，有團隊合作精神，有良好的職業(yè)素養(yǎng)，能吃苦耐勞等.

龔蘭蘭等［2］就Web 應(yīng)用開發(fā)所需要的知識、技能和能力方面對蘇州22 家IT 相關(guān)企業(yè)進(jìn)行了調(diào)研，發(fā)現(xiàn)企業(yè)對Web 應(yīng)用開發(fā)的需求量仍然很大，學(xué)習(xí)Web 開發(fā)技能仍舊是計算機專業(yè)學(xué)生走上社會、專業(yè)對口就業(yè)不可或缺的知識和技術(shù)；企業(yè)的崗位需求量最大的是前端開發(fā)工程師，前端開發(fā)技術(shù)中需求最大的是JavaScript、HTML5和CSS3，最流行的前端框架是Bootstrap、JQuery 和Node.js，如圖1 所示.調(diào)查結(jié)果基本與筆者近幾年通過對汕頭職業(yè)技術(shù)學(xué)院從事前端開發(fā)工作的畢業(yè)生進(jìn)行回訪、走訪企業(yè)和網(wǎng)絡(luò)調(diào)查分析獲得的結(jié)果一致.這為與行業(yè)職業(yè)相銜接的Web 前端開發(fā)課程體系構(gòu)建提供了有力的參考依據(jù).

圖1 蘇州22家IT相關(guān)企業(yè)前端技術(shù)需求對比圖

2 Web前端開發(fā)課程內(nèi)容體系構(gòu)建

根據(jù)調(diào)查結(jié)果分析，結(jié)合高校學(xué)生特點，并參考工業(yè)和信息化部教育與考試中心2019年為“1+X”證書之Web前端開發(fā)工程師制定的《Web前端開發(fā)職業(yè)技能標(biāo)準(zhǔn)串講教案》內(nèi)容，將Web前端開發(fā)課程內(nèi)容體系劃分為8 個模塊：Web 前端開發(fā)基礎(chǔ)、HTML5、CSS3、JavaScript、jQuery、BootStrap與常用組件庫、MVVM框架（Vue.js或React）、課程設(shè)計.根據(jù)學(xué)生的認(rèn)知能力、知識點的難易程度以及重要程度，又將該8個模塊內(nèi)容分為基礎(chǔ)和提高兩個層次.因前端開發(fā)是一個很新的職業(yè)，所以“Web前端開發(fā)基礎(chǔ)”也非常重要，學(xué)習(xí)內(nèi)容除了網(wǎng)站基礎(chǔ)知識、網(wǎng)站開發(fā)流程和開發(fā)技術(shù)等，最重要的就是要讓學(xué)生知道即將學(xué)習(xí)的課程是什么、未來可以做什么、前端開發(fā)工程師的職業(yè)前景、現(xiàn)在該怎么做等，讓學(xué)生知其然并知其所以然，激發(fā)學(xué)生學(xué)習(xí)前端開發(fā)知識技能的積極性.

該課程建議高校計算機系前端開發(fā)相關(guān)專業(yè)或方向規(guī)劃180個課時分兩個學(xué)期完成，第一學(xué)期安排108課時，學(xué)習(xí)前5個模塊，其中理論課與實踐課課時的比例為3：3；第二學(xué)期72課時，完成后面3個模塊，理論課課時與實踐課課時的比例可以根據(jù)需要調(diào)整至1.5∶2.5或者1∶3.學(xué)習(xí)內(nèi)容的安排應(yīng)該以建構(gòu)主義學(xué)習(xí)理論為依據(jù)，在基于項目和崗位能力的基礎(chǔ)上，新舊知識點相互迭代、環(huán)環(huán)相扣、螺旋遞進(jìn)，讓學(xué)生在循序漸進(jìn)中逐步掌握知識和技能.具體課程內(nèi)容體系構(gòu)建如表1所示.其中，星號（*）標(biāo)記內(nèi)容為可選項，教師可根據(jù)具體學(xué)時安排以及學(xué)生掌握情況靈活選擇.

建構(gòu)主義學(xué)習(xí)理論認(rèn)為，學(xué)習(xí)是引導(dǎo)學(xué)生從原有經(jīng)驗出發(fā)，建構(gòu)起新的經(jīng)驗.教學(xué)不能無視學(xué)習(xí)者已有的知識經(jīng)驗，不能簡單地強硬地從外部對學(xué)習(xí)者實施知識的“填灌”，而是應(yīng)該把學(xué)習(xí)者原有的知識經(jīng)驗作為新知識的生長點，引導(dǎo)學(xué)習(xí)者從原有的知識經(jīng)驗中，主動建構(gòu)新的知識經(jīng)驗.教師與學(xué)生、學(xué)生與學(xué)生之間，需要共同針對某些問題進(jìn)行探索，并在探索的過程中相互交流和質(zhì)疑［3］.教師在課程教學(xué)過程中，要遵循建構(gòu)主義學(xué)習(xí)理論和教學(xué)觀，以學(xué)生為主體進(jìn)行教學(xué)設(shè)計，為學(xué)生提供優(yōu)質(zhì)的學(xué)習(xí)資料，幫助學(xué)生建構(gòu)學(xué)習(xí)情境、搭建學(xué)習(xí)支架，引導(dǎo)學(xué)生開展自主學(xué)習(xí)和小組合作學(xué)習(xí)［4］.

表1 Web前端開發(fā)課程內(nèi)容體系構(gòu)建表

本課程內(nèi)容體系中8個模塊是在建構(gòu)主義學(xué)習(xí)理論指導(dǎo)下進(jìn)行篩選和設(shè)置的，基于行業(yè)企業(yè)標(biāo)準(zhǔn)要求，結(jié)合學(xué)生實際，同時又兼顧了國家“1+X”職業(yè)技能等級證書之Web前端開發(fā)職業(yè)技能等級考試考點內(nèi)容.8個模塊內(nèi)容各不相同，但是相互銜接，螺旋形層層遞進(jìn)，有機構(gòu)成了科學(xué)的Web前端開發(fā)課程內(nèi)容體系.教師在教學(xué)實施時要以學(xué)生為主體進(jìn)行教學(xué)設(shè)計，并根據(jù)實際項目需求，將各模塊內(nèi)容進(jìn)行有效整合，融入真實項目的教學(xué)過程中，真正做到開展基于企業(yè)項目和崗位能力的教學(xué).［5］

3 Web前端開發(fā)課程實踐教學(xué)體系構(gòu)建

Web前端開發(fā)課程實踐性非常強，所以實踐教學(xué)體系的構(gòu)建非常重要.教師要整合教材資源和社會資源，采用基于企業(yè)真實大項目+專題小項目+課程設(shè)計大項目相結(jié)合的方式設(shè)計實踐教學(xué)內(nèi)容.建議實踐課程的實施由高校專職教師與企業(yè)兼職教師合作完成.專職教師主要負(fù)責(zé)基礎(chǔ)知識和技能的教學(xué)，企業(yè)兼職教師主要負(fù)責(zé)企業(yè)真實項目的實踐教學(xué)［5］.

對于大項目案例，兩個學(xué)期可以使用至少兩個大項目，教師要了解企業(yè)Web前端開發(fā)崗位工作過程和能力需求，并與行業(yè)企業(yè)合作，共同開發(fā)出真實又適合教學(xué)的項目案例.建議第一個大項目選擇學(xué)生熟悉的領(lǐng)域，比如設(shè)計本校網(wǎng)站前端，這樣學(xué)生可以在熟悉的案例下更好地發(fā)揮自主學(xué)習(xí)的積極性.第二個大項目建議選擇其他領(lǐng)域，比如某企業(yè)網(wǎng)站前端開發(fā).真實案例由熟悉領(lǐng)域向陌生領(lǐng)域自然拓展，更符合學(xué)生認(rèn)知習(xí)慣，實踐效果會更好.教師要定期帶學(xué)生到合作企業(yè)參觀，了解崗位真實的工作場景和工作流程.教師在網(wǎng)站前端開發(fā)的實踐教學(xué)過程中融入軟件工程的思想，學(xué)生不但能實現(xiàn)常見的前端頁面效果，還能在實踐中理解網(wǎng)站規(guī)劃、網(wǎng)站分析、網(wǎng)站設(shè)計、網(wǎng)站實施、網(wǎng)站運行和維護(hù)五個生命周期的基本內(nèi)容和工作，能夠撰寫簡單的可行性分析報告，繪制網(wǎng)站模塊結(jié)構(gòu)圖、企業(yè)組織結(jié)構(gòu)圖、業(yè)務(wù)功能圖和數(shù)據(jù)流圖等，能夠分析網(wǎng)站各模塊間的數(shù)據(jù)流向以及進(jìn)行網(wǎng)站性能優(yōu)化等，既基于企業(yè)真實項目和崗位，又達(dá)到有效銜接后繼課程的目的.

對于一些常見的特殊前端頁面效果，采用開展小組合作完成專題小項目的形式有針對性地強化訓(xùn)練.比如設(shè)計網(wǎng)站布局專題（包括移動端頁面布局、響應(yīng)式布局等）、LOGO+BANNER設(shè)計專題、登錄頁和注冊頁等表單設(shè)計專題、導(dǎo)航欄設(shè)計專題、新聞列表設(shè)計專題、照片墻效果專題、animation動畫專題、圖片輪播效果專題、HTML5小游戲設(shè)計專題等，通過專題小項目設(shè)計的形式，強化常見網(wǎng)頁效果的訓(xùn)練.每次專題小項目都設(shè)置優(yōu)秀作品展示環(huán)節(jié)，學(xué)生介紹設(shè)計思路、創(chuàng)意和技術(shù)等，然后自評、小組互評和教師評價，集思廣益.專題小項目完成后，要求學(xué)生把真實大項目中相應(yīng)部分的網(wǎng)頁效果設(shè)計出來，從而做到學(xué)以致用.

高校專職教師與企業(yè)兼職教師共同作為學(xué)生的課程設(shè)計大項目指導(dǎo)老師.課程設(shè)計大項目由學(xué)生自擬題目，自備素材，并組建開發(fā)小組模擬企業(yè)真實團隊開發(fā)，組員分工合作，互相配合，在指導(dǎo)教師的指導(dǎo)下，體驗企業(yè)真實工作過程，鍛煉崗位能力、培養(yǎng)職業(yè)素養(yǎng)，共同完成實踐大項目.

4 Web前端開發(fā)課程評價體系構(gòu)建

因本課程實操性比較強，課程評價摒棄傳統(tǒng)一考定分的方式，采用過程性評價和終結(jié)性評價相結(jié)合得出期末成績的方式，二者在期末成績中的占比各為50%.

課程過程性評價的主要依據(jù)是《課堂教學(xué)過程性評價表》，評價內(nèi)容包括個人在課堂學(xué)習(xí)過程中的表現(xiàn)和在小組合作學(xué)習(xí)過程中的表現(xiàn).個人在課堂學(xué)習(xí)過程中的表現(xiàn)包括考勤情況、作業(yè)完成情況、課堂積極回答問題及響應(yīng)情況、藍(lán)墨云班課等學(xué)習(xí)平臺上的學(xué)習(xí)積分和作業(yè)情況等.小組合作學(xué)習(xí)過程中的表現(xiàn)包括小組整體在各次小組活動中的表現(xiàn)、個人在各次小組活動中的表現(xiàn)和貢獻(xiàn)、期末評比優(yōu)秀個人和優(yōu)秀小組的情況等［6］.

終結(jié)性評價主要依據(jù)是課程設(shè)計大作業(yè)的質(zhì)量以及《課程設(shè)計大作業(yè)自查表》等配套文檔的撰寫情況.課程設(shè)計大作業(yè)質(zhì)量評價的一級指標(biāo)包括：實用性、技術(shù)性、藝術(shù)性、易操作性和創(chuàng)新性等，具體評價內(nèi)容包括網(wǎng)站整體效果、網(wǎng)站內(nèi)容、網(wǎng)站布局排版、網(wǎng)站配色、網(wǎng)站LOGO 設(shè)計、導(dǎo)航設(shè)計、技術(shù)運用、創(chuàng)新性和小組合作分工及質(zhì)量等.在期末的時候還要開展課程設(shè)計答辯會，將團隊在答辯會上的表現(xiàn)也納入評價體系.《課程設(shè)計大作業(yè)自查表》是配合課程設(shè)計大作業(yè)使用、由學(xué)生填寫的自查表，內(nèi)容包括作品名稱、作品簡介、網(wǎng)站結(jié)構(gòu)圖、使用技術(shù)介紹、作品的用途和意義、作品的亮點和創(chuàng)新創(chuàng)意、主色調(diào)和配色說明、現(xiàn)存問題及想法、小組分工及貢獻(xiàn)、參考網(wǎng)站及網(wǎng)址、作品設(shè)計進(jìn)度情況登記等.

通過過程性評價與終結(jié)性評價相結(jié)合的課程評價方式，能更好地對學(xué)生在學(xué)習(xí)過程中獲得的知識、技能和能力進(jìn)行綜合評價.

5 結(jié)語

Web前端開發(fā)課程是近幾年才開發(fā)出來的課程，目前沒有統(tǒng)一的授課標(biāo)準(zhǔn)，需要與行業(yè)職業(yè)相銜接，結(jié)合汕頭職業(yè)技術(shù)學(xué)院實際情況，開發(fā)基于真實企業(yè)項目和崗位能力的課程體系.本研究將目前行業(yè)職業(yè)需求最多的Web前端開發(fā)技術(shù)納入課程內(nèi)容體系，并分成8個模塊，各模塊內(nèi)容相互銜接、層層遞進(jìn)，共同構(gòu)成有機整體.構(gòu)建了Web前端開發(fā)課程實踐教學(xué)體系，采取企業(yè)真實大項目+專題小項目+課程設(shè)計相結(jié)合的實踐教學(xué)策略，既強化學(xué)生設(shè)計常見網(wǎng)頁效果的技能，又能在真實大項目中鞏固和提升知識和技能.學(xué)生在校學(xué)習(xí)的內(nèi)容就是行業(yè)企業(yè)所需要的，學(xué)生在校就能進(jìn)行企業(yè)真實項目的實訓(xùn)和開發(fā)，畢業(yè)就能直接上崗.同時根據(jù)課程內(nèi)容體系和實踐教學(xué)體系的特點，構(gòu)建了全新的Web前端開發(fā)課程評價體系，采用過程性評價和終結(jié)性評價相結(jié)合的方式，能更好地評價學(xué)生的真實學(xué)習(xí)過程和掌握的知識能力.

從當(dāng)前Web前端開發(fā)技術(shù)發(fā)展的大趨勢來看，前端開發(fā)崗位需求隨著企業(yè)技術(shù)的不斷革新發(fā)展越來越多.通過校內(nèi)與企業(yè)的授課體系相結(jié)合，既滿足了企業(yè)的實際招聘要求，同時也培養(yǎng)了更多學(xué)生的擇業(yè)發(fā)展方向.筆者近三年來選擇大部分課程體系內(nèi)容，對汕頭職業(yè)技術(shù)學(xué)院計算機系計算機應(yīng)用技術(shù)專業(yè)進(jìn)行了教學(xué)實踐和研究，結(jié)果表明本專業(yè)前端開發(fā)方向畢業(yè)生目前就業(yè)對口狀況良好，企業(yè)對畢業(yè)生的評價也比較高，部分學(xué)生做到畢業(yè)即可上崗.實踐證明，該課程體系具有一定科學(xué)性，對其他高校Web前端開發(fā)課程體系構(gòu)建有一定參考價值.