江蘇航運職業(yè)技術(shù)學(xué)院 陸校松 朱云峰 楊俊

為了提高學(xué)生Web前端開發(fā)職業(yè)技能等級證書的通過率，為國家培養(yǎng)高技術(shù)技能型人才和推進(jìn)“1+X”證書試點工作，研究Web前端開發(fā)職業(yè)技能與計算機類專業(yè)課證融通是十分必要的。本文從Web前端開發(fā)的課程結(jié)構(gòu)、課程軟件和課程實踐三個方面進(jìn)行研究探索并提出具體的建議措施。實踐的結(jié)果表明，采用該方案進(jìn)行課程改革之后，能大大提高學(xué)生的Web前端開發(fā)技能和考試成績，該研究也為職業(yè)院校試行“1+X”證書制度、改進(jìn)計算機專業(yè)核心課程提供借鑒。

“1+X”證書制度是“職教20條”中一項重要的內(nèi)容，我國的“1+X”證書制度試點工作是當(dāng)前社會發(fā)展的必然趨勢，是根據(jù)本國國情和借鑒國外職業(yè)教育制度并優(yōu)化的結(jié)果。以職業(yè)院校計算機類專業(yè)為例，“1+X”證書制度中，其中的“1”表示學(xué)歷教育，對應(yīng)學(xué)歷證，它的培養(yǎng)目標(biāo)是使學(xué)生能夠掌握計算機類專業(yè)基礎(chǔ)知識、道德規(guī)范，構(gòu)建系統(tǒng)的計算機專業(yè)知識體系和基本技能基礎(chǔ)；“X”表示職業(yè)技能的掌握，對應(yīng)各項職業(yè)資格證，培養(yǎng)目標(biāo)是強化學(xué)生的職業(yè)技能和素養(yǎng)，拓展職業(yè)能力[1]?！癢eb前端開發(fā)”作為教育部首批發(fā)布的6個職業(yè)技能等級證書之一，說明了該職業(yè)技能等級證書的重要性。本文基于江蘇航運職業(yè)技術(shù)學(xué)院計算機專業(yè)“Web前端開發(fā)”課程教學(xué)現(xiàn)狀進(jìn)行調(diào)研分析，從Web前端開發(fā)的課程結(jié)構(gòu)、課程軟件和課程實踐三個方面進(jìn)行研究，探討如何進(jìn)行課程教學(xué)改革，提升學(xué)生前端開發(fā)能力和職業(yè)技能等級證書的通過率，以達(dá)到課證融通的目的[2]。

1 課證融通的存在問題

1.1 課程結(jié)構(gòu)需要改進(jìn)

根據(jù)51Job等招聘網(wǎng)站發(fā)布的Web前端招聘信息得知，騰訊、阿等里等互聯(lián)網(wǎng)大廠招聘Web前端開發(fā)的要求都是需要精通HTML、CSS、JavaScript等開發(fā)技術(shù)和熟悉jQuery、bootstrap、Vue等前端框架，這是與國家工信部發(fā)布的Web前端開發(fā)職業(yè)技能等級標(biāo)準(zhǔn)相符合的，也表明了互聯(lián)網(wǎng)大廠的網(wǎng)站、App開發(fā)是實行美工和前端分離的，而職業(yè)院校的網(wǎng)頁設(shè)計的課程結(jié)構(gòu)還停留在最初的網(wǎng)站制作的美工和前端是由同一個人完成的階段，不利于學(xué)生對Web前端技術(shù)的學(xué)習(xí)精通，無法滿足互聯(lián)網(wǎng)大廠的招聘需求。因此，研究如何設(shè)計合理的課程結(jié)構(gòu)以實現(xiàn)與Web前端開發(fā)職業(yè)技能等級標(biāo)準(zhǔn)的對接是課程融通的核心問題。

1.2 課程軟件需要改善

以江蘇航運職業(yè)技術(shù)學(xué)院為例，該院校的計算機專業(yè)中開設(shè)的網(wǎng)頁設(shè)計與制作課程的教學(xué)內(nèi)容是用來培養(yǎng)學(xué)生進(jìn)行網(wǎng)頁設(shè)計與制作的，但是該課程的教學(xué)內(nèi)容主要是重視可視化網(wǎng)頁設(shè)計與制作，即老師授課時使用DreamWeaver軟件進(jìn)行可視化教學(xué)，只教會了學(xué)生使用DreamWeaver進(jìn)行可視化制作網(wǎng)頁，學(xué)生對網(wǎng)頁的底層語言如HTML、CSS與JavaScript的使用并不理解，無法對《Web前端開發(fā)職業(yè)技能等級標(biāo)準(zhǔn)》要求的知識點進(jìn)行學(xué)習(xí)掌握[3]。因此，研究如何改善課程的使用軟件，根據(jù)職業(yè)技能等級標(biāo)準(zhǔn)，使學(xué)生在熟練使用開發(fā)軟件的同時，理解并掌握相應(yīng)的知識點是課程融通的關(guān)鍵問題。

