鐘佳伶

摘要：混合式教學(xué)模式是將線上教學(xué)與線下課堂有機融合，以提升教學(xué)效果的一種新型教學(xué)模式，文章將這種模式應(yīng)用于前端框架應(yīng)用開發(fā)課程的教學(xué)改革與實踐研究中。通過構(gòu)思設(shè)計與課程相關(guān)的案例、實驗及綜合項目，將課程的理論知識與實踐應(yīng)用緊密結(jié)合，以滿足不同層次學(xué)生的學(xué)習(xí)需求。通過在線學(xué)習(xí)平臺，將教學(xué)實施過程主要分為三個環(huán)節(jié)：課前線上預(yù)習(xí)、課中線下教學(xué)、課后鞏固實踐，構(gòu)建以學(xué)生為主體、以理論為基礎(chǔ)、以實踐為主導(dǎo)的課程體系，有效地推進了課程的教學(xué)改革，提高了學(xué)生學(xué)習(xí)的積極性與主動性。

關(guān)鍵詞：混合式教學(xué)模式；前端框架應(yīng)用開發(fā)；課程體系；教學(xué)改革

中圖分類號：G642 文獻標(biāo)識碼：A

文章編號：1009-3044（2024）13-0170-04 開放科學(xué)（資源服務(wù)）標(biāo)識碼（OSID） ：

0 引言

隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，現(xiàn)代信息技術(shù)逐步融入教學(xué)之中，在教育教學(xué)信息化的背景下，混合式教學(xué)模式從眾多教學(xué)模式中脫穎而出[1]。這種教學(xué)模式的主要特點就是充分發(fā)揮了線上與線下教學(xué)的優(yōu)勢，對傳統(tǒng)的教學(xué)模式進行了深度的改革與實踐?！熬€上”教學(xué)不是整個教學(xué)過程的輔助方式，而是成為不可或缺的一部分。這種教學(xué)模式旨在為學(xué)生提供自主學(xué)習(xí)的機會，讓學(xué)生能夠按照自己的節(jié)奏和方式進行學(xué)習(xí)，同時也能為教師提供實時了解學(xué)生學(xué)習(xí)進度和掌握學(xué)習(xí)情況的可能性。而“線下”教學(xué)模式則是在“線上”的前期學(xué)習(xí)成果基礎(chǔ)上進行的。它不再是傳統(tǒng)意義上的課堂教學(xué)，而是基于學(xué)生在“線上”的學(xué)習(xí)表現(xiàn)和需求，進行更加深入、更具有針對性的教學(xué)活動。這種教學(xué)方式有助于教師根據(jù)學(xué)生的實際情況，靈活調(diào)整教學(xué)策略，以滿足不同學(xué)生的個性化需求?；旌鲜浇虒W(xué)模式打破了傳統(tǒng)教學(xué)中“教”與“學(xué)”固定時間和地點的限制[2]。這種混合式教學(xué)模式不僅能夠提高教學(xué)效率，還能激發(fā)學(xué)生的學(xué)習(xí)興趣和主動性，有助于培養(yǎng)學(xué)生的自主學(xué)習(xí)和問題解決能力。

本文以混合式教學(xué)模式為基礎(chǔ)，以前端框架應(yīng)用開發(fā)課程為例，進行了課程教學(xué)的改革與實踐研究。通過對教學(xué)設(shè)計、教學(xué)內(nèi)容、教學(xué)案例等內(nèi)容的優(yōu)化，創(chuàng)建了線上學(xué)習(xí)資源庫，實現(xiàn)了“線上”教學(xué)與“線下”教學(xué)的融合。

1 課程簡介

前端框架應(yīng)用開發(fā)課程專注于講授當(dāng)前極為熱門的Vue.js前端框架。作為一門以實踐為導(dǎo)向的開發(fā)類課程，它強調(diào)理論知識與實踐技能的并重。傳統(tǒng)教學(xué)模式下，學(xué)生主要側(cè)重理論知識的學(xué)習(xí)，但對于開發(fā)類課程來說，理論與實踐的結(jié)合至關(guān)重要。教學(xué)理論源于教學(xué)實踐，并對實踐具有指導(dǎo)作用，同時教學(xué)實踐是檢驗教學(xué)理論正確性的唯一有效標(biāo)準(zhǔn)。采用混合式的教學(xué)模式能讓學(xué)生的學(xué)習(xí)過程由易到難、由理論到實踐。通過本課程的學(xué)習(xí)，學(xué)生將全面掌握Vue.js前端框架的核心知識，從而能夠從整體上理解并應(yīng)用該框架。這將進一步培養(yǎng)學(xué)生使用前端技術(shù)進行項目開發(fā)的能力，為就業(yè)及后期的職業(yè)發(fā)展奠定堅實的基礎(chǔ)。

