摘要：“Web前端開發(fā)”課程具有較強的實踐性，需要學(xué)生在掌握課堂知識的基礎(chǔ)上，能夠結(jié)合日常的實踐，不斷提升自身的理論知識應(yīng)用能力。結(jié)合“崗課賽證”融通的理念，立足于“Web 前端開發(fā)”課程的實際情況，對課程教學(xué)改革進行探索，為課程教學(xué)的優(yōu)化提供相關(guān)參考。同時，結(jié)合課程教學(xué)改革中提出的具體措施與方案，結(jié)合邵陽職業(yè)技術(shù)學(xué)院具體的實踐，對教學(xué)效果進行檢驗與分析，進一步證明“崗課賽證”融通對課程教學(xué)的效果。

關(guān)鍵詞：“崗課賽證”融通；Web 前端開發(fā)；課程教學(xué)

一、前言

“崗課賽證”融通是指在課程教學(xué)的過程中，將崗位教學(xué)、行業(yè)比賽以及行業(yè)證書進行充分地融合，形成以崗入課、以賽入課和以證入課的具體教學(xué)體系。在“Web 前端開發(fā)”課程教學(xué)體系中，充分發(fā)揮“崗課賽證”融通教學(xué)的優(yōu)勢與作用，能夠強化學(xué)生綜合應(yīng)用能力的培養(yǎng)，提升綜合能力，進一步為學(xué)生素養(yǎng)的提升、崗位應(yīng)用能力的培養(yǎng)提供有效的支持。

二、“Web 前端開發(fā)”課程教學(xué)現(xiàn)狀與需求

（一）“Web 前端開發(fā)”課程教學(xué)現(xiàn)狀

隨著互聯(lián)網(wǎng)技術(shù)的快速發(fā)展，Web前端開發(fā)已經(jīng)成為了計算機科學(xué)與技術(shù)領(lǐng)域中的一個重要分支。在當(dāng)前的教育體系中，“Web前端開發(fā)”課程已經(jīng)被廣泛應(yīng)用于各類院校的計算機專業(yè)課程設(shè)置中。然而，在實際的教學(xué)過程中，我們發(fā)現(xiàn)“Web 前端開發(fā)”課程教學(xué)存在一些問題和挑戰(zhàn)。

首先，課程內(nèi)容更新速度跟不上行業(yè)發(fā)展。Web前端技術(shù)更新迅速，新的框架和工具層出不窮，而教材和課程內(nèi)容的更新速度相對較慢。這導(dǎo)致學(xué)生在學(xué)習(xí)過程中可能無法及時掌握最新的技術(shù)和工具，從而影響了學(xué)生的實際應(yīng)用能力。

其次，課程實踐性不足。Web前端開發(fā)是一門高度實踐性的技術(shù)，學(xué)生需要通過大量的實踐操作來掌握相關(guān)知識。然而，目前的課程設(shè)置往往過于注重理論知識的傳授，而忽視了實踐環(huán)節(jié)的重要性。這使得學(xué)生在完成課程學(xué)習(xí)后，仍然難以獨立完成實際項目開發(fā)。

再次，教學(xué)方法單一。傳統(tǒng)的教學(xué)方法主要依賴于課堂講授和課后作業(yè)，這種方式在一定程度上限制了學(xué)生的學(xué)習(xí)效果。隨著在線教育和多媒體技術(shù)的發(fā)展，教學(xué)方法的多樣化成為了提高教學(xué)質(zhì)量的關(guān)鍵。然而，目前的“Web 前端開發(fā)”課程教學(xué)仍然較為保守，缺乏創(chuàng)新和多樣性。

最后，評價體系不完善。現(xiàn)有的評價體系主要依賴于期末考試成績，這種評價方式無法全面反映學(xué)生的實際能力。在Web前端開發(fā)領(lǐng)域，實際項目經(jīng)驗和技能掌握程度往往比理論知識更為重要。因此，需要建立一個更加全面和科學(xué)的評價體系，以更好地評估學(xué)生的學(xué)習(xí)成果。

（二）“Web 前端開發(fā)”課程教學(xué)需求