1.3 課程實踐需要拓展

職業(yè)院校計算機類專業(yè)的課程設(shè)置可以使學(xué)生掌握計算機類專業(yè)的基礎(chǔ)知識和道德規(guī)范，也就是實現(xiàn)“1+X”證書制度中的“1”的培養(yǎng)目標(biāo)。而“1+X”證書制度中“X”的培養(yǎng)目標(biāo)是拓展學(xué)生的職業(yè)能力、強化職業(yè)技能和素養(yǎng)，以目前高職院校計算機類專業(yè)設(shè)置的課程教學(xué)，顯然是不能或者完全實現(xiàn)的，因為目前的教學(xué)方式缺乏理論和實際的有機融合，職業(yè)院校教師大多數(shù)都沒有在互聯(lián)網(wǎng)企業(yè)進(jìn)行過實習(xí)實踐，對課本的知識也只是碎片化地進(jìn)行講授，學(xué)生缺少企業(yè)真實項目案例的實踐操作。因此，研究如何拓展課程的實踐，進(jìn)行校企合作，探索校企合作新模式，全面提升教師的培訓(xùn)能力和學(xué)生的職業(yè)能力是課證融通的又一關(guān)鍵問題[4]。

2 課證融通的實踐探索

2.1 重構(gòu)課程內(nèi)容結(jié)構(gòu)

根據(jù)網(wǎng)站開發(fā)最初的時候頁面比較簡單，最早頁面的開發(fā)都是由一個人完成，所以職業(yè)院校設(shè)置的網(wǎng)頁設(shè)計課程適合最初的網(wǎng)站開發(fā)模式，但是隨著互聯(lián)網(wǎng)的不斷發(fā)展，網(wǎng)站系統(tǒng)、移動端App、智能化終端設(shè)備界面的內(nèi)容越來越復(fù)雜，一個人的精力顯然是有限的，必須要對網(wǎng)站、App等開發(fā)實行美工和前端的分離，美工專注UI設(shè)計，前端專注Web前端相關(guān)的技能和框架。

根據(jù)工信部教育和考試中心主編的Web前端開發(fā)用書和Web前端開發(fā)職業(yè)技能等級證書培訓(xùn)課時的要求設(shè)置課程（Web前端開發(fā)初級）如表1所示[5]。

表1 Web前端開發(fā)初級96課時課程設(shè)置Tab.1 Curriculum of primary 96 class hours of Web front end development

該表的課程設(shè)置課時數(shù)是按照Web前端開發(fā)職業(yè)技能培訓(xùn)初級的最低課時96課時來設(shè)計的，由于職業(yè)院校學(xué)生來源于各種招生類別，學(xué)生計算機水平參差不齊[6]，并且Web前端開發(fā)涉及的知識面太廣，應(yīng)該要適當(dāng)?shù)脑黾诱n時和實例來加深學(xué)生對各個知識點的理解。

2.2 改善課程使用軟件

職業(yè)院校網(wǎng)頁設(shè)計課程使用的開發(fā)軟件一般為DreamWeaver，該軟件具有可視化開發(fā)的優(yōu)點，對于Web前端初學(xué)者能加強頁面和代碼轉(zhuǎn)換的理解，但是長期使用不利于學(xué)生對Web前端開發(fā)職業(yè)技能進(jìn)行掌握。根據(jù)51Job等招聘網(wǎng)站發(fā)布的Web前端招聘信息人才所精通的開發(fā)工具和騰訊課堂、網(wǎng)易云課堂Web前端培訓(xùn)課程所使用的前端開發(fā)工具，推薦Web前端開發(fā)工具如下：

2.2.1 Visual Studio Code

Visual Studio Code為微軟公司于2015年發(fā)布的一款源代碼編輯器，可運行于Windows、Linux和Mac OS等操作系統(tǒng)，支持37種語言和文件，如HTML、CSS、JSON、Python等，并且提供豐富的快捷鍵以及語法高亮、代碼片段收集等功能。優(yōu)點是功能強大，缺點是相對于其他幾款前端開發(fā)工具來說有點龐大，運行效率偏低。

2.2.2 Sublime Text

Sublime Text是一款輕量級的源代碼編輯器，目前已發(fā)展到Sublime Text 3版本，也是一款跨平臺的編輯器，支持Windows、Linux和Mac OS等操作系統(tǒng)，支持多窗口開發(fā)和意外崩潰恢復(fù)功能，擁有豐富的插件功能，相對于VS Code來說比較輕量化，運行效率較高。

2.2.3 記事本

