黃青

【摘? 要】 數(shù)字化技術(shù)為高職Web前端課程注入了新的活力，不僅提供了豐富多樣的學(xué)習(xí)資源，促進(jìn)了學(xué)生實(shí)踐技能的提升，而且對(duì)高職Web前端課程的教師提出了新的要求和挑戰(zhàn)。教師需要更好地利用數(shù)字化工具和資源，以滿足學(xué)生的學(xué)習(xí)需求。因此，文章將從兩個(gè)方面展開(kāi)研究：一是利用數(shù)字化技術(shù)研發(fā)適合高職院校學(xué)生特點(diǎn)的Web前端校本教材，二是搭建Web前端智慧課堂。文章旨在探討如何充分利用數(shù)字化技術(shù)改進(jìn)高職Web前端課程的教學(xué)，從而為社會(huì)培養(yǎng)出實(shí)用型人才。

【關(guān)鍵詞】 數(shù)字賦能；高職院校；web前端課程；校本教材；智慧課堂

Web前端作為高職院校計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)的重要方向，旨在培養(yǎng)具備計(jì)算機(jī)科學(xué)與技術(shù)基礎(chǔ)理論、基本技能以及實(shí)踐能力的人才，特別是要培養(yǎng)具備扎實(shí)前端技術(shù)的人才。然而，傳統(tǒng)的教學(xué)模式存在一定的局限性，制約了學(xué)生的發(fā)展。因此，本論文旨在研究如何借助數(shù)字化的力量改進(jìn)Web前端課程的教學(xué)，以使高職院校計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)能夠更好地滿足社會(huì)的需求，培養(yǎng)出更具實(shí)用性的人才。

一、高職Web前端課程教學(xué)現(xiàn)狀研究

（一）高職Web前端課程教學(xué)發(fā)展

近年來(lái)，隨著各類Web應(yīng)用的大量涌現(xiàn)，信息化水平取得了極大提升，為人們的日常生活帶來(lái)了更多便利。伴隨著Web應(yīng)用的發(fā)展，Web應(yīng)用程序的前端，即客戶端開(kāi)發(fā)技術(shù)也越來(lái)越受到人們的重視。這一技術(shù)由網(wǎng)頁(yè)設(shè)計(jì)與制作演變而來(lái)，通過(guò)豐富的多媒體和良好的交互形式為用戶提供了更好的體驗(yàn)。因此，Web前端技術(shù)崗位也成了IT行業(yè)中比較熱門的職位。高職院校的計(jì)算機(jī)應(yīng)用專業(yè)，為了培養(yǎng)相關(guān)人才，其Web前端課程普遍涉及HTML、CSS、JavaScript等前端基礎(chǔ)內(nèi)容，以及一些框架和庫(kù)的使用，例如React、Vue等。這些課程對(duì)學(xué)生的職業(yè)能力培養(yǎng)和職業(yè)素養(yǎng)的形成起著至關(guān)重要的作用。

（二）高職Web前端課程教學(xué)的不足

隨著新技術(shù)的不斷涌現(xiàn)，高職院校的Web前端技術(shù)人才培養(yǎng)模式已經(jīng)有些滯后?，F(xiàn)有的專業(yè)基礎(chǔ)知識(shí)與實(shí)際崗位需求之間存在差距，因此需要對(duì)課程體系進(jìn)行改革與重構(gòu)，不斷改進(jìn)教學(xué)內(nèi)容和方法，以提高人才培養(yǎng)與實(shí)際崗位需求的吻合度。相對(duì)于傳統(tǒng)的網(wǎng)頁(yè)制作課程，Web前端課程的難度更大，知識(shí)點(diǎn)繁多、操作性強(qiáng)。通過(guò)多位專業(yè)教師的研討，發(fā)現(xiàn)許多高職院校Web前端課程的教學(xué)都存在問(wèn)題。首先，當(dāng)前的教材知識(shí)點(diǎn)分散，無(wú)法很好地將知識(shí)點(diǎn)進(jìn)行串聯(lián)，導(dǎo)致理論與實(shí)踐脫節(jié)。其次，傳統(tǒng)的教師講課、學(xué)生聽(tīng)課的教學(xué)模式過(guò)于被動(dòng)，無(wú)法激發(fā)學(xué)生的積極性。最后，許多高職院校對(duì)該課程的學(xué)時(shí)安排不夠合理，導(dǎo)致學(xué)生的動(dòng)手機(jī)會(huì)少。因此，如何培養(yǎng)學(xué)生的實(shí)踐能力，更好地將所學(xué)知識(shí)應(yīng)用于實(shí)踐，是該課程教學(xué)研究的關(guān)鍵所在。

