湯明偉，崔 蓬，曹雪花

（江陰職業(yè)技術(shù)學(xué)院 計(jì)算機(jī)科學(xué)系，江蘇 江陰 214405）

1 引言

2019年2月，國務(wù)院關(guān)于《國家職業(yè)教育改革實(shí)施方案》（以下簡稱《實(shí)施方案》）提出，在職業(yè)院校、應(yīng)用型本科高校啟動“學(xué)歷證書+若干職業(yè)技能等級證書（1+X）”證書制度試點(diǎn)工作[1]。同時，《實(shí)施方案》中對加強(qiáng)師資隊(duì)伍建設(shè)、健全雙元育人機(jī)制作出專門部署，為深化“三教”改革指明了發(fā)展方向[2]。“教師”“教材”和“教法”（統(tǒng)稱“三教”）貫穿人才培養(yǎng)全過程，事關(guān)職業(yè)教育“誰來教”“教什么”和“怎么教”，直接影響教育教學(xué)質(zhì)量，是新時代職業(yè)教育改革發(fā)展的重中之重[3]。

Web前端開發(fā)專業(yè)是全國首批6個1+X證書制度試點(diǎn)專業(yè)之一，江陰職業(yè)技術(shù)學(xué)院是全國首批試點(diǎn)院校之一。Web前端開發(fā)專業(yè)方向經(jīng)過近3年的改革與發(fā)展，在人才培養(yǎng)計(jì)劃修訂，課證融通方面，以及“三教”改革方面做了大量的研究和探索，為1+X證書制度的全面推廣提供了有力支撐。

2 “Web前端開發(fā)”1 +X職業(yè)技能等級證書能力標(biāo)準(zhǔn)與職業(yè)素養(yǎng)

參照國家工業(yè)和信息化部教育與考試中心發(fā)布的“Web前端開發(fā)”1+X職業(yè)技能等級證書的體系標(biāo)準(zhǔn)，重點(diǎn)在于職業(yè)素養(yǎng)和能力標(biāo)準(zhǔn)兩個方面。在職業(yè)素養(yǎng)方面，主要培養(yǎng)Web前端開發(fā)從業(yè)人員的職業(yè)品德等；在能力標(biāo)準(zhǔn)方面，主要考量Web前端開發(fā)從業(yè)人員的專業(yè)知識和技能等。對以上標(biāo)準(zhǔn)體系進(jìn)行分析、歸納后，可以得出Web前端開發(fā)專業(yè)在靜態(tài)網(wǎng)站搭建方面的具體要求如表1所示。

表1 “Web前端開發(fā)”1+X職業(yè)技能等級證書能力標(biāo)準(zhǔn)和職業(yè)素養(yǎng)一覽表

3 國內(nèi)研究現(xiàn)狀

“Web前端開發(fā)”1+X職業(yè)技能等級證書制度實(shí)施至今，既是圍繞1+X職業(yè)技能等級證書制度，又是Web前端開發(fā)專業(yè)方向的教材寥寥無幾。其中，最具有代表性的就是由工業(yè)和信息化部教育與考試中心編著的《Web前端開發(fā)（初級+中級+高級）》一套。該教材按照“Web前端開發(fā)”1+X職業(yè)技能等級的初級、中級、高級能力標(biāo)準(zhǔn)中的知識要求為架構(gòu)，是一套按照傳統(tǒng)知識體系結(jié)合知識案例的非項(xiàng)目化教材。對標(biāo)現(xiàn)代高質(zhì)量職業(yè)教育理念——“以學(xué)生為中心，以能力為本位”，它的針對性不強(qiáng)。

4 教材基本結(jié)構(gòu)設(shè)計(jì)

《基于1+X證書的Web前端開發(fā)項(xiàng)目化教材》在編寫之初，對國內(nèi)已公開出版的圍繞1+X職業(yè)技能等級證書的Web前端開發(fā)方面的教材進(jìn)行了大量的調(diào)研，在調(diào)研的基礎(chǔ)上，再結(jié)合提煉后的“Web前端開發(fā)”1+X職業(yè)技能等級證書能力標(biāo)準(zhǔn)和職業(yè)素養(yǎng)，才制定了本教材的總體設(shè)計(jì)方案——項(xiàng)目導(dǎo)入，任務(wù)驅(qū)動式教材。教材總體設(shè)計(jì)方案如下。

