“產(chǎn)、賽、學(xué)”融合下Web前端技術(shù)課程建設(shè)改革探索

摘" 要：針對(duì)當(dāng)前本科院校Web前端開(kāi)發(fā)技術(shù)課程教學(xué)中存在的教學(xué)目標(biāo)不明確、專業(yè)實(shí)踐能力培養(yǎng)不足、教學(xué)過(guò)程設(shè)計(jì)與考評(píng)機(jī)制不完善等問(wèn)題，該文基于產(chǎn)學(xué)合作協(xié)同育人項(xiàng)目指南，探索融合“產(chǎn)、賽、學(xué)”為一體的Web前端開(kāi)發(fā)技術(shù)課程建設(shè)改革重點(diǎn)、策略及有效教學(xué)措施，以期為其他院校相關(guān)課程建設(shè)或教學(xué)改革提供借鑒。

關(guān)鍵詞：產(chǎn)、賽、學(xué)；Web前端技術(shù)；網(wǎng)頁(yè)設(shè)計(jì)；網(wǎng)站規(guī)劃；課程建設(shè)改革

中圖分類號(hào)：G642" " " 文獻(xiàn)標(biāo)志碼：A" " " " " 文章編號(hào)：2096-000X（2023）13-0006-04

Abstract： In the current teaching of Web Front-end Development Technology course in undergraduate colleges， there exists the problems such as unclear teaching objectives， insufficient cultivation of professional practical ability， imperfect teaching process design and evaluation mechanism. Based on the guidance of industry university cooperation collaborative education project， this paper explores the key points of reform， strategies and effective teaching measures of Web Front-end Development Technology course construction integrating \"production， competition and learning\"， in order to solve the above problems and provide reference for relevant curriculum construction or teaching reform in other colleges and universities.

Keywords： production， competition and learning; Web Front-end Development Technology; Web design; Website programming; course construction reform

隨著我國(guó)移動(dòng)計(jì)算、物聯(lián)網(wǎng)等新興網(wǎng)絡(luò)產(chǎn)業(yè)與技術(shù)的高速發(fā)展，互聯(lián)網(wǎng)產(chǎn)業(yè)規(guī)模的不斷擴(kuò)大，網(wǎng)絡(luò)服務(wù)質(zhì)量的持續(xù)提升，用戶體驗(yàn)至上的時(shí)代已經(jīng)來(lái)臨。當(dāng)前，計(jì)算機(jī)技術(shù)向外領(lǐng)域不斷拓展，媒體產(chǎn)品人性化的意識(shí)逐漸增強(qiáng)，能熟練使用HTML、CSS和JavaScript等Web前端開(kāi)發(fā)技術(shù)的專業(yè)人員在人才市場(chǎng)上供不應(yīng)求[1]。除了移動(dòng)互聯(lián)網(wǎng)企業(yè)，金融、交通、零售等相關(guān)行業(yè)也開(kāi)始注重用戶界面設(shè)計(jì)或交互設(shè)計(jì)等方面的投入，亟需相關(guān)人才。

Web前端開(kāi)發(fā)技術(shù)是培養(yǎng)網(wǎng)頁(yè)設(shè)計(jì)師的入門課程，也是河南中醫(yī)藥大學(xué)（以下簡(jiǎn)稱“我?！保┬畔⒓夹g(shù)學(xué)院和管理學(xué)院的一門專業(yè)必修課，同時(shí)藥學(xué)院和基礎(chǔ)醫(yī)學(xué)院部分專業(yè)也將其列為公共選修課程。該課程實(shí)踐性較強(qiáng)，目前在我校已開(kāi)設(shè)10多年。然而，由于高校對(duì)學(xué)分有嚴(yán)格的管控，因此，這類課程大多為總36學(xué)時(shí)的實(shí)踐課或總54學(xué)時(shí)的理論與實(shí)踐課，總體上學(xué)時(shí)分配較少。在現(xiàn)有教材知識(shí)點(diǎn)大而全的情況下，教師們很難將知識(shí)點(diǎn)較為系統(tǒng)地、完整地傳授給學(xué)生，而且，在實(shí)際的教學(xué)過(guò)程中，該課程的理論講解和實(shí)踐操作分離較為嚴(yán)重，二者的銜接關(guān)系不容易處理[2]。除此之外，針對(duì)與Web前端開(kāi)發(fā)技術(shù)密切相關(guān)的網(wǎng)頁(yè)設(shè)計(jì)或網(wǎng)站規(guī)劃人才培養(yǎng)，多數(shù)高校在相關(guān)課程授課過(guò)程中，其授課內(nèi)容及效果與社會(huì)市場(chǎng)需求明顯不一致，學(xué)生在學(xué)完該課程后，沒(méi)有真正的實(shí)踐經(jīng)驗(yàn)，缺乏就業(yè)競(jìng)爭(zhēng)力；而各用人單位又急需網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站規(guī)劃人才，最終導(dǎo)致當(dāng)前社會(huì)需求與人才供給嚴(yán)重脫節(jié)[3]。

