混合式教學模式下Web前端技術教學資源建設研究

于建軍 宋妍

摘 要：Web前端技術教學是當前計算機教學中的重要內容之一，在混合式教學模式下，Web前端技術教學要注重教學資源的建設，打造以學生為中心的教學資源庫，用開放、實用來突出線上線下的聯動，以此來進一步強化教學的效果。基于此，本文從Web前端技術教學資源建設要求與目標入手，首先分析Web前端技術教學資源建設思路，然后探究混合教學模式下Web前端技術教學資源建設的具體內容，希望可以借此給相關的研究提供一定的參考。

關鍵詞：混合式教學模式;Web前端技術;教學資源

1 Web前端技術教學資源建設要求與目標

隨著Web前端技術的高速發展，當下前端工程師已經逐步從軟件開發的崗位中細分出來，因此企業對前端技術人才的需求量也與日俱增。在這一背景下，高校要與社會需求相對接，針對性的開展Web前端技術教學工作。從當前的實際情況來看，Web前端技術課程教學資源的建設要突出以學生為中心，注重培養學生的實際動手能力，鼓勵學生模仿、反思和創新。在這方面教學資源建設需將線上資源與線下教材相融合構建新的學習平臺，讓學生成為知識的使用者和資源的創建者，這樣不僅有利于學習資源的共享，而且能提高學生的自主學習能力。

在進行教學資源建設時，還可用二維碼的形式來聯系線上和線下，所有的教材都在章節附有二維碼，學生可快速找到對應的線上資源。而且學生在線上平臺進行資源創建時，管理員和教師也要進行審核，這樣就能加強二者的對應。除此之外，在教學資源建設中還要充分的將理論與實踐結合，借助案例來讓學生進入情景完成特定項目，以此來鍛煉其解決實際問題的能力。

2 Web前端技術教學資源建設思路

Web前端技術教學資源建設要突出全方位育人，重視學生職業素質與情感目標的培養，因此在課程資源建設中可加入課程思政，培養學生設計和創作過程中的工匠精神，注重傳播正能量與家國情懷。其次，在教學資源建設的過程中還可采用逆向工程的形式，首先深入企業進行Web前端工程師崗位需求的調研，分析企業崗位的技能與素質需求，然后結合教學經驗來進行歸納和總結，設計教學的重點，這樣在人才培養中才能更具針對性，形成標準化的教材開發流程。

Web前端技術教學資源建設需考慮到課程的實用性，因此還可用案例分析和項目貫穿的形式來組織內容，這樣學生在學習知識點時還能有效結合實踐，對于加強理論學習效果和培養學生動手能力都有著重要的意義。針對這一方面，在教學資源建設時可按照內容進行劃分，合理的嵌入案例分析模塊，讓學生在實踐中進一步深化對理論知識的理解。另外，教學資源的建設要注重多層次和立體化，打造可拓展的教學資源庫，其中不僅要包括案例、課件、教學指導手冊，同時也要有視頻、分層次基礎訓練等，充分滿足學生的多樣化需求。在這方面可鼓勵師生共同構建教學資源，通過平臺的不斷沉淀來積累優秀案例，使資源能夠不斷更新。

3 混合式教學模式下Web前端技術教學資源建設的具體內容

混合式教學模式下Web前端技術教學資源的建設首先要設置相應的規范標準，然后按照教學目標來確定不同性質和層次的教學資源。具體而言，可從以下幾個方面入手：

（1）教材大綱的編寫。教材大綱屬于指導性的教學資源，它是Web前端技術課程教學活動的綱領性文件。在混合式教學模式下，教學大綱的編寫要圍繞教學目標、課程性質、教學重難點、學時、考核方式等綜合性的開展，確保教學大綱具有實際指導意義，能夠引領教學活動的順利開展。

（2）教材編寫。教材是知識的重要載體，它按照教學目標來劃分章節，其中每一章又分為上機操作部分和理論部分。為了規范教材的編寫，理論部分的知識模塊和案例模塊應盡量打造成雙核模式，讓學生可以邊學邊練，這樣就能有效的指導學生加強實踐能力的培養。其次，在利用項目開展教學時需明確項目需求，讓學生從問題入手自主分析，提升其解決實際問題的能力。為了加強線上和線下的聯系，教材的知識點可配相應的案例二維碼，將線上資源融入到線下教學中，為開展混合式教學、翻轉課堂等奠定堅實的基礎。

（3）教學課件與視頻錄制。教學課件與視頻的錄制應以問題為導向，然后在其中導入知識點，借助案例與實踐操作進一步深化講解.整個過程應清晰流暢，明確教學思路，為學生構建起相應的知識體系。在這方面可借助思維導圖的形式來開展，用小視頻示范等形式將抽象的知識具體化，讓學生有更直觀的感受。

（4）課程案例與項目的編制。課程案例與項目對學生深化理解知識點有著重要的幫助，因此在課程案例與項目的編制中要圍繞常見問題和知識點開展，讓學生在解決問題的過程中將知識內化，同時培養學生自主思考能力和解決實際問題能力。一般而言，案例包括問題需求、分析思路、總結等。在建設教學 資源時可將各課程案例與項目歸納，按照其特色分解到每個章節，讓學生在學習的過程中不斷增加和迭代，最終完成整個項目。

4 結語

混合式教學模式下，線上線下教學是建設課程資源的重點所在，特別是對于Web前端技術課程而言，其教學資源建設更是需要不斷的更新，加入新的案例與項目。因此在這方面要注重學生的參與，打造以學生為中心的模式，然后從教材大綱的編寫、教材編寫、教學課件與視頻錄制、課程案例與項目的編制幾個方面來重點推進。本文就此展開了相關的分析，希望可以借此給混合式教學模式下Web前端課程教學資源建設的完善提供一定的參考。

參考文獻：

[1]盧秋錦.基于“WEB前端技術”課程的智慧課堂構建與實踐[J].寧波工程學院學報，2021，33（02）：121-127.

[2]胡如會.基于OBE的Web前端開發技術課程教學改革[J].貴州工程應用技術學院學報，2021，39（03）：94-100.

[3]鄧慈云，胡柳，吳瑤.基于Web前端設計課程教學在高職院校中的探索研究[J].電腦知識與技術，2021，17（13）：102-103.

[4]李澤文，陳曉柱.混合式教學模式下“前端設計技術”課程的教學研究與實踐[J].廣東職業技術教育與研究，2021（02）：29-31.

作者簡介：于建軍（1981.8-）男，漢族，山東濰坊人，副主任，講師，碩士，主要從事計算機專業研究

宋妍（1983.12.15）女，漢族，山東榮成人，助理講師，本科，計算機專業教師。