首先，深入開展校企合作，充分跟企業(yè)行業(yè)專業(yè)人才一起研究、探討和提煉Web前端開發(fā)崗位人才培養(yǎng)計(jì)劃及1+X職業(yè)技能等級證書標(biāo)準(zhǔn)體系。對校企合作真實(shí)項(xiàng)目——“叮當(dāng)網(wǎng)上書店”電子商務(wù)平臺進(jìn)行版本設(shè)計(jì)（PC版和移動版兩個版本）、模塊劃分，采用項(xiàng)目導(dǎo)入教學(xué)法，用一個大項(xiàng)目貫穿“Web前端開發(fā)”1+X職業(yè)技能等級證書初級、中級、高級的職業(yè)素養(yǎng)和能力標(biāo)準(zhǔn)。

接著，先分析現(xiàn)代職業(yè)教育學(xué)生的學(xué)情，現(xiàn)在職業(yè)院校的學(xué)生對網(wǎng)上購物的流程、環(huán)節(jié)、界面設(shè)計(jì)都普遍熟悉。再按照學(xué)生循序漸進(jìn)的認(rèn)知規(guī)律，由淺入深，由易到難，將“叮當(dāng)網(wǎng)上書店”電子商務(wù)平臺項(xiàng)目的兩個版本劃分為三個篇幅，分別是基礎(chǔ)篇、進(jìn)階篇和交互篇。這也符合了“Web前端開發(fā)”1+X職業(yè)技能等級證書從初級到中級，再到高級的標(biāo)準(zhǔn)體系。

最后，以現(xiàn)代IT軟件工程工作過程化標(biāo)準(zhǔn)流程來設(shè)計(jì)篇幅的任務(wù)，任務(wù)劃分為項(xiàng)目需求分析、DEMO設(shè)計(jì)、素材設(shè)計(jì)、HTML結(jié)構(gòu)開發(fā)、CSS樣式開發(fā)、Hack測試、網(wǎng)站上網(wǎng)（域名、虛擬主機(jī)申購、備案等）等工作過程環(huán)節(jié)。軟件工程工作過程化課程體系的最大優(yōu)點(diǎn)就是：一方面，學(xué)生可以在學(xué)習(xí)掌握專業(yè)知識和技能的同時，又能參與并掌握軟件工程開發(fā)的每個流程及行業(yè)規(guī)范；另外一方面，對學(xué)生的職業(yè)生涯發(fā)展有一定提升作用，學(xué)生畢業(yè)后，在行業(yè)內(nèi)經(jīng)過一定的工作積淀，可以往更高層次的職業(yè)崗位發(fā)展，不再只是“程序猿”了，這也完全符合培養(yǎng)具有“現(xiàn)代班組長”潛質(zhì)的IT人才目標(biāo)。

綜上教材總體設(shè)計(jì)思路及方案，本教材的組織結(jié)構(gòu)圖如圖1所示。

圖1 基于1+X職業(yè)技能等級證書標(biāo)準(zhǔn)的Web前端開發(fā)項(xiàng)目化教材組織結(jié)構(gòu)圖

5 教材分任務(wù)設(shè)計(jì)

教材教學(xué)任務(wù)的設(shè)計(jì)思路參照職業(yè)教育六步教學(xué)法[4]來設(shè)計(jì)，即任務(wù)引入、任務(wù)分析、任務(wù)實(shí)施、任務(wù)拓展、任務(wù)小結(jié)、能力評估。在每個任務(wù)中，在參照了“Web前端開發(fā)”1+X職業(yè)技能等級證書制度的職業(yè)素養(yǎng)標(biāo)準(zhǔn)后，提煉了本教材的所有課程思政及勞動教育元素，并將每個教學(xué)任務(wù)達(dá)成后學(xué)生需要達(dá)到的職業(yè)素養(yǎng)和思政品德融入進(jìn)來，真正實(shí)現(xiàn)了培養(yǎng)又紅又專的職業(yè)技能型人才的人才培養(yǎng)目標(biāo)。