因此，為了順應(yīng)時(shí)代和市場(chǎng)需求，提高學(xué)生的專業(yè)技能及社會(huì)創(chuàng)造力，各高?；蛳嚓P(guān)行業(yè)非常有必要先對(duì)該課程教學(xué)工作現(xiàn)狀進(jìn)行調(diào)研、分析、探討及研究，并為該課程體系的構(gòu)建提供有效的改革措施。

一" 當(dāng)前課程教學(xué)存在的主要問(wèn)題

通過(guò)對(duì)該課程在我校以及其他同類院校的教學(xué)現(xiàn)狀進(jìn)行調(diào)研與分析，發(fā)現(xiàn)主要存在如下問(wèn)題。

（一）" 教學(xué)目標(biāo)不明確

Web前端開(kāi)發(fā)技術(shù)層出不窮，更新?lián)Q代較為頻繁。比如，網(wǎng)頁(yè)標(biāo)記語(yǔ)言HTML已發(fā)展到HTML5，標(biāo)記類型達(dá)100多種；用于網(wǎng)頁(yè)樣式設(shè)置的CSS也發(fā)展到了CSS3，擁有上千種的可用屬性及其不同取值用于增加網(wǎng)頁(yè)交互性的腳本語(yǔ)言JavaScript更是經(jīng)歷了技術(shù)與工具集的巨變，比如，原有的XML數(shù)據(jù)交換格式幾乎已被新的JSON完全取代。而且，目前該課程相關(guān)的大量知識(shí)內(nèi)容，部分是商業(yè)常用的，部分幾乎被廢棄。另外，不同層次學(xué)生之間的知識(shí)結(jié)構(gòu)體系存在一定的差異，為學(xué)生們所設(shè)置的學(xué)習(xí)內(nèi)容也應(yīng)存在一定的區(qū)別。因此，針對(duì)該課程中的大量標(biāo)記語(yǔ)言、CSS屬性使用及JavaScript函數(shù)，如何進(jìn)行知識(shí)分層以適應(yīng)不同層次的求學(xué)者，是該課程以及當(dāng)前大多數(shù)課程實(shí)施前未經(jīng)過(guò)認(rèn)真論證的。

尤其是，當(dāng)前教學(xué)過(guò)程中的實(shí)驗(yàn)教學(xué)定位不準(zhǔn)確，缺乏商業(yè)化需求的目標(biāo)，沒(méi)有形成明確的知識(shí)結(jié)構(gòu)主線，知識(shí)體系松散且龐大，導(dǎo)致學(xué)生學(xué)無(wú)目的，難以將所學(xué)知識(shí)融入社會(huì)商業(yè)需求之中。另外，該課程通常在大學(xué)一年級(jí)下學(xué)期或二年級(jí)上學(xué)期開(kāi)設(shè)，此時(shí)，學(xué)生學(xué)習(xí)興趣雖濃厚，但由于依然采用高中時(shí)期緊盯課本的學(xué)習(xí)方法，且在實(shí)驗(yàn)教學(xué)上缺乏商業(yè)領(lǐng)域流行技術(shù)知識(shí)，不具備自我學(xué)習(xí)和查找資料的能力，所以極易形成消極的學(xué)習(xí)態(tài)度。因此，必須合理化該課程的教學(xué)內(nèi)容，對(duì)其有明確的定位和培養(yǎng)目標(biāo)，務(wù)必使學(xué)生學(xué)有所用。

（二）" 忽視了專業(yè)實(shí)踐能力培養(yǎng)的重要性