二、數(shù)字化在Web前端教學(xué)中的促進(jìn)作用

數(shù)字化教育通過(guò)互聯(lián)網(wǎng)為學(xué)生提供了在線教材、學(xué)習(xí)視頻和電子書(shū)籍等資料，學(xué)生可以根據(jù)自己的需求隨時(shí)隨地獲取這些資源。這種數(shù)字化學(xué)習(xí)環(huán)境有利于學(xué)生更好地理解和掌握知識(shí)，也能夠讓更多學(xué)生接觸到優(yōu)質(zhì)的教育資源，不受地域、經(jīng)濟(jì)條件等因素制約，都能享受到同等的教育機(jī)會(huì)。

數(shù)字化教育提供了互動(dòng)式的學(xué)習(xí)方式，例如在線討論和合作項(xiàng)目等，這種學(xué)習(xí)方式更能夠激發(fā)學(xué)生的學(xué)習(xí)興趣和主動(dòng)性。學(xué)生可以分享自己的觀點(diǎn)，并從其他同學(xué)的觀點(diǎn)中獲得啟發(fā)，同時(shí)也培養(yǎng)了學(xué)生的溝通與協(xié)作能力。在傳統(tǒng)教學(xué)模式中，教師難以結(jié)合每個(gè)學(xué)生的學(xué)習(xí)進(jìn)度，滿足其個(gè)性化需求，而在數(shù)字化教學(xué)中，學(xué)生可以根據(jù)自己的學(xué)習(xí)進(jìn)度和興趣進(jìn)行個(gè)性化學(xué)習(xí)，從而提高學(xué)習(xí)效率。并且，數(shù)字化教育注重培養(yǎng)學(xué)生的實(shí)踐操作能力，為學(xué)生提供了模擬實(shí)踐的場(chǎng)景。在教師的指導(dǎo)下完成實(shí)戰(zhàn)項(xiàng)目可以有效提升學(xué)生解決實(shí)際問(wèn)題的能力。此外，在數(shù)字化教育環(huán)境下，學(xué)生可以接觸到更多的前沿知識(shí)和技術(shù)，這有利于培養(yǎng)學(xué)生的創(chuàng)新思維和創(chuàng)新能力。

由此可見(jiàn)，數(shù)字化在高職Web前端課程教學(xué)中扮演著重要的角色，對(duì)學(xué)生的全面發(fā)展有著積極的影響。

三、數(shù)字化在Web前端教學(xué)中對(duì)教師教學(xué)的作用及要求

數(shù)字化技術(shù)為教育帶來(lái)了革命性的變化，使教師能夠更便捷地分享各類教學(xué)資源，包括課件、教案和習(xí)題等，從而促進(jìn)了教師之間的合作與交流，進(jìn)一步提高了教學(xué)質(zhì)量。同時(shí)，數(shù)字化工具如在線課程平臺(tái)和數(shù)字化教室也大幅簡(jiǎn)化了教學(xué)流程，提升了教學(xué)效率。通過(guò)這些工具，教師能夠更快捷地布置作業(yè)、批改作業(yè)以及與學(xué)生進(jìn)行互動(dòng)。

數(shù)字化教育不僅改善了教學(xué)過(guò)程，還改變了學(xué)生的學(xué)習(xí)方式。多媒體和網(wǎng)絡(luò)技術(shù)提升了學(xué)生的學(xué)習(xí)參與度，同時(shí)也方便了教師追蹤學(xué)生的學(xué)習(xí)進(jìn)度，從而更好地調(diào)整教學(xué)策略。在數(shù)字化教育環(huán)境下，教師還能夠通過(guò)在線課程和網(wǎng)絡(luò)研討會(huì)等方式不斷學(xué)習(xí)和更新知識(shí)，以提升自身的專業(yè)素養(yǎng)，進(jìn)而提高教學(xué)質(zhì)量。