隨著互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展和普及，“Web 前端開發(fā)”已經(jīng)成為了計算機專業(yè)及相關(guān)專業(yè)的一門重要課程。它承擔(dān)著培養(yǎng)學(xué)生Web 前端開發(fā)技能，提高學(xué)生綜合素質(zhì)，培養(yǎng)學(xué)生創(chuàng)新能力等重要任務(wù)。在教育市場，“Web 前端開發(fā)”課程的需求也逐年增長，需要為學(xué)生提供更加符合崗位需求的教學(xué)體驗。本節(jié)將分析“Web 前端開發(fā)”課程教學(xué)的市場需求、學(xué)生需求以及教學(xué)方法的需求。

1.市場需求分析

隨著各行業(yè)對互聯(lián)網(wǎng)技術(shù)的需求不斷增長，企業(yè)對于具備Web 前端開發(fā)能力人才的需求持續(xù)上升。最近幾年，越來越多的企業(yè)開始重視用戶體驗設(shè)計，Web前端開發(fā)人員在提供良好的用戶體驗中發(fā)揮著關(guān)鍵作用。因此，Web前端開發(fā)人才需求旺盛，市場需求廣泛。教育市場為了滿足這一需求，需要培養(yǎng)出具備實際工作能力的學(xué)生。這就對課程教學(xué)提出了更高的要求。

2.學(xué)生需求分析

在學(xué)生群體中，學(xué)生對于“Web 前端開發(fā)”課程的需求主要體現(xiàn)在以下幾個方面：

（1）知識結(jié)構(gòu)的需求。學(xué)生需要系統(tǒng)地、全面地了解Web前端開發(fā)的相關(guān)知識和技能，比如HTML、CSS、JavaScript等基礎(chǔ)知識，還有其他相關(guān)技術(shù)和工具。

（2）實踐能力的需求。學(xué)生希望通過學(xué)習(xí)“Web 前端開發(fā)”課程，提高自己的實際操作能力，成為Web前端開發(fā)方面的專業(yè)人才。

（3）就業(yè)競爭力的需求。進入職場后，學(xué)生需要具備一定的競爭力，才能勝任Web前端開發(fā)工作。課程教學(xué)應(yīng)該幫助學(xué)生提升就業(yè)競爭力，讓他們在找工作時更有優(yōu)勢。

（4）創(chuàng)新意識的需求。在Web前端開發(fā)領(lǐng)域，創(chuàng)新意識和實際創(chuàng)新能力越來越受到重視。因此，學(xué)生希望課程幫助他們培養(yǎng)創(chuàng)新意識和創(chuàng)新能力。

3.教學(xué)方法的需求

由于互聯(lián)網(wǎng)技術(shù)的高速發(fā)展，Web前端開發(fā)技術(shù)的更新?lián)Q代速度很快，因此，教學(xué)方法需要具備以下特點：

（1）教學(xué)內(nèi)容及時更新。教學(xué)內(nèi)容需要反映當(dāng)前Web前端開發(fā)技術(shù)的最新發(fā)展，避免落伍、過時的課程教學(xué)。

（2）實踐性強。課程教學(xué)應(yīng)當(dāng)注重實踐操作，強化學(xué)生實際動手操作能力，體現(xiàn)“以用驅(qū)學(xué)”的教學(xué)理念。

（3）與企業(yè)合作。課程教學(xué)需要與企業(yè)緊密合作，了解企業(yè)需求，將企業(yè)實際項目與教學(xué)內(nèi)容相結(jié)合，使學(xué)生能夠更好地適應(yīng)職場環(huán)境。

三、“崗課賽證”融通下“Web 前端開發(fā)”課程教學(xué)設(shè)計

根據(jù)“Web 前端開發(fā)”教學(xué)實操性課程的特征提出了案例式元素融入章節(jié)模塊設(shè)計、主題式背景貫穿教學(xué)活動等“崗課賽證”實施方法[1]。

（一） 案例式元素融入章節(jié)模塊設(shè)計

在“Web 前端開發(fā)”課程教學(xué)設(shè)計中，可以將“崗課賽證”中的案例元素融入章節(jié)模塊設(shè)計，以提高學(xué)生學(xué)習(xí)的興趣和學(xué)習(xí)效果。

