智慧學習視域下《前端技術》線上線下混合式教學模式研究與實踐

劉智萍

摘 要：智慧學習視域下，基于線上線下混合教學模式的特點和優勢，基于不同學科的特點，努力構建一套全新的課堂教學模式，已經成為當前高等教育的重點。特以此作為研究的視角，分析了《前端技術》教學現狀，并在此基礎上結合線上線下教學模式的優勢，提出了線上線下混合式教學模式具體開展路徑，旨在提升《前端技術》教學質量，滿足新時代下人才培養要求。

關鍵詞：智慧學習；前端技術；線上線下；混合式教學

中圖分類號：G64? ? ? ? ? 文獻標識碼：A? ? ? ? ? 文章編號：1673-9132（2023）18-0009-03

DOI：10.16657/j.cnki.issn1673-9132.2023.18.003

《前端技術》是應用型本科院校電子技術專業中一門專業課程，主要涵蓋了軟件行業中關鍵技術。尤其是伴隨著信息技術的發展，無論是生產還是生活各個環節，都離不開互聯網信息技術。為了更好地滿足社會發展的要求，學校在開展《前端技術》教學時，唯有基于當前課堂教學中存在的最多弊端，積極推進教學改革，基于智慧學習的要求，促進線上和線下教學相融合，借助混合式這一新型的教學手段，全面提升人才培養質量，以更好地滿足當前社會要求。

一、線上線下混合式教學模式概述

（一）內涵與特點解析

線上線下混合式教學模式伴隨著信息技術的發展而出現，屬于一種全新的課堂教學模式，主要是在傳統課堂教學的基礎上，融入線上教學模式。在這種教學模式下，將傳統線下課堂教學模式和網絡教學進行了深度融合，利用網絡集中了多種教學資源，并促進了教學方式的轉變，使得原本死板的師生關系變得更加融洽、活躍。

縱觀傳統《前端技術》教學現狀，基本上都是采用講授法、談論法、演示法的方式進行教學。在傳統的課堂教學中，基本上都是以課堂作為載體，借助口頭講解的方式，將相關的知識傳授給學生。在傳統的課堂教學中，教師還會結合教學的需求，融入一些新穎的元素；伴隨著信息技術的發展，線上線下混合式教學模式的應用，將課堂真正歸還給了學生，為課堂教學注入了新鮮的血液和活力，并借助信息技術這一先進的教學手段，增強了學生的課堂體驗度。

（二）應用優勢研究

與傳統的課堂教學模式相比，線上線下混合式教學模式保留了傳統課堂教學中的優勢，并最大限度挖掘了線上資源、網絡教學手段，使其成為線下課堂教學的有效補充、完善。從傳統教學模式來說，其主要優勢是學生可以和教師面對面，雙方可及時進行有效的反饋，并圍繞其展開討論，最終形成濃厚的學習氛圍。而在線上教學模式下，學生的學習突破了時間和空間的限制，學生可結合自己的實際情況，隨時隨地進行學習。因此，在線上線下混合教學模式下，教師可充分利用線上教學資源，補充教學內容，鞏固理論知識，為學生進行答疑和指導等。在線上線下混合式教學模式下，教師可結合教學內容、重難點等，精心錄制視頻，將其發布到相關平臺上，學生可在課下結合自己的學習情況反復觀看；也可以借助線上平臺，發布學習任務，為學生進行答疑等，使學生在線上教學輔助下，完成知識的內化和理解，真正提升學習效果。從學生的層面上來說，線上線下混合式教學模式為學生提供了更為多元、更為豐富的學習方式，促進了學生思維、能力的全面發展，有效提升了人才培養質量［1］。

二、智慧學習視域下《前端技術》教學現狀分析

（一）教學內容不能及時更新，課程知識不夠合理

技術領域本身就處于不斷更新的狀態中，《前端技術》中的相關內容，也應不斷進行更新。但當前《前端技術》教材內容相對滯后，且教師在開展課堂教學時，也僅僅是按照教材上的內容進行灌輸，只對傳統的科學技術進行簡單介紹，很少關注新內容。這導致《前端技術》教學出現了明顯的滯后性。

（二）教學模式滯后，實踐教學課時比例低

鑒于《前端技術》學科特點，教師唯有積極推進教學改革，靈活開展課堂教學，并在理論教學的基礎上積極開展實踐教學，才能真正提升課堂教學質量。但當前《前端技術》學科教學依然沿用傳統的教學模式、固定的教學流程，致使課堂教學枯燥無味。教師過分集中在理論知識教學中，忽視了實踐教學。即便是開展了實踐教學，也是教師的主觀設計，致使設計出來的實踐教學方案與學生的學習不相符，難以真正提升人才培養質量。