本課程多數(shù)相關(guān)教材注重于理論知識(shí)的講解與傳授，其優(yōu)勢(shì)在于可以讓學(xué)生具備堅(jiān)實(shí)的理論基礎(chǔ)。但因該課程知識(shí)量大，內(nèi)容多且零碎，教師教授困難，學(xué)生也難以消化，從而很難獲得良好的教學(xué)及學(xué)習(xí)效果。其次，實(shí)踐教學(xué)是該課程授課方式的重中之重，實(shí)驗(yàn)項(xiàng)目本身過(guò)多關(guān)注語(yǔ)言本身的練習(xí)，缺乏對(duì)學(xué)生實(shí)際開(kāi)發(fā)經(jīng)驗(yàn)與能力的培養(yǎng)，目前不夠完善和系統(tǒng)。比如，在該課程結(jié)束后，學(xué)生除了應(yīng)具備實(shí)現(xiàn)文字段落、表單、表格等的操作能力，還應(yīng)掌握如何對(duì)網(wǎng)頁(yè)進(jìn)行整體布局的能力。但在進(jìn)行中大型規(guī)模的實(shí)際項(xiàng)目設(shè)計(jì)中，多數(shù)學(xué)生無(wú)從下手，不知道怎樣才能將所學(xué)的知識(shí)整合到一個(gè)綜合項(xiàng)目中。顯然，這是目前多數(shù)院校在該課程教學(xué)中過(guò)于強(qiáng)調(diào)對(duì)語(yǔ)言本身要素的學(xué)習(xí)，以小知識(shí)點(diǎn)為目標(biāo)，忽視了對(duì)知識(shí)綜合運(yùn)用和實(shí)踐能力的培養(yǎng)所造成的。

（三）" 教學(xué)過(guò)程設(shè)計(jì)與考評(píng)機(jī)制不夠完善

在如Web前端開(kāi)發(fā)技術(shù)等多數(shù)理工科專業(yè)課程的教學(xué)過(guò)程中，教師通常采用先講后練、教練分離的模式進(jìn)行。事實(shí)上，經(jīng)過(guò)大量調(diào)研發(fā)現(xiàn)，這種模式存在很多弊端：第一，不利于依據(jù)生源實(shí)情進(jìn)行分層教學(xué)。因生源不同，各學(xué)生對(duì)計(jì)算機(jī)基礎(chǔ)知識(shí)和常規(guī)操作的掌握程度不同，導(dǎo)致部分以前從未接觸過(guò)計(jì)算機(jī)的學(xué)生（比如偏遠(yuǎn)地區(qū)生活條件較為落后的學(xué)生）學(xué)習(xí)吃力，跟不上教學(xué)進(jìn)度，從而學(xué)習(xí)積極性降低；第二，實(shí)踐環(huán)節(jié)學(xué)習(xí)效率低下。在實(shí)踐教學(xué)過(guò)程中，學(xué)生因?qū)ふ宜夭摹⒁?guī)劃任務(wù)等耗費(fèi)大量時(shí)間，最終導(dǎo)致有難度或困惑的地方未在實(shí)驗(yàn)課堂中得到解決，教師的輔導(dǎo)作用也流于形式；第三，學(xué)習(xí)效果評(píng)估方式單一，缺乏有效的評(píng)價(jià)機(jī)制，難以真正掌握學(xué)生對(duì)知識(shí)吸收的程度。目前，多數(shù)院校仍然僅采用試卷和驗(yàn)證性實(shí)驗(yàn)的形式對(duì)學(xué)生進(jìn)行課程考核，缺乏對(duì)學(xué)生實(shí)際動(dòng)手操作能力的有效評(píng)價(jià)[4]。

二" 課程體系建設(shè)改革重點(diǎn)及有效措施

（一）" 產(chǎn)學(xué)協(xié)作下的課程建設(shè)改革重點(diǎn)及策略

自2016年以來(lái)，每年教育部都會(huì)給出兩大批次的產(chǎn)學(xué)合作協(xié)同育人項(xiàng)目申請(qǐng)指南，全國(guó)多數(shù)知名企業(yè)如阿里巴巴、百度和騰訊等均有參與，且開(kāi)設(shè)有金課建設(shè)、創(chuàng)新創(chuàng)業(yè)教育改革項(xiàng)目等多種類別的項(xiàng)目申請(qǐng)。因此，為了進(jìn)一步提升本科人才培養(yǎng)質(zhì)量，深化產(chǎn)教融合、校企合作，針對(duì)當(dāng)前Web前端開(kāi)發(fā)技術(shù)課程相關(guān)資源繁多且質(zhì)量差異大、難易程度不清晰等問(wèn)題，本文認(rèn)為該課程體系的構(gòu)建及改革策略應(yīng)緊密圍繞以下幾個(gè)方面進(jìn)行研究。

1" 課程目標(biāo)需定位清晰