記事本，即Windows系統(tǒng)自帶的記事本，因為本身前端的三大語言HTML、CSS和JavaScript對應(yīng)的源代碼文件都可以用記事本打開并進(jìn)行編輯，所以記事本也是一款前端開發(fā)編輯器，它的優(yōu)點是體積小、啟動快、占用內(nèi)存極低、使用方便，缺點是沒有任何輔助插件、語法提示和模塊開發(fā)功能，需要開發(fā)者對前端語言理解較深的情況下使用。

對于前端開發(fā)的初學(xué)者，我們可以使用DreamWeaver軟件進(jìn)行輔助學(xué)習(xí)，利用DreamWeaver的可視化操作對代碼和頁面的互換進(jìn)行理解；對前端開發(fā)的語言基本熟悉之后，可以根據(jù)計算機的配置和項目的復(fù)雜程度選擇使用推薦的Web前端開發(fā)工具，以加深對前端開發(fā)語言的理解；學(xué)習(xí)前端較長時間，并做過多個項目之后，可以嘗試使用記事本進(jìn)行前端開發(fā)，進(jìn)一步加深對前端開發(fā)語言和結(jié)構(gòu)的理解，以達(dá)到精通前端開發(fā)語言的目的。

2.3 拓展師生課程實踐

根據(jù)國家職業(yè)教育改革實施方案中提到的要求，職業(yè)院校的教師需要具備一定年限的企業(yè)工作經(jīng)歷。目前的情況是，很多教師畢業(yè)之后直接到學(xué)校就職，嚴(yán)重缺少企業(yè)項目開發(fā)經(jīng)驗，只通過碎片化的對書本知識進(jìn)行講授，缺乏理論和實踐的有機融合。職業(yè)院校應(yīng)該開放計算機類試點專業(yè)，與計算機軟件行業(yè)進(jìn)行深度合作，進(jìn)行產(chǎn)教融合，一方面校企雙方應(yīng)建立產(chǎn)教融合平臺，共同制定專業(yè)教學(xué)計劃、實踐課程，開發(fā)教學(xué)資源；另一方面教師需要到企業(yè)進(jìn)行一定時間的實踐培訓(xùn)，參與企業(yè)實際開發(fā)案例，提高教師的企業(yè)項目研發(fā)能力，回到學(xué)校之后，根據(jù)企業(yè)相關(guān)培訓(xùn)經(jīng)歷和Web前端開發(fā)職業(yè)技能等級標(biāo)準(zhǔn)，參與課程的改革和教學(xué)資源的開發(fā)；而學(xué)生在學(xué)好基礎(chǔ)理論課的基礎(chǔ)上，多參加企業(yè)實習(xí)實踐，提高Web前端開發(fā)項目實踐能力，掌握Web前端職業(yè)技能，拓展職業(yè)能力，成為適應(yīng)網(wǎng)絡(luò)新技術(shù)發(fā)展的技術(shù)技能型人才。

3 結(jié)語

“1+X”證書制度下職業(yè)院校計算機專業(yè)課程與Web前端開發(fā)職業(yè)技能等級證書融通中存在課程結(jié)構(gòu)需要改進(jìn)、課程軟件需要改善、課程實踐需要拓展等問題，本文從這三方面進(jìn)行了一定的論述，探究課證融通的方式方法，為職業(yè)院校試行“1+X”證書制度、改進(jìn)計算機專業(yè)核心課程提供借鑒。職業(yè)院校還要不斷深化職業(yè)教育改革，緊跟技術(shù)發(fā)展前沿，提高教師自身專業(yè)水平，為市場提供高素質(zhì)技能型人才，為促進(jìn)經(jīng)濟社會發(fā)展和提高國家競爭力提供優(yōu)質(zhì)人才資源支撐。

引用

[1] 王偉毅.高職院校1+X證書制度:內(nèi)涵、實施路徑與保障[J].新疆職業(yè)教育研究,2021,12(4):29-32.

[2] 楊茜,趙麗梅.基于1+X證書制度的“前端交互設(shè)計基礎(chǔ)”課程教學(xué)改革探索[J].綿陽師范學(xué)院學(xué)報,2021,40(11):90-94.

[3] 胡佳敏.關(guān)于中職學(xué)校Web前端課程“課證融通”的教學(xué)探索[J].數(shù)字通信世界,2021(3):221-222.

[4] 賈穎.“1+X”證書制度下職業(yè)院校計算機類專業(yè)改革路徑探索[J].中國職業(yè)技術(shù)教育,2020(20):64-67+96.

[5] 工業(yè)和信息化部教育與考試中心.Web前端開發(fā)(初級)(上冊)[K].北京:電子工業(yè)出版社,2019.

[6] 賴紅,李欽,王寅峰.基于“1+X”證書制度的軟件技術(shù)專業(yè)群人才培養(yǎng)模式研究與實踐[J].職業(yè)技術(shù)教育,2020,41(17):25-29.