例如，在介紹 HTML 基礎(chǔ)語法時，可以選擇一個有趣的案例，如創(chuàng)建一個簡單頁面，將圖片和文本排列在一起，展示創(chuàng)建的案例。在講解 CSS 樣式時，可以選擇一個有趣的案例，如讓一個圖片在頁面中逐漸放大，模擬照片墻。通過融入實際案例，學(xué)生可以更好地理解理論知識的應(yīng)用。在實際操作中，學(xué)生也會更加感興趣、有學(xué)習(xí)動力，提高學(xué)習(xí)效果。此外，除了將案例式元素融入章節(jié)模塊設(shè)計外，還可以通過融入實際職場場景來設(shè)計課程，以幫助學(xué)生更好地理解知識的應(yīng)用，并為其未來的職業(yè)發(fā)展做好準(zhǔn)備。例如，在講解 JavaScript 事件處理時，可以介紹不同的事件類型和如何綁定事件處理程序。在一個實際的職場場景中，可能需要設(shè)計一個網(wǎng)站，需要用戶在輸入框中輸入用戶名和密碼，然后通過點擊“登錄”按鈕觸發(fā)事件處理程序。在這個案例中，學(xué)生可以實際操作并理解事件處理的應(yīng)用。

（二）主題式背景貫穿教學(xué)活動

“崗課賽證”是指通過參加某一職業(yè)領(lǐng)域的比賽或者考試，獲得相關(guān)崗位的認(rèn)證證書。在“Web 前端開發(fā)”課程教學(xué)設(shè)計中，我們可以融通“崗課賽證”的理念，設(shè)計一個主題式背景貫穿教學(xué)活動，從而提高學(xué)生的職業(yè)素養(yǎng)和實際應(yīng)用能力。

首先，教師可以選取某一計算機軟件或者網(wǎng)站開發(fā)領(lǐng)域的認(rèn)證考試作為教學(xué)活動的核心內(nèi)容，如Web前端開發(fā)工程師認(rèn)證考試或者Adobe認(rèn)證考試等。在課程教學(xué)的不同階段，我們可以通過教授相關(guān)知識點、講解實際案例、編寫并提交作品等方式幫助學(xué)生備戰(zhàn)認(rèn)證考試。

其次，教師可以設(shè)計一系列主題式教學(xué)活動，如“網(wǎng)站設(shè)計大賽”等。通過這些活動，我們可以引導(dǎo)學(xué)生將所學(xué)知識靈活應(yīng)用于實際開發(fā)項目中，并且增強學(xué)生的團隊協(xié)作和項目管理能力。

此外，教師還可以通過為學(xué)生提供實習(xí)或者實踐機會，鼓勵他們參加行業(yè)內(nèi)的相關(guān)活動，如技術(shù)分享會、創(chuàng)業(yè)實踐等，從而讓學(xué)生充分了解行業(yè)的發(fā)展趨勢和最新技術(shù)，提高他們的職業(yè)素養(yǎng)和競爭力。

（三）“崗課賽證”體系融合的教育思想

“崗課賽證”體系融合了“以賽促學(xué)、以學(xué)促用、以用促賽”的教育思想。這個體系的核心是讓學(xué)生在實際應(yīng)用中掌握相關(guān)技能和知識，同時將學(xué)生的學(xué)習(xí)和應(yīng)用與職業(yè)崗位的要求相結(jié)合，使他們更好地適應(yīng)和融入職場。

具體地說，在“崗課賽證”體系中，學(xué)生將根據(jù)不同的職業(yè)類別，學(xué)習(xí)相關(guān)的基本知識和技能，包括理論課程和實操課程。除此之外，還要參加對應(yīng)的職業(yè)技能比賽，以檢驗自己的學(xué)習(xí)成果，并鍛煉實際應(yīng)用能力。在比賽中獲得優(yōu)勝者將會獲得相應(yīng)的崗課賽證書，這不僅是對他們學(xué)習(xí)成果的認(rèn)可，也是他們未來就業(yè)和升遷的資格證明。通過“崗課賽證”體系，學(xué)生不僅可以學(xué)習(xí)到與職業(yè)相關(guān)的知識和技能，還可以鍛煉自己的實踐能力和應(yīng)變能力，優(yōu)勝者還有機會獲得實習(xí)和就業(yè)的機會。同時，企業(yè)也可以從中挑選到具有扎實技能和出色表現(xiàn)的優(yōu)秀人才[2]。