2 課程現(xiàn)狀與存在的問題

2.1 課程現(xiàn)狀

隨著互聯(lián)網(wǎng)的不斷發(fā)展，計算機技術(shù)與各行各業(yè)、日常工作學(xué)習(xí)之間有著廣泛的關(guān)聯(lián)，使得Web開發(fā)的需求與日俱增，而采用合適的框架技術(shù)進行Web 開發(fā)，能有效地解決原生開發(fā)中遇到的問題，如開發(fā)周期長、工作效率低、用戶界面不完善以及后期維護難度較復(fù)雜等[3]。前端框架應(yīng)用開發(fā)作為軟件工程專業(yè)的核心課程，在本專業(yè)的學(xué)習(xí)架構(gòu)中占據(jù)了核心地位。這門課程融合了軟件工程、網(wǎng)頁設(shè)計、HTML5應(yīng)用開發(fā)、Web應(yīng)用開發(fā)等課程知識，為學(xué)生提供了實踐操作的機會。該課程的開設(shè)為高校IT類專業(yè)學(xué)生提供了明確的就業(yè)方向，也為學(xué)生的未來發(fā)展打下了堅實的基礎(chǔ)。

2.2 存在的問題

在傳統(tǒng)的教學(xué)模式中，教師處于主導(dǎo)地位，學(xué)生則主要是學(xué)習(xí)教師所傳授的知識。這種模式過于強調(diào)教師的教學(xué)，而忽視了學(xué)生的主動性和創(chuàng)造性。在前端框架應(yīng)用開發(fā)這門課程中，雖然采用了理論知識和實踐案例相結(jié)合的方式，但實踐案例往往針對特定知識點進行設(shè)計，使得學(xué)生即使掌握了每個實踐案例，也無法將相關(guān)知識應(yīng)用到實踐的項目開發(fā)中。具體來說，傳統(tǒng)教學(xué)模式在前端框架應(yīng)用開發(fā)課程中存在以下問題：

①過于注重理論知識的學(xué)習(xí)，使得課程內(nèi)容枯燥且難以記憶，學(xué)生無法對知識點進行歸納總結(jié)，導(dǎo)致一邊學(xué)習(xí)一邊忘記。

②缺乏對學(xué)習(xí)過程的評價，過于依賴終結(jié)性結(jié)果評價，無法全面反映學(xué)生的學(xué)習(xí)情況和進步。

③實踐案例設(shè)計過于針對性與孤立性，學(xué)生難以將掌握的知識點融會貫通，應(yīng)用到實踐項目開發(fā)中。

因此，混合式教學(xué)模式的引入對于解決這些問題具有重要意義。通過線上和線下的有機結(jié)合，混合式教學(xué)模式可以讓學(xué)生更好地掌握理論知識，并通過實踐案例鞏固知識。同時，這種模式還強調(diào)對學(xué)習(xí)過程的評價，有助于教師全面了解學(xué)生的學(xué)習(xí)情況。

3 教學(xué)構(gòu)思與設(shè)計

針對上述問題，通過對前端框架應(yīng)用開發(fā)課程教學(xué)中的教學(xué)目標(biāo)、教學(xué)內(nèi)容、教學(xué)方式、考核指標(biāo)等環(huán)節(jié)進行了調(diào)整和完善，形成了一套完整的課程教學(xué)模式，以不斷提升學(xué)生的理論知識體系結(jié)構(gòu)與實踐動手能力。

①在傳統(tǒng)教學(xué)模式的基礎(chǔ)上對教學(xué)目標(biāo)進行了變革，旨在夯實課程基礎(chǔ)知識的同時，提高學(xué)生的學(xué)以致用和舉一反三的能力。