教學(xué)對(duì)象定位明確，課程目標(biāo)清晰合理。該課程開(kāi)課時(shí)間：大學(xué)一年級(jí)下學(xué)期或二年級(jí)上學(xué)期；學(xué)生定位：零基礎(chǔ)，或僅對(duì)程序語(yǔ)言有初步的認(rèn)識(shí)，或?qū)W習(xí)過(guò)計(jì)算機(jī)應(yīng)用基礎(chǔ)等操作性前導(dǎo)課程的學(xué)生。課程目標(biāo)包括知識(shí)目標(biāo)、能力目標(biāo)、就業(yè)目標(biāo)和素質(zhì)目標(biāo)。其中，知識(shí)目標(biāo)：通過(guò)36或54學(xué)時(shí)的學(xué)習(xí)，學(xué)生能夠掌握網(wǎng)頁(yè)設(shè)計(jì)基本操作技術(shù)和應(yīng)用技巧，獨(dú)立完成站點(diǎn)布局和開(kāi)發(fā)任務(wù)；能力目標(biāo)：能運(yùn)用所學(xué)知識(shí)開(kāi)發(fā)一些相關(guān)項(xiàng)目；就業(yè)目標(biāo)：初級(jí)或中級(jí)網(wǎng)頁(yè)及網(wǎng)站設(shè)計(jì)師；素質(zhì)目標(biāo)：提高學(xué)習(xí)能力，不斷積累，將知識(shí)轉(zhuǎn)化為技能，并學(xué)會(huì)交流溝通和團(tuán)隊(duì)協(xié)作。

2" 教學(xué)內(nèi)容需精簡(jiǎn)實(shí)用

教學(xué)內(nèi)容精簡(jiǎn)實(shí)用，重難點(diǎn)突出。Web前端開(kāi)發(fā)技術(shù)課程的學(xué)習(xí)實(shí)際上是如何完成網(wǎng)頁(yè)元素的添加、位置布局及動(dòng)作設(shè)定的一個(gè)過(guò)程，通常涉及HTML、CSS和JavaScript 3種基本網(wǎng)頁(yè)制作技術(shù)的學(xué)習(xí)及應(yīng)用，所含知識(shí)點(diǎn)極為瑣碎。因此，該課程的教學(xué)內(nèi)容應(yīng)以網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站規(guī)劃中最實(shí)用的基本知識(shí)為重點(diǎn)進(jìn)行詳細(xì)介紹，采用由淺入深、循序漸進(jìn)的方式完成對(duì)網(wǎng)頁(yè)的構(gòu)思、規(guī)劃、制作以及網(wǎng)站構(gòu)建全過(guò)程的系統(tǒng)性介紹，使學(xué)生短時(shí)間內(nèi)高效率地快速掌握網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站規(guī)劃相關(guān)語(yǔ)言及常用設(shè)計(jì)工具的使用，培養(yǎng)學(xué)生掌握網(wǎng)頁(yè)與網(wǎng)站規(guī)劃和制作的能力，為未來(lái)進(jìn)行動(dòng)態(tài)Web網(wǎng)站的建設(shè)打下堅(jiān)實(shí)的理論與實(shí)踐基礎(chǔ)。比如，CSS選擇器是實(shí)現(xiàn)網(wǎng)頁(yè)有效布局的一個(gè)重點(diǎn)學(xué)習(xí)內(nèi)容，CSS3標(biāo)準(zhǔn)中選擇器的種類已達(dá)50種以上，但在有限的學(xué)時(shí)內(nèi)，課堂教學(xué)內(nèi)容只需保留較為常用的ID選擇器、類選擇器和標(biāo)簽選擇器等作為主講知識(shí)點(diǎn)，其他的作為課下自主學(xué)習(xí)內(nèi)容。

3" 教學(xué)案例需真實(shí)貼切

選擇適用于教學(xué)且較為系統(tǒng)完整的真實(shí)案例。該課程知識(shí)點(diǎn)繁多，對(duì)應(yīng)的教學(xué)案例也比較充足，但以往教學(xué)中的案例組織較為隨性，案例之間缺乏一定關(guān)聯(lián)性，導(dǎo)致所學(xué)知識(shí)點(diǎn)之間的融合性較差，降低了學(xué)生對(duì)該課程的全局認(rèn)知性和學(xué)習(xí)效率。因此，該課程教學(xué)中可以以淘寶、京東和亞馬遜等知名商業(yè)網(wǎng)站案例作為基礎(chǔ)，融入相關(guān)教學(xué)知識(shí)點(diǎn)并對(duì)其進(jìn)行提取改造，形成知識(shí)點(diǎn)難易程度適合且更接近真實(shí)商業(yè)活動(dòng)的教學(xué)案例。通過(guò)一個(gè)完整的商業(yè)網(wǎng)站案例先對(duì)分散的知識(shí)點(diǎn)進(jìn)行講解，再融會(huì)貫通，使學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)的局部設(shè)計(jì)和整體布局有連貫性認(rèn)知。

4" 教學(xué)設(shè)計(jì)需完整有效

