郝靜靜，馮維娜

（開(kāi)封大學(xué) 信息工程學(xué)院，河南 開(kāi)封 475004）

為落實(shí)《國(guó)家職業(yè)教育改革實(shí)施方案》（簡(jiǎn)稱(chēng)“職教20條”）的要求，2019年4月，教育部會(huì)同國(guó)家發(fā)展改革委、財(cái)政部、市場(chǎng)監(jiān)管總局制定了《關(guān)于在院校實(shí)施“學(xué)歷證書(shū)+若干職業(yè)技能等級(jí)證書(shū)”制度試點(diǎn)方案》，啟動(dòng)“學(xué)歷證書(shū)+若干職業(yè)技能等級(jí)證書(shū)”（簡(jiǎn)稱(chēng)“1+X證書(shū)”）制度試點(diǎn)工作。許多高職院校成為試點(diǎn)，這些學(xué)校圍繞職業(yè)技能等級(jí)證書(shū)加強(qiáng)專(zhuān)業(yè)建設(shè)、推進(jìn)課程改革、創(chuàng)新教學(xué)模式，改善實(shí)訓(xùn)條件、盤(pán)活教學(xué)資源，切實(shí)增強(qiáng)自身的核心競(jìng)爭(zhēng)力，提高教學(xué)成效，以滿足經(jīng)濟(jì)社會(huì)發(fā)展對(duì)人才的需求。

教學(xué)模式是指在一定教學(xué)思想或教學(xué)理論指導(dǎo)下建立起來(lái)的較為穩(wěn)定的教學(xué)活動(dòng)結(jié)構(gòu)框架和活動(dòng)程序［1］。說(shuō)它是結(jié)構(gòu)框架，是為了突出教學(xué)模式的宏觀性，考察教學(xué)模式就要把握教學(xué)活動(dòng)整體及其內(nèi)部各要素之間的關(guān)系和各個(gè)要素的功能；說(shuō)它是活動(dòng)程序，是為了突出教學(xué)模式的有序性和可操作性［2］?；?+X證書(shū)制度的教學(xué)模式應(yīng)是以開(kāi)發(fā)智力為手段，以獲取知識(shí)為基礎(chǔ)，以增強(qiáng)創(chuàng)新能力為核心，以提高綜合素質(zhì)為目標(biāo)的人才培養(yǎng)模式［3］。1+X證書(shū)制度的實(shí)行也為計(jì)算機(jī)專(zhuān)業(yè)的發(fā)展、課程建設(shè)及教學(xué)模式改革指明了方向。

隨著計(jì)算機(jī)技術(shù)和移動(dòng)互聯(lián)網(wǎng)技術(shù)的快速發(fā)展，Web前端開(kāi)發(fā)技術(shù)不斷提高，從最初的基于HTML語(yǔ)言的技術(shù)發(fā)展到基于HTML+CSS的內(nèi)容和結(jié)構(gòu)分離技術(shù)，后來(lái)又發(fā)展到基于JavaScript客戶端腳本語(yǔ)言的技術(shù)。進(jìn)入Web2.0時(shí)代后，Web應(yīng)用不斷深化，用戶對(duì)動(dòng)態(tài)、交互式網(wǎng)頁(yè)的使用需求劇增，動(dòng)態(tài)、交互式網(wǎng)頁(yè)被大量開(kāi)發(fā)出來(lái)，隨之而來(lái)的是Ajax、Jquery、Bootstrap等框架技術(shù)如雨后春筍般涌現(xiàn)。目前，許多高職院校開(kāi)設(shè)的網(wǎng)頁(yè)制作課程與社會(huì)需求脫軌，所授技術(shù)已落后，無(wú)法滿足B／S架構(gòu)中前臺(tái)頁(yè)面用戶的需求。前端開(kāi)發(fā)技術(shù)是提高網(wǎng)頁(yè)開(kāi)發(fā)質(zhì)量和開(kāi)發(fā)效率的關(guān)鍵因素，因此，以Web前端開(kāi)發(fā)課程代替初級(jí)的網(wǎng)頁(yè)制作課程成為必然。