②在傳統(tǒng)教學(xué)模式的基礎(chǔ)上對教學(xué)內(nèi)容進行了調(diào)整。在傳授理論知識的同時，采用思維導(dǎo)圖等方式對每章節(jié)的知識點進行歸納和總結(jié)，以幫助學(xué)生構(gòu)建完整的理論知識體系。這樣不僅使學(xué)生更好地理解和掌握知識點，還培養(yǎng)了學(xué)生歸納總結(jié)的能力。此外，還引入了綜合實踐項目，將理論知識與實踐相結(jié)合，以項目驅(qū)動的方式豐富和完善教學(xué)內(nèi)容。在實踐過程中，注重學(xué)生對項目的思路分析，引導(dǎo)學(xué)生運用所學(xué)知識解決實際問題。通過這種方式，學(xué)生能夠更好地理解和應(yīng)用理論知識，以此提高學(xué)生的實踐能力和綜合素質(zhì)。

③在傳統(tǒng)教學(xué)模式的基礎(chǔ)上對教學(xué)方式進行了改變，以課程目標(biāo)為指引，充分考慮學(xué)生的學(xué)習(xí)需求和實際情況，利用線上教學(xué)平臺對線下教學(xué)進行有益的補充。通過構(gòu)建線上線下的融合教學(xué)框架[4]，學(xué)生得以獲得課前預(yù)習(xí)、課中實踐操作、課后作業(yè)及測試的全程學(xué)習(xí)體驗，實現(xiàn)學(xué)習(xí)的連貫性和完整性。借助在線學(xué)習(xí)平臺，學(xué)生可以隨時隨地進行學(xué)習(xí)，完成課程資源的瀏覽、下載和互動交流。同時，線下實體課程則注重面對面的交流與指導(dǎo)，幫助學(xué)生解決實踐操作中遇到的問題。這種混合式教學(xué)方式提高了學(xué)生的學(xué)習(xí)效果和興趣，滿足了不同層次學(xué)生多樣化的學(xué)習(xí)需求。

④在傳統(tǒng)教學(xué)模式的基礎(chǔ)上對考核指標(biāo)進行調(diào)整，在以往“平時表現(xiàn)+期末考試”的考核方式上增加項目實踐的考核內(nèi)容，形成了一套更為全面的考核體系。平時表現(xiàn)主要關(guān)注學(xué)生的學(xué)習(xí)態(tài)度和參與度，包括出勤情況、課堂互動、作業(yè)完成情況等，以評估學(xué)生對課程的投入程度。期末考試側(cè)重對基礎(chǔ)理論知識的考核，考查學(xué)生對課程基本概念、原理和方法的掌握程度。項目實踐則更加注重于考核學(xué)生將所學(xué)的知識點合理地應(yīng)用在真實的項目中。通過評估學(xué)生在項目中的實踐操作、問題解決和團隊協(xié)作能力，以衡量學(xué)生將理論知識應(yīng)用于實踐項目的水平。這種多元化的考核方式能夠更全面地評估學(xué)生的學(xué)習(xí)情況和實踐能力，為學(xué)生未來的職業(yè)發(fā)展打下堅實的基礎(chǔ)。

4 混合式教學(xué)實施與運行

前端框架應(yīng)用開發(fā)課程的實施與運行過程主要分為三個部分：教學(xué)內(nèi)容、教學(xué)過程實施和教學(xué)考核。其中，教學(xué)內(nèi)容涵蓋核心知識目標(biāo)和專業(yè)技能，以行業(yè)需求為導(dǎo)向，培養(yǎng)學(xué)生的實踐技能。教學(xué)過程實施采用線上線下混合式教學(xué)模式，注重學(xué)生獨立思考和團隊協(xié)作能力的培養(yǎng)。教學(xué)考核采用多元化方式，評估學(xué)生的學(xué)習(xí)情況和實踐能力水平。

4.1 教學(xué)內(nèi)容

本課程共分為11個模塊，其中理論+案例實踐模塊有10個，實踐教學(xué)項目模塊有6個。具體的實踐教學(xué)項目如表2所示，每個模塊的具體安排如圖1所示。