高職Web前端課程的教學(xué)水平和師資力量是影響教學(xué)質(zhì)量的重要因素。教師需要具備數(shù)字化教育工具與平臺(tái)的熟練運(yùn)用能力，并且接受數(shù)字化教育的新理念，注重培養(yǎng)學(xué)生的自主學(xué)習(xí)和創(chuàng)新能力。考慮到數(shù)字化教育涉及多領(lǐng)域知識(shí)和技術(shù)，教師需要具備跨學(xué)科的知識(shí)結(jié)構(gòu)，以滿足學(xué)生的學(xué)習(xí)需求。在數(shù)字化教育環(huán)境下，教師還需不斷創(chuàng)新教學(xué)方法和手段，根據(jù)學(xué)生的學(xué)習(xí)情況和反饋調(diào)整教學(xué)策略，同時(shí)持續(xù)提升自身的專業(yè)素養(yǎng)和能力，以確保教學(xué)的時(shí)效性和準(zhǔn)確性。

四、Web前端課程校本教材開(kāi)發(fā)研究

根據(jù)高職院校學(xué)生的特點(diǎn)及企業(yè)對(duì)人才的需求，研究開(kāi)發(fā)適合高職院校學(xué)生特點(diǎn)和滿足企業(yè)對(duì)人才的需求的Web前端校本教材，同時(shí)在教材中融入“1+X”認(rèn)證Web前端考試的相關(guān)內(nèi)容。

（一）校本教材的開(kāi)發(fā)思路

本教材以高等職業(yè)院校計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)中Web前端網(wǎng)頁(yè)相關(guān)課程為基礎(chǔ)，結(jié)合教學(xué)大綱的要求，秉承“崗位需求、項(xiàng)目引領(lǐng)、任務(wù)驅(qū)動(dòng)”的學(xué)習(xí)理念，以項(xiàng)目案例為主線，采用情境教學(xué)模式，通過(guò)案例將各章節(jié)知識(shí)點(diǎn)有機(jī)串聯(lián)起來(lái)。

教材遵循由淺入深、循序漸進(jìn)的原則。首先，介紹項(xiàng)目案例涉及的相關(guān)知識(shí)點(diǎn)；然后，對(duì)該項(xiàng)目進(jìn)行整體劃分、布局并定義基礎(chǔ)樣式；接著，將整個(gè)項(xiàng)目分模塊，從結(jié)構(gòu)、樣式、特效等方面進(jìn)行搭建與控制；最后，系統(tǒng)總結(jié)整個(gè)項(xiàng)目所需掌握的知識(shí)與達(dá)成的目標(biāo)。

本教材適用于具有網(wǎng)頁(yè)設(shè)計(jì)與制作理論基礎(chǔ)，希望進(jìn)一步提升設(shè)計(jì)與制作能力的中級(jí)學(xué)者。它不僅可作為高等院校計(jì)算機(jī)相關(guān)專業(yè)的課程學(xué)習(xí)與實(shí)踐教材，還可供相關(guān)行業(yè)及專業(yè)工作人員學(xué)習(xí)和參考。

（二）編寫(xiě)目的及創(chuàng)新性

編寫(xiě)本教材的初衷是利用數(shù)字化平臺(tái)分享一線教師多年的課堂實(shí)踐經(jīng)驗(yàn)，通過(guò)常用的實(shí)用案例全面提升學(xué)生的設(shè)計(jì)和制作能力。本教材融匯了多位教師多年的經(jīng)驗(yàn)積累，在表達(dá)方式和語(yǔ)言風(fēng)格上更為親切易懂，力求文字簡(jiǎn)潔、條理清晰，以達(dá)到深入淺出的教學(xué)效果。相比傳統(tǒng)教條式的技術(shù)書(shū)籍，本教材更注重直觀性和易讀性，避免了多余的內(nèi)容，使學(xué)生能夠清晰地理解需要掌握的知識(shí)點(diǎn)。此外，本教材引入的理論知識(shí)都是根據(jù)項(xiàng)目實(shí)際需求進(jìn)行介紹，有助于鞏固基礎(chǔ)，能夠激發(fā)學(xué)生的主動(dòng)學(xué)習(xí)積極性。教材還介紹了當(dāng)今Web前端網(wǎng)頁(yè)較前沿的技術(shù)，具有與時(shí)俱進(jìn)的特點(diǎn)。主要針對(duì)具有網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ)的學(xué)生，采用項(xiàng)目式編寫(xiě)體系規(guī)劃全書(shū)內(nèi)容，以實(shí)用性為主，結(jié)構(gòu)安排更符合學(xué)生的認(rèn)知習(xí)慣。

