基于1＋X課證融通模式下 “Web前端開發(fā)” 課程標(biāo)準(zhǔn)開發(fā)與研究

王 丹

（遼寧省交通高等?？茖W(xué)校，遼寧 沈陽(yáng) 110122）

0 引言

2019年6月，遼寧省交通高等專科學(xué)校信息工程系計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)率先成為1＋X證書全國(guó)首批 “Web前端開發(fā)” 試點(diǎn)院校專業(yè)，專業(yè)學(xué)生的學(xué)習(xí)情況最終確定了實(shí)施該項(xiàng)目的中級(jí)試點(diǎn)。計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)運(yùn)用書證融通理念，結(jié)合專業(yè)建設(shè)基礎(chǔ)和當(dāng)前產(chǎn)業(yè)發(fā)展和人才需求，以《Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》為基礎(chǔ)，積極將證書考核標(biāo)準(zhǔn)、規(guī)范、內(nèi)容融入網(wǎng)絡(luò)技術(shù)專業(yè)人才培養(yǎng)方案中，對(duì)現(xiàn)有課程進(jìn)行梳理、評(píng)估分析，去重去冗、突出重點(diǎn)，對(duì) “Web前端開發(fā)” 課程體系進(jìn)行了重構(gòu)，初步構(gòu)建了 “Web前端開發(fā)” 核心課程矩陣。

1 Web前端開發(fā)人才需求現(xiàn)狀分析

“大智移云物” 時(shí)代的到來(lái)，促進(jìn)了移動(dòng)互聯(lián)網(wǎng)的快速發(fā)展，軟件產(chǎn)業(yè)結(jié)構(gòu)不斷調(diào)整，迭代更新，Web開發(fā)在各種平臺(tái)的應(yīng)用極其廣泛，對(duì)Web前端開發(fā)人才的需求逐年提升，其主要涉及工作崗位有：UI設(shè)計(jì)師、Web前端開發(fā)工程師、后臺(tái)開發(fā)工程師。因此Web前端開發(fā)在Web程序開發(fā)中占有重要的地位。在2010年左右，前端開發(fā)工程師已經(jīng)成為一個(gè)獨(dú)立存在，并具有大規(guī)模招聘需求的崗位［1］。

通過(guò)對(duì) “前程無(wú)憂” “智聯(lián)招聘” “獵聘網(wǎng)” 3個(gè)主要招聘網(wǎng)站發(fā)布的相關(guān)招聘信息分析發(fā)現(xiàn)，CSS，JavaScript，HTML為前端開發(fā)中較為基礎(chǔ)的技能，不僅在網(wǎng)站開發(fā)、Web應(yīng)用程序開發(fā)、移動(dòng)應(yīng)用開發(fā)中具有十分重要的地位，也是大前端發(fā)展環(huán)境下最為重要的技術(shù)之一，互聯(lián)網(wǎng)企業(yè)對(duì)于熟練掌握該技能的人才需求量巨大。但企業(yè)并不偏愛(ài)只會(huì)JavaScript，HTML5，CSS的技能單一型求職者，而是熱衷聘用多技的復(fù)合型人才。在大前端時(shí)代，前端與后端的交互對(duì)接也是前端開發(fā)從業(yè)者所必備的技能之一，JQuery和AJAX是交互式設(shè)計(jì)的必備技能。而框架模式作為較為先進(jìn)高效的高級(jí)開發(fā)技能，在程序開發(fā)中表現(xiàn)優(yōu)越，不少用人單位對(duì)Bootstrap，VUE，React等都有較高的需求，這些都是目前前端開發(fā)產(chǎn)業(yè)環(huán)境下需求的熱點(diǎn)技能。因此Web前端開發(fā)技術(shù)技能人才的培養(yǎng)是互聯(lián)網(wǎng)應(yīng)用行業(yè)持續(xù)發(fā)展對(duì)人才隊(duì)伍建設(shè)的客觀需要。

2 “Web前端開發(fā)” 課程開設(shè)的現(xiàn)狀

