數字化賦能下的高職Web前端課程教學研究

黃青

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

【關鍵詞】 數字賦能；高職院校；web前端課程；校本教材；智慧課堂

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

一、高職Web前端課程教學現狀研究

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

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

（二）高職Web前端課程教學的不足

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

二、數字化在Web前端教學中的促進作用

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

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

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

三、數字化在Web前端教學中對教師教學的作用及要求

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

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

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

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

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

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

本教材以高等職業(yè)院校計算機應用技術專業(yè)中Web前端網頁相關課程為基礎，結合教學大綱的要求，秉承“崗位需求、項目引領、任務驅動”的學習理念，以項目案例為主線，采用情境教學模式，通過案例將各章節(jié)知識點有機串聯(lián)起來。

教材遵循由淺入深、循序漸進的原則。首先，介紹項目案例涉及的相關知識點；然后，對該項目進行整體劃分、布局并定義基礎樣式；接著，將整個項目分模塊，從結構、樣式、特效等方面進行搭建與控制；最后，系統(tǒng)總結整個項目所需掌握的知識與達成的目標。

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

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

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

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

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

（一）Web前端智慧課堂教學實施

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

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

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

（二）實行“企業(yè)導師＋學校教師”的雙導師制模式

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

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

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

六、結語

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

參考文獻：

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

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

［3］ 劉德陽，劉奎，王廣軍. Web前端開發(fā)課程項目化教學改革與實踐［J］. 智庫時代，2019（36）：181-182.

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

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

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