文 | 貴陽職業(yè)技術(shù)學(xué)院 譚麗君

隨著互聯(lián)網(wǎng)與移動技術(shù)的飛速發(fā)展，Web前端開發(fā)技術(shù)在網(wǎng)站、智能終端、移動APP、物聯(lián)網(wǎng)、響應(yīng)式開發(fā)等領(lǐng)域廣泛應(yīng)用，Web前端開發(fā)就業(yè)前景廣闊，企業(yè)對人才的需求量大，但目前高職院校開設(shè)的《Web前端開發(fā)》課程教學(xué)內(nèi)容比較陳舊，與行業(yè)脫節(jié)，跟不上行業(yè)發(fā)展，學(xué)生畢業(yè)時達不到從事Web前端開發(fā)的職業(yè)能力，供需矛盾突出。亟需對《Web前端開發(fā)》課程進行改革研究。

1.《Web前端開發(fā)》課程存在的問題

1.1 教學(xué)內(nèi)容與企業(yè)需求脫節(jié)

隨著Web前端技術(shù)的高速發(fā)展，Web前端開發(fā)工作早已不是編寫幾個簡單的靜態(tài)頁面就可以完成的，需要實現(xiàn)復(fù)雜的用戶界面和的業(yè)務(wù)邏輯，學(xué)生只掌握HTML+CSS+JavaScript，是無法滿足崗位需求，必須要掌握前端框架技術(shù)Vue。但是大部分高職院校把HTML+CSS+JavaScript和前端框架技術(shù)Vue，分成兩門課程，兩門課程嚴重脫節(jié)，大部分老師不講如何使用Vue框架技術(shù)應(yīng)用到Web前端開發(fā)項目中，導(dǎo)致學(xué)生所學(xué)技能，不能滿足目前Web前端開發(fā)的業(yè)務(wù)邏輯以及高效率，達不到企業(yè)崗位要求。

1.2 課程內(nèi)容結(jié)構(gòu)不合理，沒有形成項目化課程

目前，高職《Web前端開發(fā)》課程，在教學(xué)內(nèi)容設(shè)計上，大部分仍然采用傳統(tǒng)的知識點類型劃分章節(jié)的模式，教學(xué)內(nèi)容局限于各個命令、語法的基礎(chǔ)使用，沒有對接Web前端開發(fā)項目工作流程，缺少項目化的教學(xué)內(nèi)容，學(xué)生不知道在真實項目中如何運用HTML+CSS+JavaScript和Vue技術(shù)。

1.3 教學(xué)模式陳舊，學(xué)生學(xué)習(xí)動力不足

傳統(tǒng)授課中教學(xué)模式單一，信息化教學(xué)手段匱乏，教師在講解案例時，直接講代碼，沒有將復(fù)雜的代碼進行分解和形象化，沒有讓學(xué)習(xí)的知識通俗易懂，學(xué)生學(xué)習(xí)有難度，導(dǎo)致學(xué)生學(xué)習(xí)積極性不高、課堂互動性不足、學(xué)生缺乏學(xué)習(xí)興趣。

1.4 課程考核機制不完善，無法保證學(xué)習(xí)效果

目前，很多學(xué)校的《Web前端開發(fā)》課程考核方案中，仍然是平時成績占40%+期末考核占60%的模式，其中平時成績只包括學(xué)生上課考勤和完成課后作業(yè)情況，期末考核占比較大，缺乏有效的過程性評價。這種考核機制偏重期末考核，忽視整個學(xué)習(xí)過程，就會忽略對學(xué)生學(xué)習(xí)態(tài)度、課堂表現(xiàn)、職業(yè)技能、創(chuàng)新思維能力的考核，從而不利于對學(xué)生綜合水平的考察。

2.《Web前端開發(fā)》課程改革思路

2.1 對接崗位需求，實現(xiàn)“崗課融通”

對接崗位需求是高職課程開發(fā)的基礎(chǔ)，所以，必須要對企業(yè)崗位的需求進行調(diào)查研究，否則開發(fā)出來的課程會與企業(yè)需求脫節(jié)。在BOSS直聘網(wǎng)站上，搜索“Web前端開發(fā)”關(guān)鍵詞，學(xué)歷要求為大專，從大量的搜索到的結(jié)果中發(fā)現(xiàn)，大部分企業(yè)都要求熟練掌握HTML、CSS、JavaScript前端開發(fā)技術(shù)，熟悉前端主流技術(shù)框架Vue，有相關(guān)項目經(jīng)驗者優(yōu)先。

