混合式教學(xué)模式下Web前端技術(shù)教學(xué)資源建設(shè)研究

于建軍 宋妍

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

關(guān)鍵詞：混合式教學(xué)模式;Web前端技術(shù);教學(xué)資源

1 Web前端技術(shù)教學(xué)資源建設(shè)要求與目標(biāo)

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

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

2 Web前端技術(shù)教學(xué)資源建設(shè)思路

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

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

3 混合式教學(xué)模式下Web前端技術(shù)教學(xué)資源建設(shè)的具體內(nèi)容

混合式教學(xué)模式下Web前端技術(shù)教學(xué)資源的建設(shè)首先要設(shè)置相應(yīng)的規(guī)范標(biāo)準，然后按照教學(xué)目標(biāo)來確定不同性質(zhì)和層次的教學(xué)資源。具體而言，可從以下幾個方面入手：

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

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

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

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

4 結(jié)語

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

參考文獻：

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

[2]胡如會.基于OBE的Web前端開發(fā)技術(shù)課程教學(xué)改革[J].貴州工程應(yīng)用技術(shù)學(xué)院學(xué)報，2021，39（03）：94-100.

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

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

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

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