工業(yè)和信息化部教育與考試中心于2019年3月發(fā)布了《Web前端開(kāi)發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》。從中可以看到，如今，一名Web前端開(kāi)發(fā)工程師僅僅掌握靜態(tài)網(wǎng)頁(yè)制作的各種技術(shù)已不行，還要掌握頁(yè)面優(yōu)化、網(wǎng)站架構(gòu)等技術(shù)［4］。前端開(kāi)發(fā)技術(shù)比較復(fù)雜，種類(lèi)較多。采用Web前端開(kāi)發(fā)技術(shù)需要考慮到各種瀏覽器的兼容性，因此其開(kāi)發(fā)難度較大。這也說(shuō)明，從網(wǎng)頁(yè)制作課程轉(zhuǎn)變?yōu)閃eb前端開(kāi)發(fā)課程，并不是一次簡(jiǎn)單的課程變化，而是一次質(zhì)的飛躍，需要教師緊跟技術(shù)進(jìn)步的腳步，不斷完善教學(xué)內(nèi)容，在實(shí)踐中積累經(jīng)驗(yàn)，探索出一種基于1+X證書(shū)制度的新的教學(xué)模式，使培養(yǎng)出來(lái)的學(xué)生符合社會(huì)的實(shí)際需要，具有創(chuàng)新思維和較強(qiáng)的實(shí)踐能力，成為這個(gè)領(lǐng)域的人才。

根據(jù)《Web前端開(kāi)發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)》，Web前端開(kāi)發(fā)職業(yè)技能中級(jí)證書(shū)對(duì)應(yīng)6門(mén)核心課程。將知識(shí)點(diǎn)、技能點(diǎn)分類(lèi)。統(tǒng)計(jì)結(jié)果見(jiàn)表1。

HTML課程要求學(xué)生掌握并熟練應(yīng)用HTML文本標(biāo)簽、頭部標(biāo)記以及頁(yè)面創(chuàng)建超鏈接、創(chuàng)建表格表單的方法；CSS課程要求學(xué)生掌握CSS的引入方式、選擇器的使用方法、使用CSS美化頁(yè)面的方法、使用CSS進(jìn)行頁(yè)面布局的方法；JavaScript課程要求學(xué)生掌握J(rèn)avaScript基礎(chǔ)語(yǔ)言、函數(shù)、面向?qū)ο蟮墓δ?，掌握jQuery中的選擇、插件、事件處理和動(dòng)畫(huà)等功能；BootStrap課程要求學(xué)生掌握Bootstrap布局、基本樣式以及插件、組件的使用方法；PHP課程要求學(xué)生掌握PHP的基礎(chǔ)操作、數(shù)組函數(shù)、面向?qū)ο?、基本語(yǔ)法、數(shù)據(jù)類(lèi)型、數(shù)據(jù)輸出、編碼規(guī)范、常量、變量、PHP運(yùn)算符、數(shù)據(jù)類(lèi)型轉(zhuǎn)換、條件判斷語(yǔ)句、循環(huán)控制語(yǔ)句、跳轉(zhuǎn)語(yǔ)句和終止語(yǔ)句、一維數(shù)組、二維數(shù)組、遍歷與輸出數(shù)組、函數(shù)以及用PHP操作MySQL數(shù)據(jù)庫(kù)、管理MySQL數(shù)據(jù)庫(kù)中數(shù)據(jù)的方法；MySQL課程要求學(xué)生掌握MySQL中表單的各種操作、數(shù)據(jù)的各種操作方法以及觸發(fā)器、事務(wù)、視圖的使用方法。

表1 基于1＋X證書(shū)制度的Web前端開(kāi)發(fā)課程體系

對(duì)Web前端開(kāi)發(fā)來(lái)說(shuō)，HTML、CSS、JavaScript都是重要的基礎(chǔ)課，其中，最重要的是JavaScript，在教學(xué)中應(yīng)得到重點(diǎn)投入。

另外，《Web前端開(kāi)發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)（中級(jí)）》涵蓋了對(duì)PHP工程師的要求。服務(wù)器端以PHP為主，結(jié)合MySQL數(shù)據(jù)庫(kù)，能夠讓W(xué)eb前端開(kāi)發(fā)工程師充分理解后端服務(wù)器數(shù)據(jù)接口原理，進(jìn)而更好地開(kāi)展前后端分離開(kāi)發(fā)協(xié)作。

綜上所述，在國(guó)家開(kāi)展1+X證書(shū)制度試點(diǎn)工作的大背景下，Web前端開(kāi)發(fā)課程應(yīng)轉(zhuǎn)變教學(xué)理念、創(chuàng)新教學(xué)模式、完善課程體系、更新教學(xué)內(nèi)容，要加強(qiáng)實(shí)習(xí)實(shí)訓(xùn)，突出技能培養(yǎng)，讓學(xué)生學(xué)有所用，進(jìn)而增強(qiáng)就業(yè)能力。只有充分發(fā)揮學(xué)生的主體作用，激發(fā)學(xué)生的求知欲和探索精神［5］，才能改善教學(xué)效果，提高應(yīng)用型人才培養(yǎng)質(zhì)量。