“Web前端開發(fā)” 課程涉及內(nèi)容廣，專業(yè)性強(qiáng)，技術(shù)要求高。在計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)人才培養(yǎng)中開設(shè)多年，由于課時(shí)數(shù)少，教學(xué)效果不理想，學(xué)生只能在有限的學(xué)時(shí)中學(xué)習(xí)到HTML，CSS基本技能，對(duì)于 “JavaScript交互設(shè)計(jì)” 與 “JQuery交互設(shè)計(jì)” 接觸較少，許多學(xué)生僅停留在知識(shí)點(diǎn)層面的掌握，缺乏項(xiàng)目開發(fā)等相關(guān)經(jīng)驗(yàn)，更難接觸到響應(yīng)式開發(fā)和Bootstrap，VUE，React等框架級(jí)前端開發(fā)技術(shù)，與企業(yè)需求嚴(yán)重脫軌。

由于學(xué)生個(gè)體差異等原因，原有的教學(xué)模式及方法并不能滿足教學(xué)要求。原有的教學(xué)模式中學(xué)生主要以模仿教師操作為主，缺乏獨(dú)立創(chuàng)新實(shí)踐經(jīng)驗(yàn)和項(xiàng)目開發(fā)經(jīng)驗(yàn)，難以提升解決問(wèn)題的能力。在前后端學(xué)習(xí)中，很多同學(xué)前端基礎(chǔ)薄弱，設(shè)計(jì)不規(guī)范，開發(fā)效率低，影響服務(wù)器端程序編寫，導(dǎo)致用戶體驗(yàn)感不佳，學(xué)生缺乏成就感。

3 “Web前端開發(fā)” 課程體系重構(gòu)路徑

3.1 精準(zhǔn)定位Web前端開發(fā)人才培養(yǎng)目標(biāo)

為貫徹落實(shí)《國(guó)家職業(yè)教育改革實(shí)施方案》，積極推動(dòng)學(xué)歷證書＋若干職業(yè)技能等級(jí)證書制度，進(jìn)一步完善計(jì)算機(jī)軟件行業(yè)技術(shù)技能專業(yè)標(biāo)準(zhǔn)體系，為技術(shù)技能人才教育和培訓(xùn)提供科學(xué)、規(guī)范的依據(jù)，工業(yè)和信息化部教育與考試中心依據(jù)當(dāng)前計(jì)算機(jī)軟件行業(yè)發(fā)展的實(shí)際情況，在實(shí)施工業(yè)和信息化人才培養(yǎng)工程Web前端開發(fā)專業(yè)技術(shù)技能人才培養(yǎng)項(xiàng)目的基礎(chǔ)上，在教育部的指導(dǎo)下，組織有關(guān)專家，編寫了《Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》(以下簡(jiǎn)稱《標(biāo)準(zhǔn)》）［2］。

《標(biāo)準(zhǔn)》以客觀反映現(xiàn)階段軟件開發(fā)和互聯(lián)網(wǎng)行業(yè)技術(shù)發(fā)展水平及其對(duì)從業(yè)人員的能力要求為目標(biāo)，明確了具有本專業(yè)職業(yè)技能的人員的工作領(lǐng)域、工作任務(wù)、技能要求和知識(shí)要求?！稑?biāo)準(zhǔn)》中將Web前端開發(fā)職業(yè)技能分為初、中、高三個(gè)等級(jí)，等級(jí)的劃分以Web前端開發(fā)從業(yè)人員的職業(yè)發(fā)展路徑與成長(zhǎng)路徑為基礎(chǔ)，兼顧學(xué)習(xí)的難度。

Web前端開發(fā)核心崗位能力包括網(wǎng)站開發(fā)能力和Web應(yīng)用程序的開發(fā)能力。Web前端開發(fā)人才培養(yǎng)定位目標(biāo)是利用HTML、CSS、JavaScript、網(wǎng)頁(yè)開發(fā)框架等專業(yè)知識(shí)、方法和工具將產(chǎn)品UI設(shè)計(jì)稿實(shí)現(xiàn)成網(wǎng)站的技能，同時(shí)具有較強(qiáng)的邏輯思維能力，擁有良好的編寫代碼習(xí)慣，溝通能力強(qiáng)，具有運(yùn)用色彩搭配、點(diǎn)線面布局來(lái)設(shè)計(jì)較好用戶體驗(yàn)網(wǎng)站頁(yè)面的能力。

3.2 依據(jù)崗位需求規(guī)格和職業(yè)技能等級(jí)標(biāo)準(zhǔn)重構(gòu)課程體系