（三）考核機制片面，重成績、輕實踐

一直以來，受到傳統教學理念的制約，教師在實施教學評價時，考核重點常常集中在學習結果和取得的成績上。在這種滯后的教學評價模式下，學生常常不能真正理解這些理論知識，而是一味地死記硬背，甚至在這種枯燥的學習過程中，導致學生逐漸滋生出多種不良的情緒，致使考核價值功能逐漸失去原有的初衷。

三、智慧學習視域下《前端技術》線上線下混合式教學模式構建路徑

（一）做好充足的學前準備工作

在線上線下混合式教學模式下，教師在推進教學改革時，可充分借助釘釘、微信、學習通等多種平臺，向學生推送學習材料，提前向學生安排學習任務。而要實現這一教學目標，教師在開展課堂教學之前，就要花費一定的時間和精力，對教學內容、教學對象進行全面、深入的分析，科學設計教學目標、教學流程，為學生呈現一份高質量的課前預習方案。 為了保障學生學習活動的效果，還應在熟悉相關課程基礎上，調動自己頭腦中的相關知識，為學生提供一份完美的學習材料，以滿足學生學習需求。在《前端技術》的線上線下混合式教學模式下，就可提前借助網絡平臺，為學生發送學習材料、安排教學任務等。在向學生推送學習材料時，每一位教師都具備自己的想法，而教師自身的這種想法，就真切地體現了教學方式的改革、創新。鑒于此，在優化教學材料時，應結合具體的教學內容、學生的實際情況，遵循由淺入深、由易到難的原則，將一些相對簡單的基礎概念、理論性的學習材料置于最前面，待到學生真正掌握了相關知識之后，方可進入到后續復雜材料的學習和理解中；另外，在線上線下混合式教學模式下，還應引導學生積極參與其中，與學生共同商量，開發相關的習題，并發布到教學平臺上，以便于學生在課下進行針對性的學習［2］。

（二）優化課程教學組織模式

線上線下混合教學模式下，教師在開展《前端技術》教學時，應努力轉變傳統的課堂教學模式，結合素質教育的要求，尊重學生在課堂上的主體地位，以項目教學法作為載體開展學習。在具體的教學中，可以項目節點作為依據，按照分組的原則，將全班學生劃分為幾個學習小組。為了保障合作學習順利開展，在劃分學習小組時，必須要做好學生綜合能力分析，確保每一個小組內學生的學習能力、性格等存在互補性，以便于更好地開展合作、交流；而在小組之間則應盡力保持平衡，使得各個小組之間保持實力均衡；同時，在劃分學習小組時，還應關注每一個小組的人數，一般以5～7人作為標準，且一旦進入到具體的項目學習中，小組人數不宜再發生改變，以免制約項目教學的正常進展。其次，在線上線下混合教學模式下的項目學習中，還應圍繞學生在線上學習中的反饋，科學確定項目、設計探究任務，并帶領學生對其進行細化、分解，以便于小組學生在明確的探究項目引導下，查找相關的資料。文獻、文章等，并經過小組內學生的對比，找出其中的相同之處和不同之處，最終經過篩選和剔除，形成最佳的項目探究資料。最后，結合項目探究的任務，以及篩選出來的資料展開探究性學習，經過小組內學生的頭腦風暴，在群策群力中完成項目的高效學習。與傳統的教學模式相比，線上線下教學模式下的項目教學模式最為顯著的特點，就是學生在學習中能夠圍繞自己的觀點和看法進行交流，在交流中，學生學以致用的能力、自主學習能力等也有所提升，真正實現了素質教育下的教學目標。

（三）開發《前端技術》線上線下混合式教學案例

在《前端技術》線上線下混合式教學模式下，鑒于該學科的特點，緊緊圍繞“以學生為中心、以實踐為中心”的教學理念，結合線上線下混合教學模式的特點，進行了優化設計。在本論文研究中，就以“CSS選擇器”這一章節中的“H5導航欄設計”為例，對其進行了詳細探究。

首先，課前線上自主學習。在這一階段學習中，教師借助“超星學習通”發布了課前自主學習任務。學生通過教師發布的視頻、微課預習H5一級導航欄的基本構成、結構代碼、經典網頁布局等開展自主預習。并以小組合作的形式，分析具體的探究任務、查閱資料、設計構思等，初步完成頁面制作這一學習任務。學生在課前自主線上學習的過程中，常常會出現一定的疑惑，教師可引導學生通過App展開線上討論，或者由教師直接進行課后答疑，幫助學生完成重難點的解析；同時，教師還可以結合學生線上討論的問題，掌握學生的自主學習情況，明確課堂教學的重難點，提前進行針對性的備課。