（四）多元評價體現(xiàn)課程效果

“Web 前端開發(fā)”實踐課是一門實踐性極強的課程，它在團隊教學(xué)中引入了多元化的評估機制，以多種形式的評估系統(tǒng)來反映學(xué)生的學(xué)習(xí)和綜合素質(zhì)。

1.過程性評價

課程內(nèi)容改革為課程化、任務(wù)化，采用任務(wù)驅(qū)動、小組合作方式來完成教學(xué)內(nèi)容，并對課程進行流程評分，對學(xué)生學(xué)習(xí)狀況實時跟蹤。將7S專業(yè)素質(zhì)的測驗指標(biāo)納入到每一項評分中，運用“以德為先，以能力為本，全面發(fā)展”的評估體系，通過過程性考核，提高學(xué)生的知識能力、專業(yè)素質(zhì)，體現(xiàn)“教做合一”的教學(xué)效果。

2.結(jié)果性評價

成果型測評拋棄了傳統(tǒng)的理論測驗?zāi)Ｊ?，采用了一種全新的測試方法，將理論與實踐有機地融合在一起，40%的理論知識，60%的實際操作，同時在評價表和技能操作評分表上，將學(xué)習(xí)效果評價、課程教學(xué)評價從一個專業(yè)層面擴展到職業(yè)勝任力、人文素質(zhì)等多方面。通過訓(xùn)練實際操作技能，對學(xué)生進行勞動職業(yè)素養(yǎng)的培訓(xùn)。

3.課前、課后動態(tài)評價

在課前、課后，采用線上與線下相結(jié)合的動態(tài)考核模式，讓學(xué)生在課堂上學(xué)習(xí)Web開發(fā)的相關(guān)知識，并在網(wǎng)上進行知識問答和游戲，讓學(xué)生對Web前端的現(xiàn)狀有更多了解，培養(yǎng)學(xué)生的社會責(zé)任感和專業(yè)使命感。下課后，利用云班課平臺，對學(xué)生在課堂的學(xué)習(xí)掌握狀況進行測試，并設(shè)置頭腦風(fēng)暴問題，以提高學(xué)生解決問題的能力、勇于創(chuàng)新及探索的能力[3]。

4.育人效果與反饋

在學(xué)生提交的130篇課程總結(jié)中，大部分學(xué)生都說自己的職業(yè)素養(yǎng)得到了提升，對所學(xué)的技術(shù)有更深的了解，執(zhí)著于技術(shù)學(xué)習(xí)和科學(xué)研究。94%的學(xué)生對這種教學(xué)方法感興趣，98%的學(xué)生覺得這種教學(xué)方法很有誘惑力，81%的學(xué)生深切體會到了自己的社會責(zé)任感和使命感。

在Web 前端開發(fā)教學(xué)中，每節(jié)課后都有以匿名方式進行的、不同維度的問卷調(diào)查。例如：“你覺得這堂課的案例使用是怎樣的？”其中，93%的學(xué)生認(rèn)為對了解現(xiàn)有前端開發(fā)情況與價值、提升民族自豪感具有重要作用，有62%的學(xué)生對自己的學(xué)習(xí)感興趣，有56%的學(xué)生對自己的專業(yè)感興趣，幫助明確自己的專業(yè)或者職業(yè)。問卷表明，這項教學(xué)取得了顯著的成效。

四、相關(guān)建議

（一）基于課程基本知識進行的教學(xué)設(shè)計