當(dāng)前，互聯(lián)網(wǎng)企業(yè)對(duì)Web前端開發(fā)崗位需求通常要求有系統(tǒng)化的學(xué)習(xí)經(jīng)歷，因此需要將Web前端開發(fā)崗位人才需求規(guī)格融入專業(yè)課程體系中，以崗位核心能力和專業(yè)能力并舉為出發(fā)點(diǎn)，構(gòu)建Web前端開發(fā)人才培養(yǎng)規(guī)格，形成一個(gè)適應(yīng)崗位需求的課程體系。同時(shí)，在人才培養(yǎng)中要引入企業(yè)真實(shí)項(xiàng)目案例，重視產(chǎn)教融合，在教學(xué)過(guò)程中開展進(jìn)階式項(xiàng)目教學(xué)，逐漸積累企業(yè)項(xiàng)目開發(fā)經(jīng)驗(yàn)，實(shí)現(xiàn)與企業(yè)無(wú)縫接軌［3］。針對(duì)Web前端開發(fā)崗位需求規(guī)格，計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)主要從知識(shí)、技能和素養(yǎng)3個(gè)維度進(jìn)行了總結(jié)分析，如表1所示。

表1 Web前端開發(fā)崗位需求規(guī)格

筆者對(duì)照 “Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)” ，經(jīng)過(guò)對(duì)不同工作領(lǐng)域及其初中級(jí)標(biāo)準(zhǔn)核心技能的細(xì)化分析，總結(jié)歸納出Web前端開發(fā)中級(jí)證書所需的知識(shí)和技能模塊，對(duì)原有 “Web前端開發(fā)” 課程設(shè)置進(jìn)行系統(tǒng)梳理和剖析。在已開設(shè)的 “Web前端開發(fā)” 課程中，由于56學(xué)時(shí)數(shù)較少，只能把HTML/HTML5和CSS/CSS3主要知識(shí)技能，原生JavaScript和JQuery接觸少，因此將56學(xué)時(shí)增加到70學(xué)時(shí)，通過(guò)典型案例深入講解JavaScript和JQuery，使學(xué)生熟練掌握頁(yè)面交互式設(shè)計(jì)。在開設(shè)的 “PHP應(yīng)用開發(fā)” 課程中，在原來(lái)講解PHP＋MySQL應(yīng)用開發(fā)的知識(shí)技能上融入Bootstrap前端UI框架教學(xué)內(nèi)容，課時(shí)數(shù)由60學(xué)時(shí)增加到75學(xué)時(shí)。同時(shí)，在第3學(xué)期增加 “Web前端開發(fā)專業(yè)方向技能訓(xùn)練” 60學(xué)時(shí)課程，主要基于Laravel框架和VUE框架實(shí)現(xiàn)前后端分離的企業(yè)級(jí)項(xiàng)目開發(fā)。另外，根據(jù)1＋X證書考核時(shí)間適當(dāng)調(diào)整已有課程的教學(xué)內(nèi)容和開設(shè)時(shí)間，調(diào)整后課程體系中已基本涵蓋《標(biāo)準(zhǔn)》中初、中、高級(jí)對(duì)應(yīng)的能力標(biāo)準(zhǔn)和知識(shí)要求點(diǎn)，其中初級(jí)涵蓋率100%，中級(jí)涵蓋率達(dá)到90%，高級(jí)涵蓋率75%。

4 結(jié)語(yǔ)

在 “Web前端開發(fā)” 課程體系重構(gòu)和課程標(biāo)準(zhǔn)修訂后，遼寧省交通高等?？茖W(xué)校在2020級(jí)網(wǎng)絡(luò)技術(shù)專業(yè)人才培養(yǎng)中進(jìn)行了教學(xué)實(shí)施。經(jīng)過(guò)2個(gè)學(xué)期的課程學(xué)習(xí)與培訓(xùn)，學(xué)生參與項(xiàng)目開發(fā)的能力顯著提升，理論知識(shí)的積累不斷豐富。該課程教學(xué)還改革了原有的考核評(píng)價(jià)模式，實(shí)現(xiàn)與1＋X證書考核模式一致，理論和上機(jī)考核并重并行，教學(xué)效果顯著，Web前端開發(fā)證書通過(guò)率由最初的6%逐步提升到51%，100%，達(dá)到了全國(guó)領(lǐng)先通過(guò)水平，提高了專業(yè)人才培養(yǎng)的針對(duì)性和適應(yīng)性，為相關(guān)專業(yè)建設(shè)提供了示范和參考。