其次，課中實練，促進知識內化。在線上線下混合式課堂教學中，可結合“超星學習通”學習結果，以及學習中的反饋，掌握學生的在線學習情況。之后，圍繞學生自主學習的結果，結合本章節的教學重難點，提出針對性的問題，引導學生結合課本中的教學案例，圍繞“H5導航欄設計中出現的常見問題”進行探究學習。在具體的教學過程中，可適當融入案例，引導學生在討論中共同完成。待到學生基本上掌握這一知識點后，還應回歸到項目學習中，引導學生以小組作為載體，通過頭腦風暴，經群策群力共同完成作品，并對其進行升級。教師則在這一過程中，觀察學生的學習態度，做好同步記錄等，并圍繞學生在小組探究中存在的疑惑進行答疑，切實保障整個學習過程的順利開展。

最后，課后拓展，優化教學效果。在線上線下混合式教學模式中，學生可將自己完成的作品上傳到網絡平臺上，引導學生進行欣賞，并圍繞其展開評價，借助評價促使學生形成全面、深刻的認知，并逐漸養成精益求精的良好習慣。在“H5導航欄設計”混合式教學中，就可引導學生將小組的作品上傳到平臺上進行展示，學生可利用手機進行查看和下載，并對其進行全面、合理的點評。如此，不僅激發了學生的學習積極性，也促使學生在參與點評的過程中，拓展了自身的視野，并對所學知識進行了鞏固，真正提升了學生的技能。

（四）構建《前端技術》教學資源庫

以往，教師在開展《前端技術》教學時，基本上都是按照教材上的內容進行的，教學資源比較狹隘，與《前端技術》學科特點，以及學生的學習需求不相符。素質教育背景下，為了進一步提升《前端技術》的教學效果，應圍繞教學目標，為學生提供不同層次、不同性質的教學資源，對其進行整合和匯總，最終形成集教學大綱、教材內容、教學視頻、課程案例、教學項目、題庫于一體的資源庫。首先，編寫教學大綱。在教學資源庫中，教學大綱具備指導性，屬于綱領性文件。必須要圍繞教學目標、課程的特點、教學重難點、課時、考核方式等，科學設計教學大綱，并將其存儲到相關平臺上。其次，編寫并拓展教材內容。在構建混合式教學資源庫時，應結合現行教材上的內容，并結合具體的內容進行拓展和延伸，將其融入學習平臺中，旨在拓展學生的學習空間。再次，錄制教學視頻、整理課程案例等，主要是圍繞《前端技術》教學的特點和要求，精心錄制教學課件，并結合不同層次學生的學習需求，錄制難易程度不同的教學內容，保存在教學資源庫中；還應圍繞教學內容，整理相關的課程案例，以便于學生在課下進行自主學習。

（五）構建全新的考核模式

鑒于線上線下混合式教學模式以及《前端技術》課程的特點，在推進教學改革時，還應著眼于課程的考核模式，基于互聯網這一平臺，構建一套全新的考核模式。一方面，從考核形式上來說，可將其劃分為兩種，即：多人協作考核、單人考核。由于互聯網屬于一種信息化的教學平臺，與單人完成的模式相比，在實際工作中更加關注多個人的協作。在這種情況下，考慮到學生未來的就業情況，必須要增加多人協作的考核模式，還應適當提升上機實踐操作的考核比重，旨在強化學生的實踐能力，使其與未來行業需求接軌。另一方面，革新考核評定方式。應試教育模式下培養出來的大學生，金字塔型的知識能力體系，致使學生的能力知識體系大同小異。但是進入到大學之后，這種情況也隨之發生改變，傳統的單人考核評定方式已經格格不入，而通過答辯、群里討論的考核模式往往取得了更優的效果。鑒于此，在構建《前端技術》線上線下混合式教學模式時，還應充分利用互聯網平臺，設計相關的考核方式，以便于借助新型的考核模式，提升人才培養質量［3］。

綜上所述，新時代背景下，傳統《前端技術》教學模式弊端日益顯露。面對這一現狀，就要基于互聯網信息平臺，積極構建線上線下混合教學模式，并充分借助混合式教學模式的優勢，調動學生的學習積極性，提升學生的實踐能力、創新能力等，不斷提升人才培養質量。

參考文獻：

［1］ 王曉.線上線下混合式教學在F校《新媒體營銷》中的應用研究［D］.云南師范大學，2022.

［2］ 譚有倩，劉明，李艷萍.混合式教學在“Web前端技術”課程中的應用策略及效果研究［J］.教學學術，2021（2）：72.

［3］ 羅劍，邢翠，聶鑫.混合式教學模式下Web前端技術教學資源建設研究［J］.軟件導刊，2021（7）：201.

［責任編輯 谷會巧］