為了更好地實施“崗課賽證”融通教學(xué)模式，教師需要根據(jù)課程基本知識，進行相應(yīng)的教學(xué)設(shè)計。在進行課程設(shè)計之前，教師需要先確立清晰的課程目標(biāo)和學(xué)習(xí)目標(biāo)。課程目標(biāo)是指整個課程的總體目標(biāo)和授課方向，而學(xué)習(xí)目標(biāo)則是指學(xué)生需要學(xué)會的知識和技能。通過設(shè)定明確的目標(biāo)，使得課程更加有針對性和有效性。在設(shè)計教學(xué)內(nèi)容時，教師需要從海量的前端開發(fā)知識中篩選出最核心的內(nèi)容，組合成一套完整的教學(xué)內(nèi)容系統(tǒng)。這不僅需要考慮到學(xué)生的學(xué)術(shù)水平和學(xué)習(xí)需求，還需要考慮到課后實踐的可行性和效果。同時，教師要從學(xué)校整體理科專業(yè)課程中的基礎(chǔ)“崗課賽證”入手，發(fā)現(xiàn)“崗課賽證”教學(xué)和應(yīng)用能力訓(xùn)練之間的聯(lián)系，并根據(jù)學(xué)校整體的“崗課賽證”教學(xué)內(nèi)容，對具體課程學(xué)生應(yīng)用能力的訓(xùn)練進行指導(dǎo)，在合理的教育架構(gòu)下，根據(jù)學(xué)生的特點，開展靈活多樣的教學(xué)資源調(diào)整，由此確保課堂教學(xué)任務(wù)的安排對于學(xué)生的學(xué)習(xí)有適應(yīng)性和協(xié)調(diào)作用，從而推進課堂教學(xué)的最優(yōu)化實施[4]。

（二）結(jié)合育人目標(biāo)發(fā)揮教學(xué)輻射性

在“Web 前端開發(fā)”課程教學(xué)過程中，教師要立足于“崗課賽證”的基本內(nèi)涵，并進行輻射性的課程教學(xué)實踐，不過這種輻射性教學(xué)要有明確的選擇準(zhǔn)則，需要根據(jù)課程目標(biāo)以及學(xué)生的接受能力兩個要素加以選擇，以此提高“崗課賽證”教學(xué)對學(xué)生綜合能力的帶動，為學(xué)生Web 前端開發(fā)核心素質(zhì)的形成打好基礎(chǔ)。

基于“崗課賽證”的“Web 前端開發(fā)”教學(xué)的輻射性，要充分反映出課程目標(biāo)的最優(yōu)配置，以及“崗課賽證”教學(xué)本身的實用性，做好整個教育課程的契合程度與嵌套水平，建立一個完整的課程結(jié)構(gòu)；另外，教師在輻射性內(nèi)容的設(shè)置上，要能夠反映出“崗課賽證”本身的特征，輻射性教學(xué)內(nèi)容的設(shè)定不得脫離學(xué)生的理解、干擾學(xué)生的學(xué)習(xí)積極性。教師在“崗課賽證”課堂教學(xué)的實際活動中，能夠?qū)W(xué)科體系、知識啟示、應(yīng)用方法等內(nèi)容作出輻射性的延伸和介紹。在各個輻射性內(nèi)容的設(shè)置中，要能夠突出“環(huán)環(huán)相扣”，各個知識點之間一定要存在過渡性的關(guān)聯(lián)，在具體課堂教學(xué)活動中不得發(fā)生較大跳躍行為。

（三）結(jié)合學(xué)生特性豐富搭建“崗課賽證”教學(xué)方法

在教學(xué)過程中，要根據(jù)學(xué)生的個性特點和學(xué)習(xí)風(fēng)格，將“崗課賽證”教學(xué)方法與豐富多彩的教學(xué)手段相結(jié)合，設(shè)計具有挑戰(zhàn)性的任務(wù)，激發(fā)學(xué)生的學(xué)習(xí)興趣和動力。結(jié)合學(xué)生特性豐富“崗課賽證”教學(xué)方法，可以使學(xué)生更加積極主動地參與到學(xué)習(xí)中來，充分挖掘?qū)W生的潛能，提高學(xué)生的學(xué)習(xí)水平和能力。同時，也可以提供更貼近實際的實踐體驗，培養(yǎng)學(xué)生的實踐能力和職業(yè)素養(yǎng)。

首先，可以采用小組合作學(xué)習(xí)的方式，讓學(xué)生在小組中完成任務(wù)，通過合作可以提高學(xué)生的合作意識和團隊精神，同時也可使任務(wù)更具挑戰(zhàn)性。比如，設(shè)計一個制作網(wǎng)頁的任務(wù)，讓學(xué)生分組完成，通過互相協(xié)作、交流，提高網(wǎng)頁制作的效果和質(zhì)量。