隨著移動互聯(lián)技術(shù)的不斷發(fā)展，小程序開發(fā)已成為各大平臺的熱門話題。Uni-app是一款基于Vue.js 框架的跨平臺開發(fā)工具，可以將一套代碼編譯到An? droid、iOS、微信小程序、QQ小程序、支付寶小程序、抖音小程序等15個平臺[5]。通過對不同小程序常見功能的深入分析，將這些功能精準(zhǔn)地映射到課程體系的每個章節(jié)中。這樣的教學(xué)設(shè)計有助于學(xué)生將所學(xué)知識應(yīng)用到真實的實踐項目中，實現(xiàn)知識的有效轉(zhuǎn)化。同時，根據(jù)設(shè)定的教學(xué)目標(biāo)構(gòu)思并設(shè)計了案例實踐、章節(jié)實驗和綜合項目。綜合項目功能與知識內(nèi)容的映射圖如圖2所示，旨在幫助學(xué)生更好地理解和應(yīng)用所學(xué)的知識。這張圖直觀地展示了知識點與實踐案例之間的聯(lián)系，從而使學(xué)生能夠更加清晰地認識到所學(xué)知識在實踐項目中的應(yīng)用價值，進而提高學(xué)習(xí)效果。

4.2 教學(xué)實施

1） 課前線上預(yù)習(xí)。在正式授課之前，教師會將相應(yīng)的教學(xué)課件、教學(xué)案例源碼、案例演示視頻、教學(xué)視頻等學(xué)習(xí)材料上傳至相應(yīng)的教學(xué)班群，并安排學(xué)生完成相應(yīng)的課前預(yù)習(xí)任務(wù)。學(xué)生在預(yù)習(xí)過程中遇到問題時，可以在教學(xué)班群中進行交流討論，這種互動的學(xué)習(xí)環(huán)境有助于激發(fā)學(xué)生的學(xué)習(xí)興趣，并促進學(xué)生的自主學(xué)習(xí)能力。教師會根據(jù)學(xué)生的預(yù)習(xí)情況，及時調(diào)整課件等相關(guān)材料中重難點知識的講解方式，以更符合學(xué)生的學(xué)習(xí)需求。此外，教師還會根據(jù)知識點的難易程度及重要程度合理的為每個知識點進行課時分配，以確保學(xué)生能夠充分理解和掌握課程內(nèi)容。通過這些措施的實施，可以有效地提高教學(xué)質(zhì)量和學(xué)生的學(xué)習(xí)效果。

2） 課中線下教學(xué)。在正式開始課堂教學(xué)之前，教師會通過提問互動的方式檢驗學(xué)生的預(yù)習(xí)情況，以了解學(xué)生對即將學(xué)習(xí)的知識點的掌握程度。這種方式有助于教師了解學(xué)生的學(xué)習(xí)需求和難點，以便在課堂教學(xué)中更加針對性地講解，提高教學(xué)質(zhì)量和效果。在講解過程中，教師會引入適當(dāng)?shù)陌咐?，結(jié)合理論知識的解釋，以幫助學(xué)生更好地理解和掌握這些難點。此外，教師還會根據(jù)學(xué)生的實際學(xué)習(xí)情況，以實踐項目功能的任務(wù)為依托，設(shè)計具有綜合特征的學(xué)習(xí)任務(wù)。這些任務(wù)旨在使學(xué)生能夠綜合應(yīng)用所學(xué)的知識，將理論與實踐操作相結(jié)合，提高學(xué)生的實踐應(yīng)用能力和問題解決能力。

在整體授課過程中，教師會采用課堂表現(xiàn)加分的激勵機制，鼓勵學(xué)生積極發(fā)言參與教學(xué)互動。這種機制可以有效地活躍課堂氛圍，調(diào)動學(xué)生學(xué)習(xí)的主動性和積極性，實現(xiàn)以學(xué)生為主體的教學(xué)模式。通過積極參與和深入思考，學(xué)生能夠更加深入地理解和掌握所學(xué)知識，進而提高學(xué)生的學(xué)習(xí)效果。

3） 課后鞏固實踐。除了課前的知識預(yù)習(xí)和課中的案例復(fù)現(xiàn)，課后實踐是鞏固理論知識最重要的途徑。前端框架應(yīng)用開發(fā)是一門理論和實踐相結(jié)合的課程，其中理論是實踐的基礎(chǔ)。因此，實踐是教學(xué)過程中至關(guān)重要的一部分。只有通過案例實踐的形式來檢驗學(xué)生對基礎(chǔ)理論知識的掌握情況，才能便于教師對后期教學(xué)的內(nèi)容進行及時調(diào)整。