五、Web前端課程智慧課堂搭建

校本教材開(kāi)發(fā)完成后，為了確保學(xué)生能夠全面系統(tǒng)地掌握相關(guān)知識(shí)，研發(fā)人員專門在學(xué)習(xí)通智慧平臺(tái)上建立了一個(gè)Web前端智慧課堂。同時(shí)，還研究了如何將雙導(dǎo)師制度和“1+X”認(rèn)證Web前端考試融入這個(gè)智慧課堂中。

（一）Web前端智慧課堂教學(xué)實(shí)施

在本課程中，每個(gè)章節(jié)都必須設(shè)定一個(gè)主題任務(wù)（如圖1），明確任務(wù)涉及的重點(diǎn)知識(shí)，并對(duì)其進(jìn)行深入分析，確立明確的教學(xué)目標(biāo)。接著，根據(jù)課程的難易程度，合理劃分各個(gè)模塊，以確保課程設(shè)置與教學(xué)目標(biāo)相符，并合理分配課時(shí)，以避免給學(xué)生造成過(guò)大壓力。隨后，逐步對(duì)任務(wù)進(jìn)行詳細(xì)講解，重點(diǎn)攻克難點(diǎn)。在視頻錄制過(guò)程中，每位教師用措辭嚴(yán)謹(jǐn)、流暢清晰的語(yǔ)言，與學(xué)生積極互動(dòng)，不僅將一些枯燥的理論知識(shí)講得生動(dòng)有趣，把抽象的概念具體化，還激發(fā)了學(xué)習(xí)者的學(xué)習(xí)積極性。

每次發(fā)布教學(xué)任務(wù)后，教師可以在后臺(tái)獲取學(xué)生的課程學(xué)習(xí)情況，并根據(jù)學(xué)習(xí)進(jìn)度發(fā)布相應(yīng)的作業(yè)與測(cè)試。所有選課學(xué)生都必須完成答題任務(wù)，并上傳操作完成后的效果圖。教師會(huì)在線批改作業(yè)，并反饋學(xué)生任務(wù)成績(jī)。課后，學(xué)生可選擇在討論環(huán)節(jié)與教師交流問(wèn)題，也可自行出題，讓其他同學(xué)參與討論。在教學(xué)過(guò)程中，教師采用多種教學(xué)方法，如案例式、探究式、混合式和討論式，以滿足不同學(xué)生的學(xué)習(xí)風(fēng)格，確保學(xué)生能輕松愉快地掌握所有內(nèi)容。

為提高計(jì)算機(jī)應(yīng)用專業(yè)實(shí)踐教學(xué)質(zhì)量，需要構(gòu)建科學(xué)合理的學(xué)習(xí)考核與評(píng)價(jià)體系。在學(xué)習(xí)考核評(píng)價(jià)中，結(jié)合學(xué)生自評(píng)、學(xué)生互評(píng)、教師評(píng)價(jià)以及企業(yè)導(dǎo)師點(diǎn)評(píng)等多種有效的評(píng)價(jià)方式，同時(shí)將學(xué)生的學(xué)習(xí)態(tài)度、練習(xí)成績(jī)、階段測(cè)試和期末成績(jī)納入學(xué)業(yè)成績(jī)中，形成綜合考核與評(píng)價(jià)。在評(píng)價(jià)方法上，強(qiáng)調(diào)職業(yè)資格證書(shū)的重要性，并將Web前端“1+X”認(rèn)證考試貫穿于評(píng)價(jià)體系中。

（二）實(shí)行“企業(yè)導(dǎo)師＋學(xué)校教師”的雙導(dǎo)師制模式

本校已在學(xué)習(xí)通平臺(tái)上成功完成了一個(gè)教學(xué)周期的在線教學(xué)實(shí)踐，并且獲得了學(xué)生良好的反饋。結(jié)合在線與線下教學(xué)模式，學(xué)習(xí)效果顯著提高。未來(lái)，將進(jìn)一步完善課程內(nèi)容，擴(kuò)展新的功能，并邀請(qǐng)企業(yè)導(dǎo)師參與實(shí)踐教學(xué)，以期為學(xué)生提供更多實(shí)踐機(jī)會(huì)。同時(shí)，教師也將持續(xù)改進(jìn)課程的考核評(píng)價(jià)機(jī)制，旨在培養(yǎng)具備職業(yè)素養(yǎng)和實(shí)用技能的人才，為企業(yè)輸送更多優(yōu)秀英才。