其次，可以引入游戲化元素，將學(xué)生的學(xué)習(xí)過程變成一場有趣的冒險。通過設(shè)計具有游戲性質(zhì)的任務(wù)，激發(fā)學(xué)生的學(xué)習(xí)興趣和動力，增強學(xué)生的參與度和積極性。比如，在網(wǎng)頁設(shè)計的過程中，設(shè)計一些有趣的插圖、動畫，激勵學(xué)生探索創(chuàng)新。

最后，可以采用探究性學(xué)習(xí)的方式，讓學(xué)生在自主探究中完成任務(wù)，通過一步步搭建網(wǎng)頁實現(xiàn)對知識的理解和掌握。探究性學(xué)習(xí)可以使學(xué)生更深入地理解和掌握知識，同時也可提高學(xué)生解決問題的能力和創(chuàng)新能力[5]。

（四）明確多元化和多維度的教學(xué)評價

課堂教學(xué)評價是高?；凇皪徴n賽證”的“Web 前端開發(fā)”課程的重要構(gòu)成，也是教師能夠快速準(zhǔn)確了解學(xué)生課程掌握情況的基本手段。從整個“崗課賽證”的教育歷程出發(fā)，課堂教學(xué)評價和課程目標(biāo)是相互對應(yīng)的，是教師對整個教育歷程的一個概括。教育的發(fā)展存在著多維特性，因此教育評價的設(shè)計工作也應(yīng)當(dāng)實現(xiàn)多元層面的明確，由此才能提高首尾呼應(yīng)的整體契合能力。從“Web 前端開發(fā)”課程的教育流程來看，以課程知識為構(gòu)成的基本知識學(xué)習(xí)狀況是整個課程的基本內(nèi)涵，而后續(xù)教育流程的開展，也是圍繞著這一基礎(chǔ)展開實施的。教師要采取課堂詢問、課后作業(yè)布置等方法，對學(xué)生掌握知識的情況作出評估，并為課堂復(fù)習(xí)環(huán)節(jié)的開展提供基礎(chǔ)。同時，教師可以采取課堂詢問的形式，把握學(xué)生對課堂知識的掌握情況，并組織學(xué)生對課堂知識提供概況，由此來了解學(xué)生對知識的掌握情況。

五、結(jié)語

邵陽職業(yè)技術(shù)學(xué)院“崗課賽證”的教學(xué)實踐與校企合作等工作銜接，根據(jù)“1+ X”專業(yè)技能認(rèn)證體系，針對專業(yè)技能、“崗課賽證”的專業(yè)能力和專業(yè)素養(yǎng)要求，有效提高了Web 前端開發(fā)技能型人才質(zhì)量，推動了Web 前端開發(fā)技術(shù)“崗課賽證”教學(xué)改革，在后續(xù)實踐中，邵陽職業(yè)技術(shù)學(xué)院應(yīng)當(dāng)結(jié)合實踐中的具體情況，對教學(xué)內(nèi)容和方法進行具體的調(diào)整，以此來確保教學(xué)效果和質(zhì)量。

參考文獻(xiàn)

[1]朱莉凱，李笑瑜，沈?qū)殗?，?“崗課賽證”綜合育人視域下無人機應(yīng)用技術(shù)專業(yè)人才培養(yǎng)模式研究[J].南方農(nóng)機，2023，54（01）：196-198.

[2]辛改芳，朱俊，唐靜.智能制造類專業(yè)“崗課賽證”融通育人模式的探索—以“數(shù)控機床電氣傳動”課程為例[J].南方農(nóng)機，2022，53（24）：163-167.

[3]馮嫻，陳霓.“1+X”證書制度下中職學(xué)?！皶C融通”模式教學(xué)改革探究[J].試題與研究，2022（35）：67-69.

[4]吳蘊慧.“崗課賽證”融通路徑探究[J].職業(yè)，2022（22）：40-43.

[5]胡宗梅.高職院?！皪?、課、賽、證”融通精致育人培養(yǎng)模式建構(gòu)與實踐[J].時代汽車，2022（24）：100-102.

基金項目：邵陽市社會科學(xué)界聯(lián)合會項目“基于‘崗課賽證’融通的‘Web前端開發(fā)’課程教學(xué)改革的研究”（項目編號：22YBB73）

作者單位：邵陽職業(yè)技術(shù)學(xué)院

■ 責(zé)任編輯：周航