高職《Web前端開發(fā)》“崗課賽證”融通課程改革與研究

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

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

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

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

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

1.2 課程內容結構不合理，沒有形成項目化課程

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

1.3 教學模式陳舊，學生學習動力不足

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

1.4 課程考核機制不完善，無法保證學習效果

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

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

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

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

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

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

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

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

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

2.4 教學模式改革，提升學生學習興趣

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

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

3.1 制定課程教學標準

3.1.1 課程性質與任務

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

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

3.1.2 課程要求與目標

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

（一）素質目標

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

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

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

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

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

（二）知識目標

1.熟悉HTML中常用標簽及屬性；

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

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

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

（三）能力目標

1.熟練使用HTML標簽進行頁面架構；

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

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

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

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

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

3.2 重構課程教學內容

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

3.3 制定課程評價機制

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

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

4.結語

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