下面以基礎(chǔ)篇的任務(wù)8“叮當(dāng)網(wǎng)上書店”頁面布局與定位來具體闡述，如表2所示。

表2 六步教學(xué)法教學(xué)任務(wù)設(shè)計(jì)一覽表（續(xù)）

表2 六步教學(xué)法教學(xué)任務(wù)設(shè)計(jì)一覽表

6 教材教學(xué)資源建設(shè)

可以參照教育部關(guān)于高等職業(yè)教育教材評價指標(biāo)體系提出的思想水平、科學(xué)水平、教學(xué)使用水平、職業(yè)能力培養(yǎng)水平、文圖水平5個指標(biāo)體系來衡量判斷一本高等職業(yè)教育教材是否屬于高質(zhì)量教材。為了能夠讓一本高質(zhì)量的高等職業(yè)教育教材受到師生、讀者們的喜愛，還需要有一定的教學(xué)資源來輔助。教材從以下幾個方面提供相關(guān)的教學(xué)資源，服務(wù)廣大讀者。

（1）教材提供了配套的泛雅網(wǎng)絡(luò)教學(xué)平臺，平臺里包含了項(xiàng)目各任務(wù)的全程慕課視頻、電子講稿、PPT課件、作業(yè)庫、試題庫、拓展項(xiàng)目庫、討論區(qū)等精品資源。針對課程的重難點(diǎn)，提供了微課視頻資源，輔助讀者們更好的預(yù)習(xí)、理解并掌握專業(yè)知識和技能。

（2）在課程實(shí)施過程中，仿真IT行業(yè)軟件工程開發(fā)崗位全過程情景，可將班級學(xué)生分成多個IT項(xiàng)目組的方式展開教學(xué)活動，每個項(xiàng)目組由1名項(xiàng)目經(jīng)理（Project Manager），一名技術(shù)經(jīng)理（Technical Manager），一名質(zhì)控工程師（Q&A）和多名開發(fā)工程師組成。以學(xué)生為中心，在項(xiàng)目中學(xué)，在項(xiàng)目中做。

（3）提供學(xué)生虛擬公司[5]制度的創(chuàng)新創(chuàng)業(yè)孵化平臺第二課堂，公司可承接或轉(zhuǎn)接企業(yè)真實(shí)項(xiàng)目，在公司指導(dǎo)導(dǎo)師的帶領(lǐng)下，自負(fù)盈虧，獨(dú)立運(yùn)作，讓學(xué)生能夠在校期間就有機(jī)會參與行業(yè)企業(yè)一線崗位的開發(fā)，積累技術(shù)技能和項(xiàng)目經(jīng)驗(yàn)。為培養(yǎng)更多高素質(zhì)技術(shù)技能人才、能工巧匠、大國工匠奠定基石，打通學(xué)生職業(yè)生涯中的屏障，有效解決學(xué)校人才培養(yǎng)與企業(yè)崗位能力需求間最后“一公里”的問題。

7 結(jié)語

2021年4月12日至13日，全國職業(yè)教育大會在京召開?！奥殬I(yè)教育前途廣闊、大有可為”，是習(xí)近平總書記對職業(yè)教育發(fā)展前景的重要論斷?？倳浀闹匾甘咎N(yùn)含了職業(yè)教育的科學(xué)發(fā)展觀，為職業(yè)教育實(shí)現(xiàn)高質(zhì)量發(fā)展指明了方向。

我們必須認(rèn)真學(xué)習(xí)貫徹落實(shí)習(xí)近平總書記關(guān)于職業(yè)教育的重要指示要求，通過探索“1+X”證書制度和深化“三教”改革，踐行高質(zhì)量的職業(yè)教育發(fā)展。而教材改革又是高質(zhì)量職業(yè)教育發(fā)展的基礎(chǔ)。文章先通過對“Web前端開發(fā)”1+X職業(yè)技能等級證書的能力標(biāo)準(zhǔn)和職業(yè)素養(yǎng)體系進(jìn)行提煉；再通過“項(xiàng)目導(dǎo)入，任務(wù)驅(qū)動”來設(shè)計(jì)教材；最后，提供了教材教學(xué)資源建設(shè)的幾點(diǎn)具體措施，旨在為編寫高質(zhì)量職業(yè)教育教材提供一種探索。