（三）立足省技能抽考，融入Web前端“1+X”認(rèn)證考試

傳統(tǒng)教學(xué)模式存在教學(xué)方法單一、教材質(zhì)量參差不齊等問(wèn)題，導(dǎo)致了Web前端開(kāi)發(fā)課程存在學(xué)生學(xué)習(xí)興趣不高、動(dòng)手能力不強(qiáng)的問(wèn)題，無(wú)法滿足學(xué)生對(duì)前端知識(shí)體系的整體認(rèn)知需求，更難以適應(yīng)企業(yè)日益復(fù)雜多變的工作要求。為了應(yīng)對(duì)省技能抽考、提高Web前端“1+X”認(rèn)證考試的通過(guò)率，并落實(shí)高職院校對(duì)人才的培養(yǎng)要求，本校團(tuán)隊(duì)成員共同努力優(yōu)化了本課程，在引入知識(shí)點(diǎn)時(shí)非常直觀，沒(méi)有多余內(nèi)容，讓學(xué)生能夠清晰明了自己需要掌握的知識(shí)點(diǎn)。同時(shí)，課程還涵蓋了當(dāng)今Web前端網(wǎng)頁(yè)較前沿的技術(shù)，具有與時(shí)俱進(jìn)的特點(diǎn)。

六、結(jié)語(yǔ)

在數(shù)字化時(shí)代，教育的面貌正在發(fā)生變化。通過(guò)本文的探討，可以清晰地看到數(shù)字化教育對(duì)高職院校Web前端課程的重要性以及其所帶來(lái)的種種好處。數(shù)字化技術(shù)為教師和學(xué)生提供了更多便利，同時(shí)也提升了教學(xué)質(zhì)量和學(xué)習(xí)效果。通過(guò)校本教材的開(kāi)發(fā)、智慧課堂的建立以及教學(xué)評(píng)價(jià)體系的完善，教職人員能夠更好地適應(yīng)時(shí)代的需求，培養(yǎng)出更符合社會(huì)需求的實(shí)用型人才。隨著教育技術(shù)的不斷發(fā)展，團(tuán)隊(duì)有信心將數(shù)字化教育的優(yōu)勢(shì)最大化，為教育事業(yè)的進(jìn)步做出更大的貢獻(xiàn)。

參考文獻(xiàn)：

［1］ 嚴(yán)亞寧. 以企業(yè)需求為導(dǎo)向的Web前端開(kāi)發(fā)課程體系改革與探索［J］. 電腦知識(shí)與技術(shù)，2021，17（18）：175-176.

［2］ 朱建晨，田錦，楊新建，等. 基于“PBL”教學(xué)方法的高職實(shí)踐類課程線上教學(xué)的探索及應(yīng)用：以“基因操作技術(shù)”為例［J］. 農(nóng)產(chǎn)品加工，2023（09）：101-104+107.

［3］ 劉德陽(yáng)，劉奎，王廣軍. Web前端開(kāi)發(fā)課程項(xiàng)目化教學(xué)改革與實(shí)踐［J］. 智庫(kù)時(shí)代，2019（36）：181-182.

［4］ 左濤，鄭曉萍，吳忠坤. 職業(yè)教育教師數(shù)字化能力提升策略和途徑：以廣東省高職教師為例［A］//北京大學(xué)出版社. 北京大學(xué)出版社2023年教育數(shù)字化轉(zhuǎn)型與智能教育發(fā)展研討會(huì)論文集［C］. 廣東輕工職業(yè)技術(shù)學(xué)院，廣東行政職業(yè)學(xué)院，2023：5.

［5］ 俞林俊，陳亮. 談慕課（MOOC）在高職教學(xué)中的作用和發(fā)展［J］. 現(xiàn)代職業(yè)教育，2016（22）：30.

*湘西民族職業(yè)技術(shù)學(xué)院2023年度院級(jí)科學(xué)研究項(xiàng)目“數(shù)字化賦能下的高職Web前端課程教學(xué)研究”（項(xiàng)目編號(hào)：K202301）。