構(gòu)建“案例設(shè)計(jì)+多樣化教學(xué)+學(xué)情分析”三位一體的完整教學(xué)體系設(shè)計(jì)。課程教學(xué)效果的評(píng)價(jià)結(jié)果大比例取決于教學(xué)設(shè)計(jì)是否完整有效。事實(shí)上，教學(xué)設(shè)計(jì)首先必須考慮生源的實(shí)際學(xué)習(xí)情況，其次，教學(xué)過(guò)程中是否將知識(shí)點(diǎn)融入已熟知的現(xiàn)實(shí)案例，最后需要考慮采取的教學(xué)手段是否適用、全面。因此，該課程可以采用“案例設(shè)計(jì)+多樣化教學(xué)+學(xué)情分析”三位一體的完整有效教學(xué)模式。在案例設(shè)計(jì)中，案例類型可以按照“驗(yàn)證-設(shè)計(jì)-綜合-創(chuàng)新”分層遞進(jìn)的模式進(jìn)行實(shí)驗(yàn)體系設(shè)計(jì)；教學(xué)手段以實(shí)際課堂教學(xué)為主，借助于慕課、課堂派和雨課堂等線上學(xué)習(xí)方式[5]，通過(guò)課前預(yù)習(xí)和相關(guān)網(wǎng)絡(luò)資源的學(xué)習(xí)、課中關(guān)鍵點(diǎn)的講解、實(shí)例演示及課后的進(jìn)階練習(xí)，實(shí)現(xiàn)多樣化教學(xué)的設(shè)計(jì)規(guī)劃；基于課后復(fù)習(xí)反饋及實(shí)驗(yàn)完成情況，對(duì)學(xué)情進(jìn)行及時(shí)分析與總結(jié)，適當(dāng)調(diào)整教學(xué)內(nèi)容、進(jìn)度或方法等。

5" 考核方式需靈活全面

課程成績(jī)?cè)u(píng)估方式更加注重形成性考核（過(guò)程性考核）。形成性考核可采用“4+2”的模式，其結(jié)果可根據(jù)相應(yīng)班級(jí)實(shí)際情況采取多種方式按不同比例組合給定，比如：課程考核成績(jī)=形成性考核成績(jī)=考勤（10%）+小組討論（15%）+小組匯報(bào)（10%）+階段性測(cè)試（25%）+學(xué)習(xí)筆記（20%）+設(shè)計(jì)任務(wù)（20%）。其中，考勤、小組討論、小組匯報(bào)、階段性測(cè)試是4個(gè)必選的考核項(xiàng)目?？记诎凑諏W(xué)生的實(shí)際出勤情況進(jìn)行統(tǒng)計(jì)計(jì)分；小組討論效果主要從學(xué)生參與話題或題目討論的積極性、發(fā)言的準(zhǔn)確度及完整性、與其他同學(xué)的互動(dòng)性等方面進(jìn)行評(píng)價(jià)；小組匯報(bào)結(jié)果則是根據(jù)匯報(bào)人對(duì)題目?jī)?nèi)容是否有正確而具體的認(rèn)識(shí)，以及匯報(bào)內(nèi)容的完成度和質(zhì)量等評(píng)定；階段性測(cè)試成績(jī)主要依據(jù)每個(gè)學(xué)生在完成給定測(cè)試題目的過(guò)程中應(yīng)用所學(xué)知識(shí)點(diǎn)的熟練程度、正確性，以及功能實(shí)現(xiàn)的完整性、項(xiàng)目最終的展示效果等指標(biāo)進(jìn)行評(píng)分。設(shè)計(jì)任務(wù)和學(xué)習(xí)筆記是從10多個(gè)備選考核項(xiàng)目中篩選出的，設(shè)計(jì)任務(wù)結(jié)果評(píng)定主要根據(jù)學(xué)生完成相應(yīng)綜合性任務(wù)設(shè)計(jì)的質(zhì)量情況，學(xué)習(xí)筆記考核的是學(xué)生學(xué)習(xí)過(guò)程中對(duì)課程主要知識(shí)點(diǎn)的記錄質(zhì)量，這2個(gè)考核項(xiàng)目也可根據(jù)課程性質(zhì)、學(xué)生學(xué)習(xí)情況甚至任課教師個(gè)人習(xí)慣等因素進(jìn)行替換，比如，可將學(xué)習(xí)筆記替換為實(shí)驗(yàn)報(bào)告?？傊?，為了更大程度地激發(fā)學(xué)生學(xué)習(xí)的興趣和積極性，可以采用多種方式靈活組合的課程評(píng)價(jià)體系。

6" 課程資源需配套齊全