《Web 前端開發(fā)》課程內(nèi)容要對接Web前端開發(fā)崗位需求，就必須重組教學(xué)內(nèi)容，在原有的HTML+CSS+JavaScript技術(shù)之上，加上主流框架技術(shù)Vue。并且，教學(xué)內(nèi)容結(jié)構(gòu)應(yīng)打破傳統(tǒng)的知識點類型劃分章節(jié)的模式，將課程內(nèi)容按項目式重構(gòu)，每個項目分解到各個任務(wù)中，以實現(xiàn)“崗課融通”。

2.2 對標(biāo)“1+X”職業(yè)技能等級標(biāo)準(zhǔn)，實現(xiàn)“課證融通”

“Web 前端開發(fā)”證書成為首批啟動的“1+X”5個職業(yè)技能等級證書之一，已在全國試點院校中全面推廣。Web 前端開發(fā)職業(yè)技能分為初、中、高3 個等級，初級和中級適合職業(yè)院校，高級適合應(yīng)用型本科。其中初級證書要求具有靜態(tài)網(wǎng)頁開發(fā)能力，中級證書要求具有動態(tài)網(wǎng)頁設(shè)計開發(fā)能力，高級證書要求具有復(fù)雜網(wǎng)頁設(shè)計開發(fā)能力和網(wǎng)站架構(gòu)設(shè)計規(guī)劃能力。本課程所涉及的考證內(nèi)容包括：靜態(tài)網(wǎng)頁制作、網(wǎng)頁編程，從事響應(yīng)式網(wǎng)頁開發(fā)、Web前后端數(shù)據(jù)交互。因此，在《Web前端開發(fā)》課程中應(yīng)在教學(xué)內(nèi)容上融入“1+X”證書考試的內(nèi)容，學(xué)生學(xué)習(xí)本課程后，可以直接報名參加考證，實現(xiàn)“課證融通”。

2.3 對接技能大賽要求，實現(xiàn)“課賽融通”

《Web前端開發(fā)》課程對應(yīng)貴州省技能大賽賽項是“移動應(yīng)用開發(fā)”，本賽項面向產(chǎn)業(yè)主流技術(shù)，通過完成一個完整的工作過程，使參賽選手熟悉并掌握世界技能大賽的技術(shù)規(guī)范和技術(shù)標(biāo)準(zhǔn)。因此，在《Web前端開發(fā)》課程中應(yīng)融入技能大賽的相關(guān)知識點，比如：主流框架Vue，使用axios進行網(wǎng)絡(luò)請求，通過后臺提供的接口快速接入數(shù)據(jù)。將技能大賽內(nèi)容融入課程，讓技能大賽不再僅僅是小部分學(xué)生的提升拔高，實現(xiàn)“課賽融通”。

2.4 教學(xué)模式改革，提升學(xué)生學(xué)習(xí)興趣

教學(xué)時盡量避免使用深奧的專業(yè)術(shù)語，而是采用簡潔易懂的表達方式，將復(fù)雜的問題簡單化，多用表格、圖解、思維導(dǎo)圖框架分析的方式，將抽象問題形象化。講解案例時，不是直接講代碼，而是用框架分析法，將復(fù)雜的代碼進行分解和形象化，以便學(xué)生能又快又好地學(xué)懂弄懂、輕松上手，并能實踐操作，提高學(xué)生學(xué)習(xí)興趣。

3.基于“崗課賽證”融通的《Web前端開發(fā)》課程的開發(fā)

3.1 制定課程教學(xué)標(biāo)準(zhǔn)

3.1.1 課程性質(zhì)與任務(wù)

本課程是軟件專業(yè)的專業(yè)核心課程，開課時間為高職第二學(xué)期，每周6學(xué)時，共 102 學(xué)時，前導(dǎo)課程為《高級程序設(shè)計語言（C語言）》，后續(xù)課程為《MySql數(shù)據(jù)庫》、《PHP程序設(shè)計》。在專業(yè)課程體系中起到承前啟后的作用。

本課程內(nèi)容面向Web 前端開發(fā)崗位，依托產(chǎn)教深度融合新模式，引入新技術(shù)，融入職業(yè)技能等級證書要求，對接技能大賽要求，實現(xiàn)“崗課賽證”綜合育人模式，以立德樹人為引領(lǐng)，培養(yǎng)學(xué)生掌握Web前端開發(fā)的流程，使用框架技術(shù)快速高效實現(xiàn)Web前端開發(fā)。

3.1.2 課程要求與目標(biāo)

《Web前端開發(fā)》課程的目標(biāo)是全面貫徹黨的教育方針，培育和踐行社會主義核心價值觀，落實立德樹人根本任務(wù)，培養(yǎng)德技并修、服務(wù)區(qū)域產(chǎn)業(yè)發(fā)展的高素質(zhì)復(fù)合型技術(shù)技能人才。

（一）素質(zhì)目標(biāo)