在傳統(tǒng)教學(xué)模式的基礎(chǔ)上調(diào)整了教學(xué)方法。在每章節(jié)的理論知識講解之后，通過思維導(dǎo)圖等方式對知識點進行歸納和總結(jié)，如圖3所示。這種教學(xué)方法不僅有助于學(xué)生更好地理解和掌握理論知識，還有助于提高學(xué)生理論知識體系的構(gòu)建能力。

此外，采用了作業(yè)、案例實踐和實驗等多種形式進行課后鞏固。其中作業(yè)部分主要包括填空題、判斷題、選擇題、簡答題等形式，以檢驗學(xué)生對理論知識的掌握程度。案例實踐部分則通過對課堂案例的演變，考核學(xué)生的舉一反三能力。實驗部分則涵蓋了每個章節(jié)中所有知識點，檢驗學(xué)生對多個知識點的綜合應(yīng)用能力。

4.3 教學(xué)考核

前端框架應(yīng)用開發(fā)課程的期末考核采用了形成性考核和終結(jié)性考核相結(jié)合的方式，以全面評估學(xué)生的學(xué)習(xí)成果。詳細的課程考核機制如表3所示，其中：

1） 試卷部分主要側(cè)重考核學(xué)生對理論知識的掌握程度，涵蓋了課程的各個章節(jié)，并以客觀題的形式進行考核。

2） 實驗項目部分則側(cè)重考核學(xué)生對每個章節(jié)知識點的應(yīng)用能力。學(xué)生需要在規(guī)定時間內(nèi)完成指定的實驗任務(wù)，并提交代碼和實驗報告，以展示學(xué)生對知識點的理解和應(yīng)用能力。

3） 綜合項目部分需要學(xué)生以3～4人組成的小組共同完成一個“微商城”的移動端項目。這一部分除了考核學(xué)生對于所有知識的綜合應(yīng)用能力，還注重團隊的交流協(xié)作能力的考核。學(xué)生需要在規(guī)定時間內(nèi)分工合作，共同完成項目需求，并提交項目報告。

通過這種全面的考核方式，可以更準(zhǔn)確地評估學(xué)生的學(xué)習(xí)情況和實踐應(yīng)用能力，為學(xué)生提供更有效的學(xué)習(xí)反饋和建議。同時，這種考核方式也有助于培養(yǎng)學(xué)生的團隊協(xié)作能力和創(chuàng)新精神。

5 教學(xué)實踐總結(jié)

通過兩個學(xué)期的觀察，發(fā)現(xiàn)學(xué)生在課堂上的氛圍非常活躍，積極互動提問，普遍反饋上課效果良好。同時，布置的實踐內(nèi)容具有很強的針對性，能夠明確學(xué)習(xí)目標(biāo)，顯著增強實踐性，這表明教學(xué)模式的改革得到了學(xué)生的認可和好評。學(xué)生們積極參與課堂討論和實踐操作，能夠更好地掌握和應(yīng)用所學(xué)知識。同時，這也證明了教學(xué)目標(biāo)得到了很好的實現(xiàn)，為學(xué)生的職業(yè)發(fā)展打下了堅實的基礎(chǔ)。

6 結(jié)論

前端框架應(yīng)用開發(fā)這門課程以理論為基礎(chǔ)、實踐為主導(dǎo)，針對這一特點，在教學(xué)改革上采取了小案例的形式來幫助學(xué)生理解基礎(chǔ)理論知識。此外，還圍繞基礎(chǔ)知識設(shè)計了綜合項目，以整合課程中的各個知識點。通過線上與線下的混合式教學(xué)模式，這不僅凸顯了學(xué)生作為教學(xué)主體的地位，還通過提問互動等方式充分激發(fā)了學(xué)生的學(xué)習(xí)積極性與主動性，從而提高了教學(xué)效果。

通過這種教學(xué)模式，旨在培養(yǎng)學(xué)生的實踐應(yīng)用能力和解決問題的能力，以便學(xué)生在未來的職業(yè)發(fā)展中能夠更好地應(yīng)對各種挑戰(zhàn)。同時，在教學(xué)改革過程中也注重教學(xué)質(zhì)量的監(jiān)督和評估，以便及時調(diào)整教學(xué)方法和內(nèi)容，以滿足不同層次學(xué)生的需求和期望。

【通聯(lián)編輯：王力】

基金項目：成都東軟學(xué)院2023 年度校級教研教改項目（項目編號：NSUJG2023-018）