為了便于“教”與“學(xué)”工作的順利開(kāi)展及效率的提高，一門課程體系的構(gòu)建應(yīng)提供的教學(xué)資源通常包括授課教案、教學(xué)課件、教學(xué)設(shè)計(jì)、教學(xué)進(jìn)度表、教學(xué)大綱、實(shí)驗(yàn)大綱、實(shí)驗(yàn)素材庫(kù)、案例源碼及相關(guān)資源平臺(tái)等數(shù)10種。因此，作為計(jì)算機(jī)專業(yè)的一門必修課和實(shí)踐性較強(qiáng)的入門課，Web前端開(kāi)發(fā)技術(shù)課程資源的建設(shè)尤為重要，至少應(yīng)包含上述各種資源，此外，最好也提供設(shè)計(jì)詳細(xì)的教學(xué)實(shí)施方案，包含每節(jié)課的課前知識(shí)回顧、教學(xué)目標(biāo)、教學(xué)重難點(diǎn)、教學(xué)方式選擇與設(shè)計(jì)、教學(xué)環(huán)境及資源準(zhǔn)備、教學(xué)過(guò)程、教學(xué)評(píng)價(jià)設(shè)計(jì)、教學(xué)反思，全面保障教學(xué)工作的順利進(jìn)行。

（二）" “產(chǎn)、賽、學(xué)”融合的課程教學(xué)改革主要措施

1" “以賽促學(xué)，以賽促教，以賽促創(chuàng)”的課賽融通教學(xué)模式

多數(shù)技能競(jìng)賽項(xiàng)目是由相關(guān)負(fù)責(zé)組委會(huì)通過(guò)全面調(diào)研及詳細(xì)分析，聽(tīng)取各行業(yè)相關(guān)專家的建議或意見(jiàn)，基于職業(yè)崗位實(shí)際需求而制定的[6-7]。學(xué)生參加技能大賽不僅能在反復(fù)訓(xùn)練中熟練掌握網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站制作的核心Web技能，開(kāi)闊眼界，提高自身應(yīng)變能力和心理素質(zhì)，還可以通過(guò)已取得的比賽成績(jī)提高相關(guān)企業(yè)對(duì)參賽者的認(rèn)可度。因此，各高校要多鼓勵(lì)學(xué)生參加知名企業(yè)、社團(tuán)或政府部門等舉辦的相關(guān)比賽，比如“挑戰(zhàn)杯”各省賽及國(guó)賽、國(guó)際“金方杯”創(chuàng)意設(shè)計(jì)大獎(jiǎng)賽、“星海獎(jiǎng)”大學(xué)生海洋文化創(chuàng)意設(shè)計(jì)大賽、OPPO全球青年創(chuàng)享計(jì)劃Renovators和中國(guó)“園集獎(jiǎng)”花園設(shè)計(jì)大獎(jiǎng)賽等多項(xiàng)賽事。同時(shí)，各高校也可以依據(jù)更高級(jí)別大賽的標(biāo)準(zhǔn)自行舉辦網(wǎng)頁(yè)設(shè)計(jì)類的比賽，方便學(xué)生自我檢驗(yàn)及拓展課程知識(shí)技能。此外，通過(guò)帶領(lǐng)學(xué)生參加比賽也可以有效促進(jìn)教師在教學(xué)過(guò)程中能夠緊跟時(shí)代或行業(yè)需求的步伐，不斷對(duì)教學(xué)內(nèi)容進(jìn)行優(yōu)化；再者，比賽通常都具有一個(gè)激烈競(jìng)爭(zhēng)的過(guò)程，要想取得較好的比賽成績(jī)，毫無(wú)新意的作品肯定是不可取的，這需要學(xué)生發(fā)揮其創(chuàng)新能力，提供優(yōu)秀的創(chuàng)新性成果。顯而易見(jiàn)，以競(jìng)賽為手段的課賽融通教學(xué)模式可以有效達(dá)到以賽促學(xué)、以賽促教、以賽促創(chuàng)的目的。

2" “以崗為標(biāo)，以證代考，科研反哺”的課程實(shí)踐教學(xué)多樣化協(xié)作模式

