劉智萍

摘 要：智慧學(xué)習(xí)視域下，基于線上線下混合教學(xué)模式的特點和優(yōu)勢，基于不同學(xué)科的特點，努力構(gòu)建一套全新的課堂教學(xué)模式，已經(jīng)成為當前高等教育的重點。特以此作為研究的視角，分析了《前端技術(shù)》教學(xué)現(xiàn)狀，并在此基礎(chǔ)上結(jié)合線上線下教學(xué)模式的優(yōu)勢，提出了線上線下混合式教學(xué)模式具體開展路徑，旨在提升《前端技術(shù)》教學(xué)質(zhì)量，滿足新時代下人才培養(yǎng)要求。

關(guān)鍵詞：智慧學(xué)習(xí)；前端技術(shù)；線上線下；混合式教學(xué)

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

DOI：10.16657/j.cnki.issn1673-9132.2023.18.003

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

一、線上線下混合式教學(xué)模式概述

（一）內(nèi)涵與特點解析

線上線下混合式教學(xué)模式伴隨著信息技術(shù)的發(fā)展而出現(xiàn)，屬于一種全新的課堂教學(xué)模式，主要是在傳統(tǒng)課堂教學(xué)的基礎(chǔ)上，融入線上教學(xué)模式。在這種教學(xué)模式下，將傳統(tǒng)線下課堂教學(xué)模式和網(wǎng)絡(luò)教學(xué)進行了深度融合，利用網(wǎng)絡(luò)集中了多種教學(xué)資源，并促進了教學(xué)方式的轉(zhuǎn)變，使得原本死板的師生關(guān)系變得更加融洽、活躍。

縱觀傳統(tǒng)《前端技術(shù)》教學(xué)現(xiàn)狀，基本上都是采用講授法、談?wù)摲ā⒀菔痉ǖ姆绞竭M行教學(xué)。在傳統(tǒng)的課堂教學(xué)中，基本上都是以課堂作為載體，借助口頭講解的方式，將相關(guān)的知識傳授給學(xué)生。在傳統(tǒng)的課堂教學(xué)中，教師還會結(jié)合教學(xué)的需求，融入一些新穎的元素；伴隨著信息技術(shù)的發(fā)展，線上線下混合式教學(xué)模式的應(yīng)用，將課堂真正歸還給了學(xué)生，為課堂教學(xué)注入了新鮮的血液和活力，并借助信息技術(shù)這一先進的教學(xué)手段，增強了學(xué)生的課堂體驗度。

（二）應(yīng)用優(yōu)勢研究

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

二、智慧學(xué)習(xí)視域下《前端技術(shù)》教學(xué)現(xiàn)狀分析

（一）教學(xué)內(nèi)容不能及時更新，課程知識不夠合理

技術(shù)領(lǐng)域本身就處于不斷更新的狀態(tài)中，《前端技術(shù)》中的相關(guān)內(nèi)容，也應(yīng)不斷進行更新。但當前《前端技術(shù)》教材內(nèi)容相對滯后，且教師在開展課堂教學(xué)時，也僅僅是按照教材上的內(nèi)容進行灌輸，只對傳統(tǒng)的科學(xué)技術(shù)進行簡單介紹，很少關(guān)注新內(nèi)容。這導(dǎo)致《前端技術(shù)》教學(xué)出現(xiàn)了明顯的滯后性。

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

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

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

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

三、智慧學(xué)習(xí)視域下《前端技術(shù)》線上線下混合式教學(xué)模式構(gòu)建路徑

（一）做好充足的學(xué)前準備工作

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

（二）優(yōu)化課程教學(xué)組織模式

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

（三）開發(fā)《前端技術(shù)》線上線下混合式教學(xué)案例

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

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

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

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

（四）構(gòu)建《前端技術(shù)》教學(xué)資源庫

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

（五）構(gòu)建全新的考核模式

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

綜上所述，新時代背景下，傳統(tǒng)《前端技術(shù)》教學(xué)模式弊端日益顯露。面對這一現(xiàn)狀，就要基于互聯(lián)網(wǎng)信息平臺，積極構(gòu)建線上線下混合教學(xué)模式，并充分借助混合式教學(xué)模式的優(yōu)勢，調(diào)動學(xué)生的學(xué)習(xí)積極性，提升學(xué)生的實踐能力、創(chuàng)新能力等，不斷提升人才培養(yǎng)質(zhì)量。

參考文獻：

［1］ 王曉.線上線下混合式教學(xué)在F?！缎旅襟w營銷》中的應(yīng)用研究［D］.云南師范大學(xué)，2022.

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

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

［責任編輯 谷會巧］