1.培養(yǎng)學(xué)生終身學(xué)習(xí)態(tài)度，具備將知識與技能遷移應(yīng)用的能力；具有自我管理能力、職業(yè)生涯規(guī)劃能力；

2.具備團隊協(xié)作、誠實守信等優(yōu)良品質(zhì)，能合理地協(xié)調(diào)社會關(guān)系、人際關(guān)系；

3.培養(yǎng)勞動光榮、技能寶貴的勞動意識；

4.具備明規(guī)守則、嚴謹細致的職業(yè)素養(yǎng)和敢闖會創(chuàng)、務(wù)實擔(dān)當(dāng)?shù)穆殬I(yè)精神；

5.培養(yǎng)吃苦耐勞、樂于奉獻、精益求精的新時代工匠精神，樹立科技報國信念。

（二）知識目標(biāo)

1.熟悉HTML中常用標(biāo)簽及屬性；

2.熟悉CSS中常用樣式設(shè)置、彈性布局、自定義動畫；

3.熟悉JavaScript中變量、數(shù)組、對象、方法、事件；

4.熟悉Vue前端框架基礎(chǔ)知識、本地應(yīng)用、網(wǎng)絡(luò)應(yīng)用、綜合應(yīng)用。

（三）能力目標(biāo)

1.熟練使用HTML標(biāo)簽進行頁面架構(gòu)；

2.熟練使用CSS實現(xiàn)美化頁面的效果；

3.熟練JavaScript使用實現(xiàn)交互式效果。

4.熟練使用Vue前端框架技術(shù)實現(xiàn)響應(yīng)式數(shù)據(jù)驅(qū)動；

5.熟練使用axios進行網(wǎng)絡(luò)請求；

6.熟練使用后臺提供的接口快速接入數(shù)據(jù)的能力；

3.2 重構(gòu)課程教學(xué)內(nèi)容

《Web 前端開發(fā)》課程是軟件技術(shù)專業(yè)學(xué)生必修內(nèi)容，旨在培養(yǎng)學(xué)生能具備Web 前端開發(fā)工作崗位的能力。本課程的開發(fā)依托產(chǎn)教深度融合模式，落實立德樹人的根本任務(wù)，結(jié)合崗位和專業(yè)特點，以市場需求為出發(fā)點，以培養(yǎng)職業(yè)能力為核心，以工作過程為導(dǎo)向、工作任務(wù)為載體，將課程重構(gòu)為制作古詩詞欣賞頁面、制作黃果樹瀑布圖文宣傳頁、制作志愿者信息登記表、制作貴州美食頁面、制作紅色電影展播頁面、制作貴州美景頁面、制作購物計數(shù)器、制作圖片切換、制作貴州村超賽項記事本、制作貴州避暑景點頁面數(shù)據(jù)加載十個項目。

3.3 制定課程評價機制

廢棄傳統(tǒng)的單一評價模式，采用過程性評價占比70%+綜合性評價占比30%的模式，其中過程性評價，評價學(xué)生在整個課程學(xué)習(xí)中，對主要核心技能的掌握情況，突出學(xué)生自身的學(xué)習(xí)活動，學(xué)生通過過程性評價，完成了學(xué)習(xí)目標(biāo)并獲得滿足感。有助于激勵和引導(dǎo)學(xué)生的學(xué)習(xí)。并且，教師可以通過過程性評價，發(fā)現(xiàn)學(xué)生容易出錯和學(xué)生沒有掌握的知識技能，找到學(xué)生學(xué)習(xí)的困難所在，有助于教師修改教學(xué)方法，幫助學(xué)生解決問題，不斷提高教學(xué)效果。同時，也會發(fā)現(xiàn)很多同學(xué)的創(chuàng)新想法，教師給予表揚和支持。

首先整理出《Web 前端開發(fā)》課程的核心內(nèi)容，包括核心知識點和核心技能項目，然后根據(jù)核心內(nèi)容制定課程考核方案，包括過程性評價和綜合性評價，其中，過程性評價包括平時考核（考勤和作業(yè)）和4次過程考核。通過評價實現(xiàn)對學(xué)生學(xué)習(xí)態(tài)度、課堂表現(xiàn)、職業(yè)技能、創(chuàng)新思維能力的考核，達到對學(xué)生綜合水平考察的目的。

4.結(jié)語

基于“崗課賽證”融通的《Web前端開發(fā)》課程教改，在我校從2022年開始實施，已有3個學(xué)期，學(xué)生在學(xué)校能直接學(xué)到最新行業(yè)技術(shù)，增強了學(xué)生對Web前端開發(fā)項目的實踐操作，學(xué)習(xí)效率顯著提高，有效提升學(xué)生編碼能力與職業(yè)素養(yǎng)，提高Web前端開發(fā)人才培養(yǎng)質(zhì)量，提升畢業(yè)生就業(yè)質(zhì)量。