除了各種比賽的獲獎(jiǎng)證書(shū)外，計(jì)算機(jī)類的相應(yīng)職業(yè)資格等級(jí)證書(shū)等在企業(yè)中也存在著較高的認(rèn)可度。因此，對(duì)照產(chǎn)業(yè)需求，依照知名企業(yè)的崗位標(biāo)準(zhǔn)，以企業(yè)實(shí)際生產(chǎn)案例為依托，融入各項(xiàng)賽事重點(diǎn)考核內(nèi)容，對(duì)學(xué)校原有實(shí)訓(xùn)課程體系建設(shè)進(jìn)行進(jìn)一步調(diào)整與優(yōu)化，開(kāi)展“以崗位標(biāo)準(zhǔn)為目標(biāo)，以實(shí)訓(xùn)任務(wù)練技能，以專業(yè)證書(shū)代?？肌钡膶?shí)踐能力訓(xùn)練模式，以應(yīng)對(duì)學(xué)校實(shí)踐教學(xué)目標(biāo)與企業(yè)崗位需求嚴(yán)重脫節(jié)的問(wèn)題；同時(shí)，鼓勵(lì)學(xué)生（尤其是本科就業(yè)目標(biāo)較為明確的學(xué)生）考取業(yè)界認(rèn)可度較高的職業(yè)資格等級(jí)證書(shū)，既可以提高本科生就業(yè)率，也能達(dá)到為國(guó)家培養(yǎng)更多高級(jí)技能應(yīng)用型人才的目的。此外，科研以實(shí)踐為基礎(chǔ)，實(shí)踐以科研為導(dǎo)向，將科研創(chuàng)新項(xiàng)目應(yīng)用于實(shí)踐教學(xué)，讓學(xué)生也參與項(xiàng)目的研發(fā)工作，通過(guò)研發(fā)活動(dòng)反哺教學(xué)，有著十分重要的意義。比如，對(duì)于當(dāng)前與日常課程教學(xué)工作密切相關(guān)的兩項(xiàng)在研教育部產(chǎn)學(xué)合作協(xié)同育人項(xiàng)目的研發(fā)，可以選取已學(xué)過(guò)該課程、對(duì)知識(shí)點(diǎn)掌握較好且正在學(xué)習(xí)后續(xù)相關(guān)課程的部分同學(xué)參與項(xiàng)目材料的準(zhǔn)備和撰寫，不僅能夠培養(yǎng)學(xué)生的科研意識(shí)及團(tuán)隊(duì)協(xié)作能力，還能夠使學(xué)生對(duì)教學(xué)工作有進(jìn)一步的認(rèn)知，提升其換位思考的素養(yǎng)。同時(shí)，也可以將已完成的科研創(chuàng)新項(xiàng)目應(yīng)用于實(shí)踐教學(xué)，引導(dǎo)學(xué)生進(jìn)行探究式學(xué)習(xí)，激發(fā)其對(duì)業(yè)界主流技術(shù)學(xué)習(xí)的興趣和動(dòng)力，提高其創(chuàng)新及綜合實(shí)踐能力。

3" “以學(xué)促產(chǎn)，以產(chǎn)帶學(xué)”的產(chǎn)學(xué)合作協(xié)同育人模式

“以學(xué)促產(chǎn)，以產(chǎn)帶學(xué)”的產(chǎn)學(xué)合作協(xié)同育人模式主要是高校教師基于企業(yè)提供的實(shí)驗(yàn)平臺(tái)和資金，將企業(yè)技術(shù)融入到高校課程的實(shí)踐教學(xué)工作中，其目的一方面在于促進(jìn)高校教師根據(jù)企業(yè)需求對(duì)課程體系建設(shè)、實(shí)踐教學(xué)方案等進(jìn)行改進(jìn)優(yōu)化的積極性，同時(shí)讓學(xué)生以“職業(yè)人”的身份主動(dòng)參加社會(huì)定崗工作，以達(dá)到全面提高自身素質(zhì)的目的；另一方面在于減輕企業(yè)改革創(chuàng)新的成本，有效提高從業(yè)人員素質(zhì)，從而增加企業(yè)發(fā)展的資本和潛力。在產(chǎn)學(xué)合作過(guò)程中，各高校及相關(guān)科研機(jī)構(gòu)等要加強(qiáng)與企業(yè)合作的密度，不斷提高校企平臺(tái)建設(shè)的質(zhì)量和利用率。比如，可以合作建設(shè)“眾創(chuàng)空間”，可以實(shí)時(shí)發(fā)布各企業(yè)對(duì)相關(guān)人才的具體技術(shù)需求，可以為學(xué)生提供在線學(xué)習(xí)資源或?qū)?yīng)能力的崗位實(shí)習(xí)機(jī)會(huì)，也可以邀請(qǐng)企業(yè)及校外專家進(jìn)行相關(guān)項(xiàng)目開(kāi)發(fā)經(jīng)驗(yàn)的交流等等。另外，各高校也可充分利用自身已有的硬件資源，如校級(jí)或院級(jí)實(shí)驗(yàn)室、工作室等，聘請(qǐng)企業(yè)專家兼職授課，為學(xué)生提供更多接觸實(shí)際生產(chǎn)實(shí)踐的機(jī)會(huì)。多種形式的校企產(chǎn)學(xué)合作能夠促使學(xué)生積極參與交流學(xué)習(xí)，為其創(chuàng)新創(chuàng)業(yè)能力的培養(yǎng)提供更多的資金及經(jīng)驗(yàn)支持。

“產(chǎn)、賽、學(xué)”任何一方的發(fā)展都會(huì)為其他兩方的突破帶來(lái)新的機(jī)遇，反之，任何一方的停滯不前也會(huì)使其他兩方的發(fā)展受到一定的約束或限制。顯然，這三者之間存在著相互存進(jìn)、相互制約的密切關(guān)系。因此，在“產(chǎn)、賽、學(xué)”相互融通的過(guò)程中，學(xué)?？梢远ㄆ趯?duì)課程體系內(nèi)容調(diào)整后的學(xué)生學(xué)習(xí)效果進(jìn)行測(cè)評(píng)，企業(yè)也可以對(duì)學(xué)生參與生產(chǎn)實(shí)踐的業(yè)績(jī)進(jìn)行度量，以便檢驗(yàn)產(chǎn)學(xué)融合的成效，進(jìn)一步使“產(chǎn)、賽、學(xué)”融合下的Web前端技術(shù)課程建設(shè)的再論證再優(yōu)化模式形成良性循環(huán)，促進(jìn)學(xué)校與企業(yè)共同發(fā)展。

三" 結(jié)束語(yǔ)

將“產(chǎn)、賽、學(xué)”融入Web前端開(kāi)發(fā)技術(shù)課程教學(xué)的主要優(yōu)點(diǎn)在于能夠使課程體系建設(shè)的重點(diǎn)更明確、更突出，產(chǎn)學(xué)合作的方式和內(nèi)容更深入。不僅打破了傳統(tǒng)僅以教師為中心的課堂教學(xué)模式，以學(xué)生為中心，充分調(diào)動(dòng)了學(xué)生學(xué)習(xí)的積極性、主動(dòng)性和創(chuàng)新能力，也有效促進(jìn)了產(chǎn)業(yè)技術(shù)向高校課堂的快速過(guò)渡和轉(zhuǎn)化，大大提升了課堂教學(xué)質(zhì)量，校企雙方均受益。

參考文獻(xiàn)：

[1] 丁曉梅，汪靜，趙麗紅.新時(shí)期“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程教學(xué)改革探析[J].北京印刷學(xué)院學(xué)報(bào)，2020，28（12）：124-126.

[2] 劉仲馳.混合式教學(xué)在計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)與制作課程中的應(yīng)用[J].電腦知識(shí)與技術(shù)，2021，17（18）：141-142，152.

[3] 張軍.信息管理與信息系統(tǒng)專業(yè)課程建設(shè)探討——以網(wǎng)頁(yè)設(shè)計(jì)課程為例[J].教育教學(xué)論壇，2020（46）：22-24.

[4] 鄭婭峰，李艷燕，黃志南，等.基于微課程的高校翻轉(zhuǎn)課堂實(shí)踐研究[J].現(xiàn)代教育技術(shù)，2016，26（1）：60-66.

[5] 劉美然.基于翻轉(zhuǎn)課堂的中職《網(wǎng)頁(yè)設(shè)計(jì)與制作》課教學(xué)設(shè)計(jì)與實(shí)踐研究[D].桂林：廣西師范大學(xué)，2021.

[6] 李浩泉.論“產(chǎn)教融合、以賽促學(xué)”的職業(yè)院校技能大賽[J].教育與職業(yè)，2019（18）：104-108.

[7] 趙小剛，王峰，汪鼎文，等.以學(xué)科競(jìng)賽為抓手的產(chǎn)學(xué)協(xié)同育人模式研究[J].計(jì)算機(jī)教育，2021（4）：46-50.

基金項(xiàng)目：教育部產(chǎn)學(xué)合作協(xié)同育人項(xiàng)目“《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站規(guī)劃》教學(xué)改革與課程體系建設(shè)”（202102024033）、“面向大數(shù)據(jù)人才培養(yǎng)的創(chuàng)新創(chuàng)業(yè)教育課程體系研究——以數(shù)據(jù)庫(kù)原理為例”（202102015059）；2020年度河南省新農(nóng)科研究與實(shí)踐改革項(xiàng)目“‘互聯(lián)網(wǎng)+雙創(chuàng)’背景下中藥和農(nóng)林院校信息類公共課程體系的創(chuàng)新研究及實(shí)踐”（2020JGLX126）

第一作者簡(jiǎn)介：李繼蕊（1979-），女，漢族，河南新鄉(xiāng)人，博士，副教授，碩士研究生導(dǎo)師。研究方向?yàn)橛?jì)算機(jī)教育、物聯(lián)網(wǎng)、可信與分布式服務(wù)計(jì)算。

*通信作者：鄭婭峰（1979-），女，漢族，河南洛陽(yáng)人，博士，教授，碩士研究生導(dǎo)師。研究方向?yàn)榻逃夹g(shù)、計(jì)算機(jī)教育。